3 ms·

If you like BEM syntax, take a look at Kanbasu [0]. I especially like the spacers[1] for adding padding/margins without having to define separate CSS classes e

If you like BEM syntax, take a look at Kanbasu [0]. I especially like the spacers[1] for adding padding/margins without having to define separate CSS classes every time. [0] http://kanbasu.liip.ch/ http://kanbasu.liip.ch/ [1] http://kanbasu.liip.ch/02-helpers.html#spacings http://kanbasu.liip.ch/02-helpers.html#spacings

SippinLean 9y ago
>I especially like the spacers[1] for adding padding/margins Looks just like the ones out of Bootstrap 4. The "Embed Responsive" component appears to be a clone of BS4's. Kanbasu's grid system looks much worse >Widths are percentages represented by fractions. All classes are constructed like .w-{nominator}/{denominator}. By default you have halves, thirds, quarters, fifths and sixths. >Note that only the smallest fractions are generated; for example .w-2/4 doesn’t exist when both quarters and halves are in the settings, .w-1/2 take over it. ...wait, what? Seems way more complex than Bootstrap. The responsive example is even worse: .grid--center>.grid__item Yikes, appears to be BEM in naming conventions only, doesn't include the specificity flattening that makes BEM so nice. So when I want to overwrite this I need to use the > combinator?! It also appears to be totally lacking in JS components? Also missing many of the mixins that make Bootstrap more useful.