@repositive/liz-skin
v1.1.0
Published
Downloads
1
Keywords
Readme
liz-skin
Changelog - to v1.0.0
- No
.u-
namespacing. There is a 'gotacha' - some old classes in Discover's custom directory still have.u-
, I will tidy this ASAP. - Revised spacing scale: deleted the 96px space, introduced the 3px space:
.p0 {} // = 0px padding
.p1 {} // = 3px padding
.p2 {} // = 6px padding
.p3 {} // = 12px padding
.p4 {} // = 24px padding
.p5 {} // = 48px padding
- Inline documentation.
- More responsiveness. Use the suffixes
-s
,-m
,-l
,-w
(note: not every suffix is available for every utility) to apply different margins, paddings, displays (show/hide) on different media breakpoints. - Some simplified syntax: e.g.
.block
,.inline-block
,.absolute
,.relative
,.circle
,.square
. - Everything relating to font has a 'f' in front of it. So
.u-tc-primary
is replaced by.fc-primary
, to be consistent with font-size and font-weight. - No arbitrary image width classes (
.u-w4
). Seeicon.scss
for new width classes, designed around common avatar sizes. It might not be the perfect system, but it's an improvement.