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.