Usage no npm install needed!

<script type="module">
  import suitcssUtilsOffset from 'https://cdn.skypack.dev/suitcss-utils-offset';
</script>

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:

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.