Typography

Text Stroke

Utilities for set text with outer stroke color.

Variant

Active Checked Child-Selection Dark Mode Disabled Expand First-Last-Selection First-Letter Focus Focus-Visible Focus-Within Fullscreen Group-Focus Group-Hover Hover Landscape Light Mode Portrait Reduce-Motion Responsive Selection-Hover Visited

API

class
text-stroke-shade-`{palette}`-`{modifier}`	See:Palette page to find more about the color options (Shades, Tones, Tints), color manipulations (saturation, brightness, contrast), and transparency.
text-stroke-tone-`{palette}`-`{modifier}`
text-stroke-tint-`{palette}`-`{modifier}`

Usage

TEXT

<div class="text-white text-xl-8 text-stroke-4 ... text-stroke-tint-teal-5">
  ...
</div>

HTML

.dummy {
  @extend
    .text-white,
    .text-xl-8,
    .text-stroke-4,
    .text-stroke-tint-teal-5;
}

SCSS