Skip to content

Outline Color

Below, utility classes to apply outline-color property.

ClassProperties
.outline-<color>-<tint>outline-color: var(--#{$color}-#{$tint});

Example(s)

html
<button class="outline-solid outline-2 outline-offset-2 outline-gray-500 ...">button</button>
<button class="outline-solid outline-2 outline-offset-2 outline-deep-orange-500 ...">button</button>
<button class="outline-solid outline-2 outline-offset-2 outline-yellow-500 ...">button</button>
<button class="outline-solid outline-2 outline-offset-2 outline-green-500 ...">button</button>
<button class="outline-solid outline-2 outline-offset-2 outline-indigo-500 ...">button</button>

Released under the Beerware 🍺 License.