Border Color

Utilities for controlling the color of an element's borders.

Class Properties
.bc-{color-name} border-color: {color};
.bc-{color-name}-o-{value} border-color: rgba({color}, {opacity});
.bc-transparent border-color: transparent;

Usage

Control the border color of an element using the .border-{color-name} utilities.

Border color transparency

Control the border color of an element using the .bc-{color-name}–o-{value} utilities. The settings of the opacities can be changed in _settings.scss

Customization

All available colors are defined in _settings.scss.

Variants

You can control which variants are generated by modifying the $utility-configuration in _settings.scss.