View source

Weight Utility

The weight utility contains helper classes for the font-weight CSS property.

Installation

npm install --save-dev iotacss-utils-weight

Dependencies

  • Settings.Core
  • Tools.Core

Settings

Name Type Default Description
$iota-utils-weight-namespace String weight- Class Namespace
$iota-utils-weight-sizes Map () Weight sizes map

Class Syntax

Simple Class

1
.[utility-namespace][weight-namespace][weight-name]

Example

1
2
3
4
$iota-utils-weight-sizes: (
  light : 300,
  bold  : 600
);

1
2
<h2 class="u-weight-bold">A bold heading</h2>
<p class="u-weight-light">A light paragraph</p>