suitcss-utils-offset

Offset utilities for SUIT CSS

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
suitcss-utils-offset
801.0.08 years ago10 years agoMinified + gzip package size for suitcss-utils-offset in KB

Readme

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:

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.