Text Decoration Thickness

Controls the thickness of text decorations.

Class	Property
tdt-0	`text-decoration-thickness: 0px;`
tdt-1	`text-decoration-thickness: 1px;`
tdt-2	`text-decoration-thickness: 2px;`
tdt-3	`text-decoration-thickness: 3px;`
tdt-4	`text-decoration-thickness: 4px;`
tdt-auto	`text-decoration-thickness: auto;`
tdt-ff	`text-decoration-thickness: from-font;`

Using responsive breakpoints like sm:tdt-*, md:tdt-*, lg:tdt-*, and xxl:tdt-* allows targeting specific utilities in different viewports.

<div class="tdt-1 md:tdt-2 ..."></div>

Using :hover modifiers such as h:tdt-* allows you to override elements and change their values when hovering over them.

<div class="tdt-1 h:tdt-2 ..."></div>