| Shortcuts | Render |
|---|---|
<p> |
Lorem ipsum dolor sit amet |
.txt |
Lorem ipsum dolor sit amet |
.txt-bold |
Lorem ipsum dolor sit amet |
.txt-italic |
Lorem ipsum dolor sit amet |
.txt-upper |
Lorem ipsum dolor sit amet |
.txt-lower |
Lorem ipsum dolor sit amet |
.txt-start |
Lorem ipsum dolor sit amet |
.txt-center |
Lorem ipsum dolor sit amet |
.txt-end |
Lorem ipsum dolor sit amet |
.txt-wrap |
Ensures the text wraps normally and breaks long words to prevent overflow. |
.txt-justify |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer rutrum ante commodo, ullamcorper felis in, dictum felis. Cras lacinia sapien id sem blandit mollis. Integer lacinia mattis tortor. Cras elementum consectetur nisl ut tincidunt. |
Use optional .txt-X class, where X is a value from 10 to 90, to set the text opacity (0.1 to 0.9)
| Shortcuts | On hover | Render |
|---|---|---|
.txt-border |
.txt-border-hover |
Lorem ipsum dolor sit amet |
.txt-primary |
.txt-primary-hover |
Lorem ipsum dolor sit amet |
.txt-secondary |
.txt-secondary-hover |
Lorem ipsum dolor sit amet |
.txt-success |
.txt-success-hover |
Lorem ipsum dolor sit amet |
.txt-info |
.txt-info-hover |
Lorem ipsum dolor sit amet |
.txt-warning |
.txt-warning-hover |
Lorem ipsum dolor sit amet |
.txt-danger |
.txt-danger-hover |
Lorem ipsum dolor sit amet |
.txt-dark |
.txt-dark-hover |
Lorem ipsum dolor sit amet |
.txt-light |
.txt-light-hover |
Lorem ipsum dolor sit amet |
.txt-body |
.txt-body-hover |
Lorem ipsum dolor sit amet |
.txt-white |
.txt-white-hover |
Lorem ipsum dolor sit amet |
.txt-black |
.txt-black-hover |
Lorem ipsum dolor sit amet |
| Shortcuts | Render |
|---|---|
<a> |
Lorem ipsum dolor sit amet |
.txt-underline-none |
Lorem ipsum dolor sit amet |
.txt-underline-hover |
Lorem ipsum dolor sit amet |
.txt-hover-opacity |
Lorem ipsum dolor sit amet |
.txt-hover-bolder |
Lorem ipsum dolor sit amet |
.txt-hover-double |
Lorem ipsum dolor sit amet |
| Shortcuts | Render |
|---|---|
.txt-spacing-0 |
Lorem ipsum dolor sit amet |
.txt-spacing-1 |
Lorem ipsum dolor sit amet |
.txt-spacing-2 |
Lorem ipsum dolor sit amet |
.txt-spacing-3 |
Lorem ipsum dolor sit amet |
.txt-spacing-4 |
Lorem ipsum dolor sit amet |
.txt-spacing-5 |
Lorem ipsum dolor sit amet |