Text Decoration
Text decoration utility classes
Change the text decoration to none or underlined on different states.
Usage
Add the class to the element you want to change the text decoration for.
Modifier selectors
| Modifier selector | Description |
|---|---|
slb-text-decoration-underline |
Gives the element an underline. |
slb-text-decoration-underline-hover |
Gives the element an underline whilst in the hover state. |
slb-text-decoration-none |
Removes the text decoration. |
slb-text-decoration-none-hover |
Removes the text decoration whilst in the hover state. |
.slb-text-decoration-underline - Gives the element an underline.
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Autem, voluptatibus laudantium.
.slb-text-decoration-underline-hover - Gives the element an underline whilst in the hover state.
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Autem, voluptatibus laudantium.
.slb-text-decoration-none - Removes the text decoration.
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Autem, voluptatibus laudantium.
.slb-text-decoration-none-hover.slb-text-decoration-underline - Removes the text decoration whilst in the hover state.
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Autem, voluptatibus laudantium.