@repositive/liz-skin

1.1.0 • Public • Published

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.

Dependencies (0)

    Dev Dependencies (0)

      Package Sidebar

      Install

      npm i @repositive/liz-skin

      Weekly Downloads

      1

      Version

      1.1.0

      License

      MIT

      Last publish

      Collaborators

      • jamwaffles
      • jpcano
      • leojpod
      • tombyers
      • dennisschwartz
      • reposibot
      • istar-eldritch