iotaCSS is now a monorepo and all individual repositories are part of it. Please open issues or PRs here: https://github.com/iotacss/iotacss.

Weight Utility

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

Installation

npm install --save iotacss-utils-weight

Options

$iota-utils-weight-namespace  : 'weight-' !default;

$iota-utils-weight-sizes      : () !default;

Example

$iota-utils-weight-sizes: (
  thin    : 300,
  normal  : 400,
  bold    : 700
);

It will generate:

.u-weight-thin {
  font-weight: 300 !important;
}

.u-weight-normal {
  font-weight: 400 !important;
}

.u-weight-bold {
  font-weight: 700 !important;
}