The problem is that we wan't to override the color of a group. But stylefmt forces the @each after the disabled class.
We wan't:
.Button {
@each $name, $props in $groups {
&.#{$name} {
background: lighten(map-get($props, 'color-dark'), 10%);
}
}
&.disabled {
background: $gray;
}
}
But stylefmt wants:
.Button {
&.disabled {
background: $gray;
}
@each $name, $props in $groups {
&.#{$name} {
background: lighten(map-get($props, 'color-dark'), 10%);
}
}
}
We also don't wan't extend the group class with the disabled class as that will make a loads of unnecessary css lines.
Not sure if this is an issue but we also don't wan't to be forced to use !important.
The problem is that we wan't to override the color of a group. But stylefmt forces the
@eachafter thedisabledclass.We wan't:
But stylefmt wants:
We also don't wan't extend the group class with the
disabledclass as that will make a loads of unnecessary css lines.Not sure if this is an issue but we also don't wan't to be forced to use
!important.