View source

Color Utility

The color utility contains helper classes for the color CSS property.

Installation

npm install --save-dev iotacss-utils-color

Dependencies

  • Settings.Core
  • Tools.Core

Settings

Name Type Default Description
$iota-utils-color-namespace String color- Class Namespace
$iota-utils-color-names Map () Color names

Class Syntax

Simple Class

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

Example

1
2
3
4
$iota-utils-color-names: (
  white   : #FFFFFF,
  black   : #000000
);

1
2
<h2 class="u-color-black">A black heading</h2>
<p class="u-color-white">A white paragraph</p>