I especially like the spacers[1] for adding padding/margins without having to define separate CSS classes every time.
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.
>an open source CSS framework based on Flexbox and built with Sass
So, like BS4?
Spectre seems to lift most of the components directly from Boostrap, the grid system and naming conventions appear identical.
In some cases they are using some terrible practices, like the "CSS only" carousel that involves hidden radio buttons!