Text Decoration Line
Controls the text decoration line of an element.
| Class | Property |
|---|---|
| tdl-lt | text-decoration-line: line-through; |
| tdl-none | text-decoration-line: none; |
| tdl-u | text-decoration-line: underline; |
| tdl-o | text-decoration-line: overline; |
Using responsive modifiers
Using responsive breakpoints like sm:tdl-*,
md:tdl-*, lg:tdl-*, and xxl:tdl-* allows targeting specific utilities in
different viewports.
<div class="tdl-none md:tdl-u ..."></div>Using hover modifiers
Using :hover modifiers such as h:tdl-* allows
you to override elements and change their values when hovering over them.
<div class="tdl-none h:tdl-u ..."></div>