Utilities

Sass module containing utility classes to help design apps

Source
Version
Updated
8/30/2016

Install

npm install designkit-utilities --save

Examples

Basic Usage

These utilities classes can be used for simple adjustments, such as adding a border or adjusting white space.

HTML

<div class="cf">
  <div class="fl w-50 pa4 ba b-grey br1 shadow">
    <div class="color-heading b mb2">Utilities Test</div>
    <div class="color-text sans mb2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae consectetur velit recusandae vel earum? Esse, nostrum dignissimos corrupti, magni deleniti modi culpa accusamus assumenda consequatur maxime voluptatum iure vitae nemo.</div>
  </div>
</div>

CSS