Theme:

Decoration

This modifier change the decoration of text.

The structure of the class names are:

  • .font-decoration-{STYLE} shows the line style
  • .font-decoration-{STYLE}-{SCREEN_SIZE} shows the line style until the screen size
  • .font-decoration-{STYLE}-hover shows the line style while hover
  • .font-decoration-{STYLE}-hover-{SCREEN_SIZE} shows the line style while hover until the screen size
  • .font-decoration-{THICKNESS} change the line thickness
  • .font-decoration-{THICKNESS}-{SCREEN_SIZE} change the line thickness until the screen size
  • .font-decoration-{COLOR} change the line color
  • .font-decoration-{COLOR}-{SCREEN_SIZE} change the line color until the screen size

The values are:

  • STYLE: none, overline, through, underline
  • THICKNESS: bold, thin
  • COLOR: default, primary, secondary, success, info, warning, danger, light, dark
  • SCREEN_SIZE: lg, md, sm, xs

ATTENTION the {THICKNESS} and {COLOR} specifications only work if a {STYLE} has also been set.

Theme basic Screen size XL
html