Hacker News new | ask | show | jobs
by fotcorn 3243 days ago
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/

[1] http://kanbasu.liip.ch/02-helpers.html#spacings

1 comments

>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.