@repositive/liz-skin

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). See icon.scss for new width classes, designed around common avatar sizes. It might not be the perfect system, but it's an improvement.