Xidipity

Knowledge Base

text decor
Text: Decor
Xidipity WordPress Theme Knowledge Base Framework Content Header Image
line through
 
  • class: tdc:ln-thr
  •   tdc:ln-thr!hover
  •   tdc:ln-thr!focus
  • css: text-decoration-color: inherit;
  •   text-decoration-line: line-through;
  •   text-decoration-style: solid;

 

line through red
 
  • class: tdc:ln-thr-red
  •   tdc:ln-thr-red!hover
  •   tdc:ln-thr-red!focus
  • css: text-decoration-color: #CC0000;
  •   text-decoration-line: line-through;
  •   text-decoration-style: solid;

 

underline
 
  • class: tdc:un-ln
  •   tdc:un-ln!hover
  •   tdc:un-ln!focus
  • css: text-decoration-color: inherit;
  •   text-decoration-line: underline;
  •   text-decoration-style: solid;
  •   text-underline-offset: 0.125rem;

 

underline red
 
  • class: tdc:un-ln-red
  •   tdc:un-ln-red!hover
  •   tdc:un-ln-red!focus
  • css: text-decoration-color: #CC0000;
  •   text-decoration-line: underline;
  •   text-decoration-style: solid;
  •   text-underline-offset: 0.125rem;

 

underline double
 
  • class: tdc:un-ln-dbl
  •   tdc:un-ln-dbl!hover
  •   tdc:un-ln-dbl!focus
  • css: text-decoration-color: inherit;
  •   text-decoration-line: underline;
  •   text-decoration-style: line-double;
  •   text-underline-offset: 0.125rem;

 

underline double red
 
  • class: tdc:un-ln-dbl-red
  •   tdc:un-ln-dbl-red!hover
  •   tdc:un-ln-dbl-red!focus
  • css: text-decoration-color: #CC0000;
  •   text-decoration-line: underline;
  •   text-decoration-style: line-double;
  •   text-underline-offset: 0.125rem;

 

underline dotted
 
  • class: tdc:un-ln-dot
  •   tdc:un-ln-dot!hover
  •   tdc:un-ln-dot!focus
  • css: text-decoration-color: inherit;
  •   text-decoration-line: underline;
  •   text-decoration-style: dotted;
  •   text-underline-offset: 0.125rem;

 

underline dotted red
 
  • class: tdc:un-ln-dot-red
  •   tdc:un-ln-dot-red!hover
  •   tdc:un-ln-dot-red!focus
  • css: text-decoration-color: #CC0000;
  •   text-decoration-line: underline;
  •   text-decoration-style: dotted;
  •   text-underline-offset: 0.125rem;

 

underline wavy
 
  • class: tdc:un-ln-wav
  •   tdc:un-ln-wav!hover
  •   tdc:un-ln-wav!focus
  • css: text-decoration-color: inherit;
  •   text-decoration-line: underline;
  •   text-decoration-style: wavy;
  •   text-underline-offset: 0.125rem;

 

underline wavy red
 
  • class: tdc:un-ln-wav-red
  •   tdc:un-ln-wav-red!hover
  •   tdc:un-ln-wav-red!focus
  • css: text-decoration-color: #CC0000;
  •   text-decoration-line: underline;
  •   text-decoration-style: wavy;
  •   text-underline-offset: 0.125rem;

 

AbbreviationDefinition
tdctext decor
dbldouble
lnline
dotdotted
sosolid
thrthrough
wavwavy

 

Supported media
 
AbbreviationDefinition
all
sm)small
md)medium
lg)large
xl)extra large

 

Supported events
 
EventDefinition
hovercursor hovers over target
focustarget is the focus
Notes
 

All decor classes begin with “tdc” and are separated by a colon from it’s value.


  • Since: v1.0.0

 

September 24, 2022