View source

Background Color Utility

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

Installation

npm install --save-dev iotacss-utils-bgcolor

Dependencies

  • Settings.Core
  • Tools.Core

Settings

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

Class Syntax

Simple Class

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

Example

1
2
3
$iota-utils-bgcolor-names: (
  black : #000000
);

1
2
3
<div class="u-bgcolor-black">
  <p>A div with a black background</p>
</div>