styleguide
COLORI
tw-bg-black
tw-bg-gray-dark
tw-bg-gray-mid
tw-bg-gray
tw-bg-gray-light
tw-bg-silver
tw-bg-gray-extra-light
tw-bg-white
tw-bg-blue
tw-bg-blue-navy
tw-bg-red
tw-bg-green
Oltre alle classi .tw-bg-* per i colori di sfondo, sono disponibili anche:
.tw-text-*→ per applicare il colore al testo (es..tw-text-redrende il testo rosso)..tw-border-*→ per applicare il colore al bordo (es..tw-border-greenrende il bordo verde).
Le varianti disponibili sono le stesse viste sopra: black, gray-dark,
gray-mid,
gray, gray-light, silver, gray-extra-light, white,
taupe, lavender, purple, beige, pink-light,
red, green.
SCANDIA
tw-text-heading-x-mini tw-font-regular (11px)
tw-text-heading-x-mini tw-font-medium (11px)
tw-text-heading-x-mini tw-font-bold (11px)
tw-text-heading-mini tw-font-regular (13px)
tw-text-heading-mini tw-font-medium (13px)
tw-text-heading-mini tw-font-bold (13px)
tw-text-heading-x-small tw-font-regular (14px)
tw-text-heading-x-small tw-font-medium (14px)
tw-text-heading-x-small tw-font-bold (14px)
tw-text-heading-small tw-font-regular (16px)
tw-text-heading-small tw-font-medium (16px)
tw-text-heading-small tw-font-bold (16px)
tw-text-heading-medium tw-font-regular (20px)
tw-text-heading-medium tw-font-medium (20px)
tw-text-heading-medium tw-font-bold (20px)
tw-text-heading-large tw-font-regular (24px)
tw-text-heading-large tw-font-medium (24px)
tw-text-heading-large tw-font-bold (24px)
tw-text-heading-x-large tw-font-regular (40px)
tw-text-heading-x-large tw-font-medium (40px)
tw-text-heading-x-large tw-font-bold (40px)
tw-text-heading-xx-large tw-font-regular (60px)
tw-text-heading-xx-large tw-font-medium (60px)
tw-text-heading-xx-large tw-font-bold (60px)
SHNYDER
tw-text-heading-x-mini tw-font-regular (11px)
tw-text-heading-x-mini tw-font-medium (11px)
tw-text-heading-x-mini tw-font-bold (11px)
tw-text-heading-mini tw-font-regular (13px)
tw-text-heading-mini tw-font-medium (13px)
tw-text-heading-mini tw-font-bold (13px)
tw-text-heading-x-small tw-font-regular (14px)
tw-text-heading-x-small tw-font-medium (14px)
tw-text-heading-x-small tw-font-bold (14px)
tw-text-heading-small tw-font-regular (16px)
tw-text-heading-small tw-font-medium (16px)
tw-text-heading-small tw-font-bold (16px)
tw-text-heading-medium tw-font-regular (20px)
tw-text-heading-medium tw-font-medium (20px)
tw-text-heading-medium tw-font-bold (20px)
tw-text-heading-large tw-font-regular (24px)
tw-text-heading-large tw-font-medium (24px)
tw-text-heading-large tw-font-bold (24px)
tw-text-heading-x-large tw-font-regular (40px)
tw-text-heading-x-large tw-font-medium (40px)
tw-text-heading-x-large tw-font-bold (40px)
tw-text-heading-xx-large tw-font-regular (60px)
tw-text-heading-xx-large tw-font-medium (60px)
tw-text-heading-xx-large tw-font-bold (60px)
BOTTONI
I buttons sono gia specificati nello schema del tema, nelle sezioni vi bastera aggiungere un blocco button e dentro il customize decidere quale di queste viarianti usare.
Qui di seguito trovate gli stili completi basta ispezionare l'elemento