/utils-before

SUIT utility classes for leading offsets

Primary LanguageCSSMIT LicenseMIT

SUIT utilities: before

Build Status

SUIT CSS leading offset utilities.

Read more about SUIT's design principles.

Installation

  • Component(1): component install suitcss/utils-before
  • npm: npm install suitcss-utils-before
  • Bower: bower install suit-utils-before
  • Download: zip

Available classes

  • u-beforeXofY (numerous) - Specify the proportional offset before an object.

X must be an integer less than Y.

Y can be any of the following numbers: 2, 3, 4, 5, 6, 8, 10, 12.

Plugins

Utilities that can be limited to specific Media Query breakpoints.

  • u-sm-beforeXofY - To use at the small Media Query breakpoint.
  • u-md-beforeXofY - To use at the medium Media Query breakpoint.
  • u-lg-beforeXofY - To use at the large Media Query breakpoint.

Usage

Please refer to the README for SUIT utils

Testing

Install Node (comes with npm).

npm install

To generate a build:

npm run build

To generate the testing build.

npm run build-test

Basic visual tests are in test.html.

Browser support

  • Google Chrome (latest)
  • Opera (latest)
  • Firefox 4+
  • Safari 5+
  • Internet Explorer 8+