Usage no npm install needed!

<script type="module">
  import wocssUtilitiesWidths from 'https://cdn.skypack.dev/wocss-utilities-widths';
</script>

README

This module is DEPRECATED

This module has been moved to the monorepo wocss (and renamed to @wocss/utilities-widths)

WIDTHS

Utility

The wocss-utilities-widths generates a series of utility classes that give a fluid width to whichever element they’re applied. These classes are most commonly used in conjunction with the wocss-objects-grid module,

Install using npm:

$ npm install wocss-utilities-widths --save

Usage

With a tool like webpack you can import this module writing:

@import '~wocss-utilities-widths';

All classes might be suffixed with @[mobile|tablet|laptop] by default, see the wocss-settings-breakpoints.

e.g.:

<div class="u-6/12 u-8/12@tablet"></div>