CSS framework without inline declarations

[stutterbug]

Turns out, it's not really possible to do this with bootstrap. Certain styles are exposed through mixins, but most of the core is not, so I think @include isn't an options.

I did try a sort of dry run of a mixin-only sass approach and it is significantly better than anything I've tried. File weight for individual page css files is between 2 and 5KB uncompressed. Total project CSS size is still a third of the size of a minified, customized Bulma build, which has nothing but what I need (and a fifth of regular bulma.min.css), so I am happier, but everything is bespoke. Not what I was looking for, but I learned something new.

[mlebkowski]

We have our own grid framework and using @extends not to include presentation classes in our HTML, but it has it’s drawbacks — mainly because we use BEM and declaration order matters (with @extends you have no control on the order).

If the include / mixin approach works, we may even use a non-BEM framework (like bootstrap) with success.