Clientkit 3.0.0

Removed ❌

• .heading--light > .color-light
• .font-weight-xbold
• No more iOS8 support
• Container default to 1200px.
• .flex-row-wrap (and all modifiers, most notably .flex-row-sm-wrap) > .flex-wrap or .flex-sm-wrap.
• .font-weight-light > .font-light
• .font-weight-body > .font-body
• .font-weight-bold > .font-bold
• .text-color-error, .text-color-body > .color-error, .color-body.
• .button-alt > .button-secondary
• .text-spaced > .text-stretched

New features ✅

• New colors by default:
  • accent1-lighter
  • accent1-darker
  • accent2-lighter
  • accent2-darker
• .text-underline
• .sr-only
• .svg-icon
• .button-link
• Color variables define new classes:
  • text-color-foo will create CSS class: color-foo and will expose --color-foo on the :root.
  • background-text-foo will create CSS rules for color to be defined when child of bg-foo.
• .floating-label (example below):

<form class="form">
  <div class="floating-label">
    <label>My label</label>
    <input type="text">
  </div>
</form>

• New variables:
  • font-label
  • font-article and line-height-article
  • heading-X-line-height and heading-X-mobile-line-height
  • button-border