SUIT CSS utilities: offset

SUIT CSS offset utilities.

Read more about SUIT CSS's design principles.

Installation

• npm: npm install suitcss-utils-offset
• Download: zip

…is a convenient way to install the SUIT CSS offset utilities:

• utils-after
• utils-before

Configuration

There are 3 Media Query breakpoints:

• --sm-viewport
• --md-viewport
• --lg-viewport

When using the SUIT CSS preprocessor, breakpoints can be configured using @custom-media. For example:

@custom-media --sm-viewport (min-width:320px) and (max-width:640px);
@custom-media --md-viewport (min-width:640px) and (max-width:960px);
@custom-media --lg-viewport (min-width:960px);

Usage

Please refer to the individual packages and the README for SUIT CSS utils.

HEAD

1.0.0 (February 14, 2016)

• Update to preprocessor ^1.0.0
• Update to 'utils-after' ^1.0.0.
• Update to 'utils-before' ^1.0.0.

0.5.1 (October 28, 2014)

• Add support for JS bundling.

0.5.0 (June 21, 2014)

• Update to 'utils-after' 0.3.0.
• Update to 'utils-before' 0.3.0.
• npm-based workflow.
• Add new preprocessor build tools.

0.4.2 (March 26, 2014)

• Update to 'utils-after' 0.2.2.
• Update to 'utils-before' 0.2.2.

0.4.1 (March 26, 2014)

• Fix npm dependency names.

0.4.0 (March 25, 2014)

• Add npm support.
• Update to 'utils-after' 0.2.0.
• Update to 'utils-before' 0.2.0.
• Depend on 'utils-before' and 'utils-after'.

0.3.0 (September 26, 2013)

• Add responsive offset plugins.
• Add CSS linting and configuration.
• Add Component(1) support.

0.2.0 (August 14, 2013)

• Add !important to every declaration.
• Remove stray before3of9 and after3of9 selectors.

0.1.0 (June 2, 2013)

• Initial public release.