ITL utility_classes

ITL utility_classes

Source: _colors.scss, line 148

2.4 Border-colors

@mixin border($color) To add borders in various colours use the following classes:

  • .underline-<color>: adds a 1px border at the top side of the element
  • .upperline-<color>: adds a 1px border at the bottom of the element
  • .border-<color>: adds a border around the element
  • <ANY>--faded: lowers the opacity of the color

Example

Red underlined text

Purple underlined text

Blue bordered text

<h1 class="underline-red">Red underlined text</h1>
<h1 class="upperline-purple">Purple underlined text</h1>
<h1 class="border-blue">Blue bordered text</h1>