At Viewpost, or anywhere else.
Harry Roberts, csswizardry.com
@mixin vp-button($color: $color-primary) {
background-color: $color;
color: $color-white;
// ... etc. button styles
}
%button {
@include vp-button;
}
<a class="vp-button--primary">Click Me</a>
.vp-button {
@extend %vp-button;
&--primary {
@include vp-theme('button', 'primary');
}
}
Separation of concerns (structure vs. appearance)
Unused CSS (a large amount!)
Inefficient grid system
DIV-itis
Not scalable (hacked-on styles)
More classes than India's caste system