.t-bolt-white
class.
CSS custom property | |
---|---|
Text | var(--m-bolt-text) |
Background | var(--m-bolt-bg) |
Primary | var(--m-bolt-primary) |
Text on Primary | var(--m-bolt-text-on-primary) |
Secondary | var(--m-bolt-secondary) |
Text on Secondary | var(--m-bolt-text-on-secondary) |
Tertiary | var(--m-bolt-tertiary) |
Text on Tertiary | var(--m-bolt-text-on-tertiary) |
Link Text | var(--m-bolt-link) |
Disabled | var(--m-bolt-text-on-disabled) |
Text on Disabled | var(--m-bolt-disabled) |
Headline Text | var(--m-bolt-headline) |
Border | var(--m-bolt-border) |
Neutral | var(--m-bolt-neutral) |
Body text
.t-bolt-black
class.
CSS custom property | |
---|---|
Text | var(--m-bolt-text) |
Background | var(--m-bolt-bg) |
Primary | var(--m-bolt-primary) |
Text on Primary | var(--m-bolt-text-on-primary) |
Secondary | var(--m-bolt-secondary) |
Text on Secondary | var(--m-bolt-text-on-secondary) |
Tertiary | var(--m-bolt-tertiary) |
Text on Tertiary | var(--m-bolt-text-on-tertiary) |
Link Text | var(--m-bolt-link) |
Disabled | var(--m-bolt-text-on-disabled) |
Text on Disabled | var(--m-bolt-disabled) |
Headline Text | var(--m-bolt-headline) |
Border | var(--m-bolt-border) |
Neutral | var(--m-bolt-neutral) |
Body text
.t-bolt-gray-xlight
class.
CSS custom property | |
---|---|
Text | var(--m-bolt-text) |
Background | var(--m-bolt-bg) |
Primary | var(--m-bolt-primary) |
Text on Primary | var(--m-bolt-text-on-primary) |
Secondary | var(--m-bolt-secondary) |
Text on Secondary | var(--m-bolt-text-on-secondary) |
Tertiary | var(--m-bolt-tertiary) |
Text on Tertiary | var(--m-bolt-text-on-tertiary) |
Link Text | var(--m-bolt-link) |
Disabled | var(--m-bolt-text-on-disabled) |
Text on Disabled | var(--m-bolt-disabled) |
Headline Text | var(--m-bolt-headline) |
Border | var(--m-bolt-border) |
Neutral | var(--m-bolt-neutral) |
Body text
.t-bolt-navy-dark
class.
CSS custom property | |
---|---|
Text | var(--m-bolt-text) |
Background | var(--m-bolt-bg) |
Primary | var(--m-bolt-primary) |
Text on Primary | var(--m-bolt-text-on-primary) |
Secondary | var(--m-bolt-secondary) |
Text on Secondary | var(--m-bolt-text-on-secondary) |
Tertiary | var(--m-bolt-tertiary) |
Text on Tertiary | var(--m-bolt-text-on-tertiary) |
Link Text | var(--m-bolt-link) |
Disabled | var(--m-bolt-text-on-disabled) |
Text on Disabled | var(--m-bolt-disabled) |
Headline Text | var(--m-bolt-headline) |
Border | var(--m-bolt-border) |
Neutral | var(--m-bolt-neutral) |
Body text
.t-bolt-navy
class.
CSS custom property | |
---|---|
Text | var(--m-bolt-text) |
Background | var(--m-bolt-bg) |
Primary | var(--m-bolt-primary) |
Text on Primary | var(--m-bolt-text-on-primary) |
Secondary | var(--m-bolt-secondary) |
Text on Secondary | var(--m-bolt-text-on-secondary) |
Tertiary | var(--m-bolt-tertiary) |
Text on Tertiary | var(--m-bolt-text-on-tertiary) |
Link Text | var(--m-bolt-link) |
Disabled | var(--m-bolt-text-on-disabled) |
Text on Disabled | var(--m-bolt-disabled) |
Headline Text | var(--m-bolt-headline) |
Border | var(--m-bolt-border) |
Neutral | var(--m-bolt-neutral) |
Body text
.t-bolt-navy-light
class.
CSS custom property | |
---|---|
Text | var(--m-bolt-text) |
Background | var(--m-bolt-bg) |
Primary | var(--m-bolt-primary) |
Text on Primary | var(--m-bolt-text-on-primary) |
Secondary | var(--m-bolt-secondary) |
Text on Secondary | var(--m-bolt-text-on-secondary) |
Tertiary | var(--m-bolt-tertiary) |
Text on Tertiary | var(--m-bolt-text-on-tertiary) |
Link Text | var(--m-bolt-link) |
Disabled | var(--m-bolt-text-on-disabled) |
Text on Disabled | var(--m-bolt-disabled) |
Headline Text | var(--m-bolt-headline) |
Border | var(--m-bolt-border) |
Neutral | var(--m-bolt-neutral) |
Body text
.t-bolt-teal
class.
CSS custom property | |
---|---|
Text | var(--m-bolt-text) |
Background | var(--m-bolt-bg) |
Primary | var(--m-bolt-primary) |
Text on Primary | var(--m-bolt-text-on-primary) |
Secondary | var(--m-bolt-secondary) |
Text on Secondary | var(--m-bolt-text-on-secondary) |
Tertiary | var(--m-bolt-tertiary) |
Text on Tertiary | var(--m-bolt-text-on-tertiary) |
Link Text | var(--m-bolt-link) |
Disabled | var(--m-bolt-text-on-disabled) |
Text on Disabled | var(--m-bolt-disabled) |
Headline Text | var(--m-bolt-headline) |
Border | var(--m-bolt-border) |
Neutral | var(--m-bolt-neutral) |
Body text
.t-bolt-yellow
class.
CSS custom property | |
---|---|
Text | var(--m-bolt-text) |
Background | var(--m-bolt-bg) |
Primary | var(--m-bolt-primary) |
Text on Primary | var(--m-bolt-text-on-primary) |
Secondary | var(--m-bolt-secondary) |
Text on Secondary | var(--m-bolt-text-on-secondary) |
Tertiary | var(--m-bolt-tertiary) |
Text on Tertiary | var(--m-bolt-text-on-tertiary) |
Link Text | var(--m-bolt-link) |
Disabled | var(--m-bolt-text-on-disabled) |
Text on Disabled | var(--m-bolt-disabled) |
Headline Text | var(--m-bolt-headline) |
Border | var(--m-bolt-border) |
Neutral | var(--m-bolt-neutral) |
Body text
.t-bolt-orange
class.
CSS custom property | |
---|---|
Text | var(--m-bolt-text) |
Background | var(--m-bolt-bg) |
Primary | var(--m-bolt-primary) |
Text on Primary | var(--m-bolt-text-on-primary) |
Secondary | var(--m-bolt-secondary) |
Text on Secondary | var(--m-bolt-text-on-secondary) |
Tertiary | var(--m-bolt-tertiary) |
Text on Tertiary | var(--m-bolt-text-on-tertiary) |
Link Text | var(--m-bolt-link) |
Disabled | var(--m-bolt-text-on-disabled) |
Text on Disabled | var(--m-bolt-disabled) |
Headline Text | var(--m-bolt-headline) |
Border | var(--m-bolt-border) |
Neutral | var(--m-bolt-neutral) |
Body text
.t-bolt-pink
class.
CSS custom property | |
---|---|
Text | var(--m-bolt-text) |
Background | var(--m-bolt-bg) |
Primary | var(--m-bolt-primary) |
Text on Primary | var(--m-bolt-text-on-primary) |
Secondary | var(--m-bolt-secondary) |
Text on Secondary | var(--m-bolt-text-on-secondary) |
Tertiary | var(--m-bolt-tertiary) |
Text on Tertiary | var(--m-bolt-text-on-tertiary) |
Link Text | var(--m-bolt-link) |
Disabled | var(--m-bolt-text-on-disabled) |
Text on Disabled | var(--m-bolt-disabled) |
Headline Text | var(--m-bolt-headline) |
Border | var(--m-bolt-border) |
Neutral | var(--m-bolt-neutral) |
Body text
.t-bolt-wine
class.
CSS custom property | |
---|---|
Text | var(--m-bolt-text) |
Background | var(--m-bolt-bg) |
Primary | var(--m-bolt-primary) |
Text on Primary | var(--m-bolt-text-on-primary) |
Secondary | var(--m-bolt-secondary) |
Text on Secondary | var(--m-bolt-text-on-secondary) |
Tertiary | var(--m-bolt-tertiary) |
Text on Tertiary | var(--m-bolt-text-on-tertiary) |
Link Text | var(--m-bolt-link) |
Disabled | var(--m-bolt-text-on-disabled) |
Text on Disabled | var(--m-bolt-disabled) |
Headline Text | var(--m-bolt-headline) |
Border | var(--m-bolt-border) |
Neutral | var(--m-bolt-neutral) |
Body text
.t-bolt-berry
class.
CSS custom property | |
---|---|
Text | var(--m-bolt-text) |
Background | var(--m-bolt-bg) |
Primary | var(--m-bolt-primary) |
Text on Primary | var(--m-bolt-text-on-primary) |
Secondary | var(--m-bolt-secondary) |
Text on Secondary | var(--m-bolt-text-on-secondary) |
Tertiary | var(--m-bolt-tertiary) |
Text on Tertiary | var(--m-bolt-text-on-tertiary) |
Link Text | var(--m-bolt-link) |
Disabled | var(--m-bolt-text-on-disabled) |
Text on Disabled | var(--m-bolt-disabled) |
Headline Text | var(--m-bolt-headline) |
Border | var(--m-bolt-border) |
Neutral | var(--m-bolt-neutral) |
Body text
.t-bolt-violet
class.
CSS custom property | |
---|---|
Text | var(--m-bolt-text) |
Background | var(--m-bolt-bg) |
Primary | var(--m-bolt-primary) |
Text on Primary | var(--m-bolt-text-on-primary) |
Secondary | var(--m-bolt-secondary) |
Text on Secondary | var(--m-bolt-text-on-secondary) |
Tertiary | var(--m-bolt-tertiary) |
Text on Tertiary | var(--m-bolt-text-on-tertiary) |
Link Text | var(--m-bolt-link) |
Disabled | var(--m-bolt-text-on-disabled) |
Text on Disabled | var(--m-bolt-disabled) |
Headline Text | var(--m-bolt-headline) |
Border | var(--m-bolt-border) |
Neutral | var(--m-bolt-neutral) |
Body text