Table of Styles
Here is a list of each class in Tachyons along with corresponding styles.
| Selectors | Declarations | Module |
|---|---|---|
html, body, div, article, section, main, footer, header, form, fieldset, legend, pre, code, a, h1,h2,h3,h4,h5,h6, p, ul, ol, li, dl, dt, dd, textarea, table, td, th, tr, input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], input[type="url"], .border-box | box-sizing:border-box | box-sizing |
.aspect-ratio | height:0 | aspect-ratios |
.aspect-ratio--16x9 | padding-bottom:56.25% | aspect-ratios |
.aspect-ratio--9x16 | padding-bottom:177.77% | aspect-ratios |
.aspect-ratio--4x3 | padding-bottom:75% | aspect-ratios |
.aspect-ratio--3x4 | padding-bottom:133.33% | aspect-ratios |
.aspect-ratio--6x4 | padding-bottom:66.6% | aspect-ratios |
.aspect-ratio--4x6 | padding-bottom:150% | aspect-ratios |
.aspect-ratio--8x5 | padding-bottom:62.5% | aspect-ratios |
.aspect-ratio--5x8 | padding-bottom:160% | aspect-ratios |
.aspect-ratio--7x5 | padding-bottom:71.42% | aspect-ratios |
.aspect-ratio--5x7 | padding-bottom:140% | aspect-ratios |
.aspect-ratio--1x1 | padding-bottom:100% | aspect-ratios |
.aspect-ratio--object | position:absolute | aspect-ratios |
.aspect-ratio-ns | height:0 | aspect-ratios |
.aspect-ratio--16x9-ns | padding-bottom:56.25% | aspect-ratios |
.aspect-ratio--9x16-ns | padding-bottom:177.77% | aspect-ratios |
.aspect-ratio--4x3-ns | padding-bottom:75% | aspect-ratios |
.aspect-ratio--3x4-ns | padding-bottom:133.33% | aspect-ratios |
.aspect-ratio--6x4-ns | padding-bottom:66.6% | aspect-ratios |
.aspect-ratio--4x6-ns | padding-bottom:150% | aspect-ratios |
.aspect-ratio--8x5-ns | padding-bottom:62.5% | aspect-ratios |
.aspect-ratio--5x8-ns | padding-bottom:160% | aspect-ratios |
.aspect-ratio--7x5-ns | padding-bottom:71.42% | aspect-ratios |
.aspect-ratio--5x7-ns | padding-bottom:140% | aspect-ratios |
.aspect-ratio--1x1-ns | padding-bottom:100% | aspect-ratios |
.aspect-ratio--object-ns | position:absolute | aspect-ratios |
.aspect-ratio-m | height:0 | aspect-ratios |
.aspect-ratio--16x9-m | padding-bottom:56.25% | aspect-ratios |
.aspect-ratio--9x16-m | padding-bottom:177.77% | aspect-ratios |
.aspect-ratio--4x3-m | padding-bottom:75% | aspect-ratios |
.aspect-ratio--3x4-m | padding-bottom:133.33% | aspect-ratios |
.aspect-ratio--6x4-m | padding-bottom:66.6% | aspect-ratios |
.aspect-ratio--4x6-m | padding-bottom:150% | aspect-ratios |
.aspect-ratio--8x5-m | padding-bottom:62.5% | aspect-ratios |
.aspect-ratio--5x8-m | padding-bottom:160% | aspect-ratios |
.aspect-ratio--7x5-m | padding-bottom:71.42% | aspect-ratios |
.aspect-ratio--5x7-m | padding-bottom:140% | aspect-ratios |
.aspect-ratio--1x1-m | padding-bottom:100% | aspect-ratios |
.aspect-ratio--object-m | position:absolute | aspect-ratios |
.aspect-ratio-l | height:0 | aspect-ratios |
.aspect-ratio--16x9-l | padding-bottom:56.25% | aspect-ratios |
.aspect-ratio--9x16-l | padding-bottom:177.77% | aspect-ratios |
.aspect-ratio--4x3-l | padding-bottom:75% | aspect-ratios |
.aspect-ratio--3x4-l | padding-bottom:133.33% | aspect-ratios |
.aspect-ratio--6x4-l | padding-bottom:66.6% | aspect-ratios |
.aspect-ratio--4x6-l | padding-bottom:150% | aspect-ratios |
.aspect-ratio--8x5-l | padding-bottom:62.5% | aspect-ratios |
.aspect-ratio--5x8-l | padding-bottom:160% | aspect-ratios |
.aspect-ratio--7x5-l | padding-bottom:71.42% | aspect-ratios |
.aspect-ratio--5x7-l | padding-bottom:140% | aspect-ratios |
.aspect-ratio--1x1-l | padding-bottom:100% | aspect-ratios |
.aspect-ratio--object-l | position:absolute | aspect-ratios |
img | max-width:100% | images |
.cover | background-size:cover | background-size |
.contain | background-size:contain | background-size |
.cover-ns | background-size:cover | background-size |
.contain-ns | background-size:contain | background-size |
.cover-m | background-size:cover | background-size |
.contain-m | background-size:contain | background-size |
.cover-l | background-size:cover | background-size |
.contain-l | background-size:contain | background-size |
.bg-center | background-repeat:no-repeat | background-position |
.bg-top | background-repeat:no-repeat | background-position |
.bg-right | background-repeat:no-repeat | background-position |
.bg-bottom | background-repeat:no-repeat | background-position |
.bg-left | background-repeat:no-repeat | background-position |
.bg-center-ns | background-repeat:no-repeat | background-position |
.bg-top-ns | background-repeat:no-repeat | background-position |
.bg-right-ns | background-repeat:no-repeat | background-position |
.bg-bottom-ns | background-repeat:no-repeat | background-position |
.bg-left-ns | background-repeat:no-repeat | background-position |
.bg-center-m | background-repeat:no-repeat | background-position |
.bg-top-m | background-repeat:no-repeat | background-position |
.bg-right-m | background-repeat:no-repeat | background-position |
.bg-bottom-m | background-repeat:no-repeat | background-position |
.bg-left-m | background-repeat:no-repeat | background-position |
.bg-center-l | background-repeat:no-repeat | background-position |
.bg-top-l | background-repeat:no-repeat | background-position |
.bg-right-l | background-repeat:no-repeat | background-position |
.bg-bottom-l | background-repeat:no-repeat | background-position |
.bg-left-l | background-repeat:no-repeat | background-position |
.outline | outline:1px solid | outlines |
.outline-transparent | outline:1px solid transparent | outlines |
.outline-0 | outline:0 | outlines |
.outline-ns | outline:1px solid | outlines |
.outline-transparent-ns | outline:1px solid transparent | outlines |
.outline-0-ns | outline:0 | outlines |
.outline-m | outline:1px solid | outlines |
.outline-transparent-m | outline:1px solid transparent | outlines |
.outline-0-m | outline:0 | outlines |
.outline-l | outline:1px solid | outlines |
.outline-transparent-l | outline:1px solid transparent | outlines |
.outline-0-l | outline:0 | outlines |
.ba | border-style:solid | borders |
.bt | border-top-style:solid | borders |
.br | border-right-style:solid | borders |
.bb | border-bottom-style:solid | borders |
.bl | border-left-style:solid | borders |
.bn | border-style:none | borders |
.ba-ns | border-style:solid | borders |
.bt-ns | border-top-style:solid | borders |
.br-ns | border-right-style:solid | borders |
.bb-ns | border-bottom-style:solid | borders |
.bl-ns | border-left-style:solid | borders |
.bn-ns | border-style:none | borders |
.ba-m | border-style:solid | borders |
.bt-m | border-top-style:solid | borders |
.br-m | border-right-style:solid | borders |
.bb-m | border-bottom-style:solid | borders |
.bl-m | border-left-style:solid | borders |
.bn-m | border-style:none | borders |
.ba-l | border-style:solid | borders |
.bt-l | border-top-style:solid | borders |
.br-l | border-right-style:solid | borders |
.bb-l | border-bottom-style:solid | borders |
.bl-l | border-left-style:solid | borders |
.bn-l | border-style:none | borders |
.b--black | border-color:var(--black) | border-colors |
.b--near-black | border-color:var(--near-black) | border-colors |
.b--dark-gray | border-color:var(--dark-gray) | border-colors |
.b--mid-gray | border-color:var(--mid-gray) | border-colors |
.b--gray | border-color:var(--gray) | border-colors |
.b--silver | border-color:var(--silver) | border-colors |
.b--light-silver | border-color:var(--light-silver) | border-colors |
.b--moon-gray | border-color:var(--moon-gray) | border-colors |
.b--light-gray | border-color:var(--light-gray) | border-colors |
.b--near-white | border-color:var(--near-white) | border-colors |
.b--white | border-color:var(--white) | border-colors |
.b--white-90 | border-color:var(--white-90) | border-colors |
.b--white-80 | border-color:var(--white-80) | border-colors |
.b--white-70 | border-color:var(--white-70) | border-colors |
.b--white-60 | border-color:var(--white-60) | border-colors |
.b--white-50 | border-color:var(--white-50) | border-colors |
.b--white-40 | border-color:var(--white-40) | border-colors |
.b--white-30 | border-color:var(--white-30) | border-colors |
.b--white-20 | border-color:var(--white-20) | border-colors |
.b--white-10 | border-color:var(--white-10) | border-colors |
.b--white-05 | border-color:var(--white-05) | border-colors |
.b--white-025 | border-color:var(--white-025) | border-colors |
.b--white-0125 | border-color:var(--white-0125) | border-colors |
.b--black-90 | border-color:var(--black-90) | border-colors |
.b--black-80 | border-color:var(--black-80) | border-colors |
.b--black-70 | border-color:var(--black-70) | border-colors |
.b--black-60 | border-color:var(--black-60) | border-colors |
.b--black-50 | border-color:var(--black-50) | border-colors |
.b--black-40 | border-color:var(--black-40) | border-colors |
.b--black-30 | border-color:var(--black-30) | border-colors |
.b--black-20 | border-color:var(--black-20) | border-colors |
.b--black-10 | border-color:var(--black-10) | border-colors |
.b--black-05 | border-color:var(--black-05) | border-colors |
.b--black-025 | border-color:var(--black-025) | border-colors |
.b--black-0125 | border-color:var(--black-0125) | border-colors |
.b--dark-red | border-color:var(--dark-red) | border-colors |
.b--red | border-color:var(--red) | border-colors |
.b--light-red | border-color:var(--light-red) | border-colors |
.b--orange | border-color:var(--orange) | border-colors |
.b--gold | border-color:var(--gold) | border-colors |
.b--yellow | border-color:var(--yellow) | border-colors |
.b--light-yellow | border-color:var(--light-yellow) | border-colors |
.b--purple | border-color:var(--purple) | border-colors |
.b--light-purple | border-color:var(--light-purple) | border-colors |
.b--dark-pink | border-color:var(--dark-pink) | border-colors |
.b--hot-pink | border-color:var(--hot-pink) | border-colors |
.b--pink | border-color:var(--pink) | border-colors |
.b--light-pink | border-color:var(--light-pink) | border-colors |
.b--dark-green | border-color:var(--dark-green) | border-colors |
.b--green | border-color:var(--green) | border-colors |
.b--light-green | border-color:var(--light-green) | border-colors |
.b--navy | border-color:var(--navy) | border-colors |
.b--dark-blue | border-color:var(--dark-blue) | border-colors |
.b--blue | border-color:var(--blue) | border-colors |
.b--light-blue | border-color:var(--light-blue) | border-colors |
.b--lightest-blue | border-color:var(--lightest-blue) | border-colors |
.b--washed-blue | border-color:var(--washed-blue) | border-colors |
.b--washed-green | border-color:var(--washed-green) | border-colors |
.b--washed-yellow | border-color:var(--washed-yellow) | border-colors |
.b--washed-red | border-color:var(--washed-red) | border-colors |
.b--transparent | border-color:var(--transparent) | border-colors |
.b--inherit | border-color:inherit | border-colors |
.br0 | border-radius:0 | border-radius |
.br1 | border-radius:.125rem | border-radius |
.br2 | border-radius:.25rem | border-radius |
.br3 | border-radius:.5rem | border-radius |
.br4 | border-radius:1rem | border-radius |
.br-100 | border-radius:100% | border-radius |
.br-pill | border-radius:9999px | border-radius |
.br--bottom | border-top-left-radius:0 | border-radius |
.br--top | border-bottom-left-radius:0 | border-radius |
.br--right | border-top-left-radius:0 | border-radius |
.br--left | border-top-right-radius:0 | border-radius |
.br0-ns | border-radius:0 | border-radius |
.br1-ns | border-radius:.125rem | border-radius |
.br2-ns | border-radius:.25rem | border-radius |
.br3-ns | border-radius:.5rem | border-radius |
.br4-ns | border-radius:1rem | border-radius |
.br-100-ns | border-radius:100% | border-radius |
.br-pill-ns | border-radius:9999px | border-radius |
.br--bottom-ns | border-top-left-radius:0 | border-radius |
.br--top-ns | border-bottom-left-radius:0 | border-radius |
.br--right-ns | border-top-left-radius:0 | border-radius |
.br--left-ns | border-top-right-radius:0 | border-radius |
.br0-m | border-radius:0 | border-radius |
.br1-m | border-radius:.125rem | border-radius |
.br2-m | border-radius:.25rem | border-radius |
.br3-m | border-radius:.5rem | border-radius |
.br4-m | border-radius:1rem | border-radius |
.br-100-m | border-radius:100% | border-radius |
.br-pill-m | border-radius:9999px | border-radius |
.br--bottom-m | border-top-left-radius:0 | border-radius |
.br--top-m | border-bottom-left-radius:0 | border-radius |
.br--right-m | border-top-left-radius:0 | border-radius |
.br--left-m | border-top-right-radius:0 | border-radius |
.br0-l | border-radius:0 | border-radius |
.br1-l | border-radius:.125rem | border-radius |
.br2-l | border-radius:.25rem | border-radius |
.br3-l | border-radius:.5rem | border-radius |
.br4-l | border-radius:1rem | border-radius |
.br-100-l | border-radius:100% | border-radius |
.br-pill-l | border-radius:9999px | border-radius |
.br--bottom-l | border-top-left-radius:0 | border-radius |
.br--top-l | border-bottom-left-radius:0 | border-radius |
.br--right-l | border-top-left-radius:0 | border-radius |
.br--left-l | border-top-right-radius:0 | border-radius |
.b--dotted | border-style:dotted | border-style |
.b--dashed | border-style:dashed | border-style |
.b--solid | border-style:solid | border-style |
.b--none | border-style:none | border-style |
.b--dotted-ns | border-style:dotted | border-style |
.b--dashed-ns | border-style:dashed | border-style |
.b--solid-ns | border-style:solid | border-style |
.b--none-ns | border-style:none | border-style |
.b--dotted-m | border-style:dotted | border-style |
.b--dashed-m | border-style:dashed | border-style |
.b--solid-m | border-style:solid | border-style |
.b--none-m | border-style:none | border-style |
.b--dotted-l | border-style:dotted | border-style |
.b--dashed-l | border-style:dashed | border-style |
.b--solid-l | border-style:solid | border-style |
.b--none-l | border-style:none | border-style |
.bw0 | border-width:0 | border-widths |
.bw1 | border-width:.125rem | border-widths |
.bw2 | border-width:.25rem | border-widths |
.bw3 | border-width:.5rem | border-widths |
.bw4 | border-width:1rem | border-widths |
.bw5 | border-width:2rem | border-widths |
.bt-0 | border-top-width:0 | border-widths |
.br-0 | border-right-width:0 | border-widths |
.bb-0 | border-bottom-width:0 | border-widths |
.bl-0 | border-left-width:0 | border-widths |
.bw0-ns | border-width:0 | border-widths |
.bw1-ns | border-width:.125rem | border-widths |
.bw2-ns | border-width:.25rem | border-widths |
.bw3-ns | border-width:.5rem | border-widths |
.bw4-ns | border-width:1rem | border-widths |
.bw5-ns | border-width:2rem | border-widths |
.bt-0-ns | border-top-width:0 | border-widths |
.br-0-ns | border-right-width:0 | border-widths |
.bb-0-ns | border-bottom-width:0 | border-widths |
.bl-0-ns | border-left-width:0 | border-widths |
.bw0-m | border-width:0 | border-widths |
.bw1-m | border-width:.125rem | border-widths |
.bw2-m | border-width:.25rem | border-widths |
.bw3-m | border-width:.5rem | border-widths |
.bw4-m | border-width:1rem | border-widths |
.bw5-m | border-width:2rem | border-widths |
.bt-0-m | border-top-width:0 | border-widths |
.br-0-m | border-right-width:0 | border-widths |
.bb-0-m | border-bottom-width:0 | border-widths |
.bl-0-m | border-left-width:0 | border-widths |
.bw0-l | border-width:0 | border-widths |
.bw1-l | border-width:.125rem | border-widths |
.bw2-l | border-width:.25rem | border-widths |
.bw3-l | border-width:.5rem | border-widths |
.bw4-l | border-width:1rem | border-widths |
.bw5-l | border-width:2rem | border-widths |
.bt-0-l | border-top-width:0 | border-widths |
.br-0-l | border-right-width:0 | border-widths |
.bb-0-l | border-bottom-width:0 | border-widths |
.bl-0-l | border-left-width:0 | border-widths |
.shadow-1 | box-shadow:0px 0px 4px 2px rgba( 0, 0, 0, 0.2 ) | box-shadow |
.shadow-2 | box-shadow:0px 0px 8px 2px rgba( 0, 0, 0, 0.2 ) | box-shadow |
.shadow-3 | box-shadow:2px 2px 4px 2px rgba( 0, 0, 0, 0.2 ) | box-shadow |
.shadow-4 | box-shadow:2px 2px 8px 0px rgba( 0, 0, 0, 0.2 ) | box-shadow |
.shadow-5 | box-shadow:4px 4px 8px 0px rgba( 0, 0, 0, 0.2 ) | box-shadow |
.shadow-1-ns | box-shadow:0px 0px 4px 2px rgba( 0, 0, 0, 0.2 ) | box-shadow |
.shadow-2-ns | box-shadow:0px 0px 8px 2px rgba( 0, 0, 0, 0.2 ) | box-shadow |
.shadow-3-ns | box-shadow:2px 2px 4px 2px rgba( 0, 0, 0, 0.2 ) | box-shadow |
.shadow-4-ns | box-shadow:2px 2px 8px 0px rgba( 0, 0, 0, 0.2 ) | box-shadow |
.shadow-5-ns | box-shadow:4px 4px 8px 0px rgba( 0, 0, 0, 0.2 ) | box-shadow |
.shadow-1-m | box-shadow:0px 0px 4px 2px rgba( 0, 0, 0, 0.2 ) | box-shadow |
.shadow-2-m | box-shadow:0px 0px 8px 2px rgba( 0, 0, 0, 0.2 ) | box-shadow |
.shadow-3-m | box-shadow:2px 2px 4px 2px rgba( 0, 0, 0, 0.2 ) | box-shadow |
.shadow-4-m | box-shadow:2px 2px 8px 0px rgba( 0, 0, 0, 0.2 ) | box-shadow |
.shadow-5-m | box-shadow:4px 4px 8px 0px rgba( 0, 0, 0, 0.2 ) | box-shadow |
.shadow-1-l | box-shadow:0px 0px 4px 2px rgba( 0, 0, 0, 0.2 ) | box-shadow |
.shadow-2-l | box-shadow:0px 0px 8px 2px rgba( 0, 0, 0, 0.2 ) | box-shadow |
.shadow-3-l | box-shadow:2px 2px 4px 2px rgba( 0, 0, 0, 0.2 ) | box-shadow |
.shadow-4-l | box-shadow:2px 2px 8px 0px rgba( 0, 0, 0, 0.2 ) | box-shadow |
.shadow-5-l | box-shadow:4px 4px 8px 0px rgba( 0, 0, 0, 0.2 ) | box-shadow |
.pre | overflow-x:auto | code |
.top-0 | top:0 | coordinates |
.right-0 | right:0 | coordinates |
.bottom-0 | bottom:0 | coordinates |
.left-0 | left:0 | coordinates |
.top-1 | top:1rem | coordinates |
.right-1 | right:1rem | coordinates |
.bottom-1 | bottom:1rem | coordinates |
.left-1 | left:1rem | coordinates |
.top-2 | top:2rem | coordinates |
.right-2 | right:2rem | coordinates |
.bottom-2 | bottom:2rem | coordinates |
.left-2 | left:2rem | coordinates |
.top--1 | top:-1rem | coordinates |
.right--1 | right:-1rem | coordinates |
.bottom--1 | bottom:-1rem | coordinates |
.left--1 | left:-1rem | coordinates |
.top--2 | top:-2rem | coordinates |
.right--2 | right:-2rem | coordinates |
.bottom--2 | bottom:-2rem | coordinates |
.left--2 | left:-2rem | coordinates |
.absolute--fill | top:0 | coordinates |
.top-0-ns | top:0 | coordinates |
.left-0-ns | left:0 | coordinates |
.right-0-ns | right:0 | coordinates |
.bottom-0-ns | bottom:0 | coordinates |
.top-1-ns | top:1rem | coordinates |
.left-1-ns | left:1rem | coordinates |
.right-1-ns | right:1rem | coordinates |
.bottom-1-ns | bottom:1rem | coordinates |
.top-2-ns | top:2rem | coordinates |
.left-2-ns | left:2rem | coordinates |
.right-2-ns | right:2rem | coordinates |
.bottom-2-ns | bottom:2rem | coordinates |
.top--1-ns | top:-1rem | coordinates |
.right--1-ns | right:-1rem | coordinates |
.bottom--1-ns | bottom:-1rem | coordinates |
.left--1-ns | left:-1rem | coordinates |
.top--2-ns | top:-2rem | coordinates |
.right--2-ns | right:-2rem | coordinates |
.bottom--2-ns | bottom:-2rem | coordinates |
.left--2-ns | left:-2rem | coordinates |
.absolute--fill-ns | top:0 | coordinates |
.top-0-m | top:0 | coordinates |
.left-0-m | left:0 | coordinates |
.right-0-m | right:0 | coordinates |
.bottom-0-m | bottom:0 | coordinates |
.top-1-m | top:1rem | coordinates |
.left-1-m | left:1rem | coordinates |
.right-1-m | right:1rem | coordinates |
.bottom-1-m | bottom:1rem | coordinates |
.top-2-m | top:2rem | coordinates |
.left-2-m | left:2rem | coordinates |
.right-2-m | right:2rem | coordinates |
.bottom-2-m | bottom:2rem | coordinates |
.top--1-m | top:-1rem | coordinates |
.right--1-m | right:-1rem | coordinates |
.bottom--1-m | bottom:-1rem | coordinates |
.left--1-m | left:-1rem | coordinates |
.top--2-m | top:-2rem | coordinates |
.right--2-m | right:-2rem | coordinates |
.bottom--2-m | bottom:-2rem | coordinates |
.left--2-m | left:-2rem | coordinates |
.absolute--fill-m | top:0 | coordinates |
.top-0-l | top:0 | coordinates |
.left-0-l | left:0 | coordinates |
.right-0-l | right:0 | coordinates |
.bottom-0-l | bottom:0 | coordinates |
.top-1-l | top:1rem | coordinates |
.left-1-l | left:1rem | coordinates |
.right-1-l | right:1rem | coordinates |
.bottom-1-l | bottom:1rem | coordinates |
.top-2-l | top:2rem | coordinates |
.left-2-l | left:2rem | coordinates |
.right-2-l | right:2rem | coordinates |
.bottom-2-l | bottom:2rem | coordinates |
.top--1-l | top:-1rem | coordinates |
.right--1-l | right:-1rem | coordinates |
.bottom--1-l | bottom:-1rem | coordinates |
.left--1-l | left:-1rem | coordinates |
.top--2-l | top:-2rem | coordinates |
.right--2-l | right:-2rem | coordinates |
.bottom--2-l | bottom:-2rem | coordinates |
.left--2-l | left:-2rem | coordinates |
.absolute--fill-l | top:0 | coordinates |
.cf:before, .cf:after | content:" " | clears |
.cf:after | clear:both | clears |
.cf | zoom:1 | clears |
.cl | clear:left | clears |
.cr | clear:right | clears |
.cb | clear:both | clears |
.cn | clear:none | clears |
.cl-ns | clear:left | clears |
.cr-ns | clear:right | clears |
.cb-ns | clear:both | clears |
.cn-ns | clear:none | clears |
.cl-m | clear:left | clears |
.cr-m | clear:right | clears |
.cb-m | clear:both | clears |
.cn-m | clear:none | clears |
.cl-l | clear:left | clears |
.cr-l | clear:right | clears |
.cb-l | clear:both | clears |
.cn-l | clear:none | clears |
.dn | display:none | display |
.di | display:inline | display |
.db | display:block | display |
.dib | display:inline-block | display |
.dit | display:inline-table | display |
.dt | display:table | display |
.dtc | display:table-cell | display |
.dt-row | display:table-row | display |
.dt-row-group | display:table-row-group | display |
.dt-column | display:table-column | display |
.dt-column-group | display:table-column-group | display |
.dt--fixed | table-layout:fixed | display |
.dn-ns | display:none | display |
.di-ns | display:inline | display |
.db-ns | display:block | display |
.dib-ns | display:inline-block | display |
.dit-ns | display:inline-table | display |
.dt-ns | display:table | display |
.dtc-ns | display:table-cell | display |
.dt-row-ns | display:table-row | display |
.dt-row-group-ns | display:table-row-group | display |
.dt-column-ns | display:table-column | display |
.dt-column-group-ns | display:table-column-group | display |
.dt--fixed-ns | table-layout:fixed | display |
.dn-m | display:none | display |
.di-m | display:inline | display |
.db-m | display:block | display |
.dib-m | display:inline-block | display |
.dit-m | display:inline-table | display |
.dt-m | display:table | display |
.dtc-m | display:table-cell | display |
.dt-row-m | display:table-row | display |
.dt-row-group-m | display:table-row-group | display |
.dt-column-m | display:table-column | display |
.dt-column-group-m | display:table-column-group | display |
.dt--fixed-m | table-layout:fixed | display |
.dn-l | display:none | display |
.di-l | display:inline | display |
.db-l | display:block | display |
.dib-l | display:inline-block | display |
.dit-l | display:inline-table | display |
.dt-l | display:table | display |
.dtc-l | display:table-cell | display |
.dt-row-l | display:table-row | display |
.dt-row-group-l | display:table-row-group | display |
.dt-column-l | display:table-column | display |
.dt-column-group-l | display:table-column-group | display |
.dt--fixed-l | table-layout:fixed | display |
.flex | display:flex | flexbox |
.inline-flex | display:inline-flex | flexbox |
.flex-auto | flex:1 1 auto | flexbox |
.flex-none | flex:none | flexbox |
.flex-column | flex-direction:column | flexbox |
.flex-row | flex-direction:row | flexbox |
.flex-wrap | flex-wrap:wrap | flexbox |
.flex-nowrap | flex-wrap:nowrap | flexbox |
.flex-wrap-reverse | flex-wrap:wrap-reverse | flexbox |
.flex-column-reverse | flex-direction:column-reverse | flexbox |
.flex-row-reverse | flex-direction:row-reverse | flexbox |
.items-start | align-items:flex-start | flexbox |
.items-end | align-items:flex-end | flexbox |
.items-center | align-items:center | flexbox |
.items-baseline | align-items:baseline | flexbox |
.items-stretch | align-items:stretch | flexbox |
.self-start | align-self:flex-start | flexbox |
.self-end | align-self:flex-end | flexbox |
.self-center | align-self:center | flexbox |
.self-baseline | align-self:baseline | flexbox |
.self-stretch | align-self:stretch | flexbox |
.justify-start | justify-content:flex-start | flexbox |
.justify-end | justify-content:flex-end | flexbox |
.justify-center | justify-content:center | flexbox |
.justify-between | justify-content:space-between | flexbox |
.justify-around | justify-content:space-around | flexbox |
.content-start | align-content:flex-start | flexbox |
.content-end | align-content:flex-end | flexbox |
.content-center | align-content:center | flexbox |
.content-between | align-content:space-between | flexbox |
.content-around | align-content:space-around | flexbox |
.content-stretch | align-content:stretch | flexbox |
.order-0 | order:0 | flexbox |
.order-1 | order:1 | flexbox |
.order-2 | order:2 | flexbox |
.order-3 | order:3 | flexbox |
.order-4 | order:4 | flexbox |
.order-5 | order:5 | flexbox |
.order-6 | order:6 | flexbox |
.order-7 | order:7 | flexbox |
.order-8 | order:8 | flexbox |
.order-last | order:99999 | flexbox |
.flex-ns | display:flex | flexbox |
.inline-flex-ns | display:inline-flex | flexbox |
.flex-auto-ns | flex:1 1 auto | flexbox |
.flex-none-ns | flex:none | flexbox |
.flex-column-ns | flex-direction:column | flexbox |
.flex-row-ns | flex-direction:row | flexbox |
.flex-wrap-ns | flex-wrap:wrap | flexbox |
.flex-nowrap-ns | flex-wrap:nowrap | flexbox |
.flex-wrap-reverse-ns | flex-wrap:wrap-reverse | flexbox |
.flex-column-reverse-ns | flex-direction:column-reverse | flexbox |
.flex-row-reverse-ns | flex-direction:row-reverse | flexbox |
.items-start-ns | align-items:flex-start | flexbox |
.items-end-ns | align-items:flex-end | flexbox |
.items-center-ns | align-items:center | flexbox |
.items-baseline-ns | align-items:baseline | flexbox |
.items-stretch-ns | align-items:stretch | flexbox |
.self-start-ns | align-self:flex-start | flexbox |
.self-end-ns | align-self:flex-end | flexbox |
.self-center-ns | align-self:center | flexbox |
.self-baseline-ns | align-self:baseline | flexbox |
.self-stretch-ns | align-self:stretch | flexbox |
.justify-start-ns | justify-content:flex-start | flexbox |
.justify-end-ns | justify-content:flex-end | flexbox |
.justify-center-ns | justify-content:center | flexbox |
.justify-between-ns | justify-content:space-between | flexbox |
.justify-around-ns | justify-content:space-around | flexbox |
.content-start-ns | align-content:flex-start | flexbox |
.content-end-ns | align-content:flex-end | flexbox |
.content-center-ns | align-content:center | flexbox |
.content-between-ns | align-content:space-between | flexbox |
.content-around-ns | align-content:space-around | flexbox |
.content-stretch-ns | align-content:stretch | flexbox |
.order-0-ns | order:0 | flexbox |
.order-1-ns | order:1 | flexbox |
.order-2-ns | order:2 | flexbox |
.order-3-ns | order:3 | flexbox |
.order-4-ns | order:4 | flexbox |
.order-5-ns | order:5 | flexbox |
.order-6-ns | order:6 | flexbox |
.order-7-ns | order:7 | flexbox |
.order-8-ns | order:8 | flexbox |
.order-last-ns | order:99999 | flexbox |
.flex-m | display:flex | flexbox |
.inline-flex-m | display:inline-flex | flexbox |
.flex-auto-m | flex:1 1 auto | flexbox |
.flex-none-m | flex:none | flexbox |
.flex-column-m | flex-direction:column | flexbox |
.flex-row-m | flex-direction:row | flexbox |
.flex-wrap-m | flex-wrap:wrap | flexbox |
.flex-nowrap-m | flex-wrap:nowrap | flexbox |
.flex-wrap-reverse-m | flex-wrap:wrap-reverse | flexbox |
.flex-column-reverse-m | flex-direction:column-reverse | flexbox |
.flex-row-reverse-m | flex-direction:row-reverse | flexbox |
.items-start-m | align-items:flex-start | flexbox |
.items-end-m | align-items:flex-end | flexbox |
.items-center-m | align-items:center | flexbox |
.items-baseline-m | align-items:baseline | flexbox |
.items-stretch-m | align-items:stretch | flexbox |
.self-start-m | align-self:flex-start | flexbox |
.self-end-m | align-self:flex-end | flexbox |
.self-center-m | align-self:center | flexbox |
.self-baseline-m | align-self:baseline | flexbox |
.self-stretch-m | align-self:stretch | flexbox |
.justify-start-m | justify-content:flex-start | flexbox |
.justify-end-m | justify-content:flex-end | flexbox |
.justify-center-m | justify-content:center | flexbox |
.justify-between-m | justify-content:space-between | flexbox |
.justify-around-m | justify-content:space-around | flexbox |
.content-start-m | align-content:flex-start | flexbox |
.content-end-m | align-content:flex-end | flexbox |
.content-center-m | align-content:center | flexbox |
.content-between-m | align-content:space-between | flexbox |
.content-around-m | align-content:space-around | flexbox |
.content-stretch-m | align-content:stretch | flexbox |
.order-0-m | order:0 | flexbox |
.order-1-m | order:1 | flexbox |
.order-2-m | order:2 | flexbox |
.order-3-m | order:3 | flexbox |
.order-4-m | order:4 | flexbox |
.order-5-m | order:5 | flexbox |
.order-6-m | order:6 | flexbox |
.order-7-m | order:7 | flexbox |
.order-8-m | order:8 | flexbox |
.order-last-m | order:99999 | flexbox |
.flex-l | display:flex | flexbox |
.inline-flex-l | display:inline-flex | flexbox |
.flex-auto-l | flex:1 1 auto | flexbox |
.flex-none-l | flex:none | flexbox |
.flex-column-l | flex-direction:column | flexbox |
.flex-row-l | flex-direction:row | flexbox |
.flex-wrap-l | flex-wrap:wrap | flexbox |
.flex-nowrap-l | flex-wrap:nowrap | flexbox |
.flex-wrap-reverse-l | flex-wrap:wrap-reverse | flexbox |
.flex-column-reverse-l | flex-direction:column-reverse | flexbox |
.flex-row-reverse-l | flex-direction:row-reverse | flexbox |
.items-start-l | align-items:flex-start | flexbox |
.items-end-l | align-items:flex-end | flexbox |
.items-center-l | align-items:center | flexbox |
.items-baseline-l | align-items:baseline | flexbox |
.items-stretch-l | align-items:stretch | flexbox |
.self-start-l | align-self:flex-start | flexbox |
.self-end-l | align-self:flex-end | flexbox |
.self-center-l | align-self:center | flexbox |
.self-baseline-l | align-self:baseline | flexbox |
.self-stretch-l | align-self:stretch | flexbox |
.justify-start-l | justify-content:flex-start | flexbox |
.justify-end-l | justify-content:flex-end | flexbox |
.justify-center-l | justify-content:center | flexbox |
.justify-between-l | justify-content:space-between | flexbox |
.justify-around-l | justify-content:space-around | flexbox |
.content-start-l | align-content:flex-start | flexbox |
.content-end-l | align-content:flex-end | flexbox |
.content-center-l | align-content:center | flexbox |
.content-between-l | align-content:space-between | flexbox |
.content-around-l | align-content:space-around | flexbox |
.content-stretch-l | align-content:stretch | flexbox |
.order-0-l | order:0 | flexbox |
.order-1-l | order:1 | flexbox |
.order-2-l | order:2 | flexbox |
.order-3-l | order:3 | flexbox |
.order-4-l | order:4 | flexbox |
.order-5-l | order:5 | flexbox |
.order-6-l | order:6 | flexbox |
.order-7-l | order:7 | flexbox |
.order-8-l | order:8 | flexbox |
.order-last-l | order:99999 | flexbox |
.fl | float:left | floats |
.fr | float:right | floats |
.fn | float:none | floats |
.fl-ns | float:left | floats |
.fr-ns | float:right | floats |
.fn-ns | float:none | floats |
.fl-m | float:left | floats |
.fr-m | float:right | floats |
.fn-m | float:none | floats |
.fl-l | float:left | floats |
.fr-l | float:right | floats |
.fn-l | float:none | floats |
.sans-serif | font-family:-apple-system, BlinkMacSystemFont,
'avenir next', avenir,
'helvetica neue', helvetica,
ubuntu,
roboto, noto,
'segoe ui', arial,
sans-serif | font-family |
.serif | font-family:georgia,
times,
serif | font-family |
.system-sans-serif | font-family:sans-serif | font-family |
.system-serif | font-family:serif | font-family |
code, .code | font-family:Consolas,
monaco,
monospace | font-family |
.courier | font-family:'Courier Next',
courier,
monospace | font-family |
.helvetica | font-family:'helvetica neue', helvetica,
sans-serif | font-family |
.avenir | font-family:'avenir next', avenir,
sans-serif | font-family |
.athelas | font-family:athelas,
georgia,
serif | font-family |
.georgia | font-family:georgia,
serif | font-family |
.times | font-family:times,
serif | font-family |
.bodoni | font-family:"Bodoni MT",
serif | font-family |
.calisto | font-family:"Calisto MT",
serif | font-family |
.garamond | font-family:garamond,
serif | font-family |
.baskerville | font-family:baskerville,
serif | font-family |
.i | font-style:italic | font-style |
.fs-normal | font-style:normal | font-style |
.i-ns | font-style:italic | font-style |
.fs-normal-ns | font-style:normal | font-style |
.i-m | font-style:italic | font-style |
.fs-normal-m | font-style:normal | font-style |
.i-l | font-style:italic | font-style |
.fs-normal-l | font-style:normal | font-style |
.normal | font-weight:normal | font-weight |
.b | font-weight:bold | font-weight |
.fw1 | font-weight:100 | font-weight |
.fw2 | font-weight:200 | font-weight |
.fw3 | font-weight:300 | font-weight |
.fw4 | font-weight:400 | font-weight |
.fw5 | font-weight:500 | font-weight |
.fw6 | font-weight:600 | font-weight |
.fw7 | font-weight:700 | font-weight |
.fw8 | font-weight:800 | font-weight |
.fw9 | font-weight:900 | font-weight |
.normal-ns | font-weight:normal | font-weight |
.b-ns | font-weight:bold | font-weight |
.fw1-ns | font-weight:100 | font-weight |
.fw2-ns | font-weight:200 | font-weight |
.fw3-ns | font-weight:300 | font-weight |
.fw4-ns | font-weight:400 | font-weight |
.fw5-ns | font-weight:500 | font-weight |
.fw6-ns | font-weight:600 | font-weight |
.fw7-ns | font-weight:700 | font-weight |
.fw8-ns | font-weight:800 | font-weight |
.fw9-ns | font-weight:900 | font-weight |
.normal-m | font-weight:normal | font-weight |
.b-m | font-weight:bold | font-weight |
.fw1-m | font-weight:100 | font-weight |
.fw2-m | font-weight:200 | font-weight |
.fw3-m | font-weight:300 | font-weight |
.fw4-m | font-weight:400 | font-weight |
.fw5-m | font-weight:500 | font-weight |
.fw6-m | font-weight:600 | font-weight |
.fw7-m | font-weight:700 | font-weight |
.fw8-m | font-weight:800 | font-weight |
.fw9-m | font-weight:900 | font-weight |
.normal-l | font-weight:normal | font-weight |
.b-l | font-weight:bold | font-weight |
.fw1-l | font-weight:100 | font-weight |
.fw2-l | font-weight:200 | font-weight |
.fw3-l | font-weight:300 | font-weight |
.fw4-l | font-weight:400 | font-weight |
.fw5-l | font-weight:500 | font-weight |
.fw6-l | font-weight:600 | font-weight |
.fw7-l | font-weight:700 | font-weight |
.fw8-l | font-weight:800 | font-weight |
.fw9-l | font-weight:900 | font-weight |
.input-reset | -webkit-appearance:none | forms |
.button-reset::-moz-focus-inner, .input-reset::-moz-focus-inner | border:0 | forms |
.h1 | height:1rem | heights |
.h2 | height:2rem | heights |
.h3 | height:4rem | heights |
.h4 | height:8rem | heights |
.h5 | height:16rem | heights |
.h-25 | height:25% | heights |
.h-50 | height:50% | heights |
.h-75 | height:75% | heights |
.h-100 | height:100% | heights |
.min-h-100 | min-height:100% | heights |
.vh-25 | height:25vh | heights |
.vh-50 | height:50vh | heights |
.vh-75 | height:75vh | heights |
.vh-100 | height:100vh | heights |
.min-vh-100 | min-height:100vh | heights |
.h-auto | height:auto | heights |
.h-inherit | height:inherit | heights |
.h1-ns | height:1rem | heights |
.h2-ns | height:2rem | heights |
.h3-ns | height:4rem | heights |
.h4-ns | height:8rem | heights |
.h5-ns | height:16rem | heights |
.h-25-ns | height:25% | heights |
.h-50-ns | height:50% | heights |
.h-75-ns | height:75% | heights |
.h-100-ns | height:100% | heights |
.min-h-100-ns | min-height:100% | heights |
.vh-25-ns | height:25vh | heights |
.vh-50-ns | height:50vh | heights |
.vh-75-ns | height:75vh | heights |
.vh-100-ns | height:100vh | heights |
.min-vh-100-ns | min-height:100vh | heights |
.h-auto-ns | height:auto | heights |
.h-inherit-ns | height:inherit | heights |
.h1-m | height:1rem | heights |
.h2-m | height:2rem | heights |
.h3-m | height:4rem | heights |
.h4-m | height:8rem | heights |
.h5-m | height:16rem | heights |
.h-25-m | height:25% | heights |
.h-50-m | height:50% | heights |
.h-75-m | height:75% | heights |
.h-100-m | height:100% | heights |
.min-h-100-m | min-height:100% | heights |
.vh-25-m | height:25vh | heights |
.vh-50-m | height:50vh | heights |
.vh-75-m | height:75vh | heights |
.vh-100-m | height:100vh | heights |
.min-vh-100-m | min-height:100vh | heights |
.h-auto-m | height:auto | heights |
.h-inherit-m | height:inherit | heights |
.h1-l | height:1rem | heights |
.h2-l | height:2rem | heights |
.h3-l | height:4rem | heights |
.h4-l | height:8rem | heights |
.h5-l | height:16rem | heights |
.h-25-l | height:25% | heights |
.h-50-l | height:50% | heights |
.h-75-l | height:75% | heights |
.h-100-l | height:100% | heights |
.min-h-100-l | min-height:100% | heights |
.vh-25-l | height:25vh | heights |
.vh-50-l | height:50vh | heights |
.vh-75-l | height:75vh | heights |
.vh-100-l | height:100vh | heights |
.min-vh-100-l | min-height:100vh | heights |
.h-auto-l | height:auto | heights |
.h-inherit-l | height:inherit | heights |
.tracked | letter-spacing:.1em | letter-spacing |
.tracked-tight | letter-spacing:-.05em | letter-spacing |
.tracked-mega | letter-spacing:.25em | letter-spacing |
.tracked-ns | letter-spacing:.1em | letter-spacing |
.tracked-tight-ns | letter-spacing:-.05em | letter-spacing |
.tracked-mega-ns | letter-spacing:.25em | letter-spacing |
.tracked-m | letter-spacing:.1em | letter-spacing |
.tracked-tight-m | letter-spacing:-.05em | letter-spacing |
.tracked-mega-m | letter-spacing:.25em | letter-spacing |
.tracked-l | letter-spacing:.1em | letter-spacing |
.tracked-tight-l | letter-spacing:-.05em | letter-spacing |
.tracked-mega-l | letter-spacing:.25em | letter-spacing |
.lh-solid | line-height:1 | line-height |
.lh-title | line-height:1.25 | line-height |
.lh-copy | line-height:1.5 | line-height |
.lh-solid-ns | line-height:1 | line-height |
.lh-title-ns | line-height:1.25 | line-height |
.lh-copy-ns | line-height:1.5 | line-height |
.lh-solid-m | line-height:1 | line-height |
.lh-title-m | line-height:1.25 | line-height |
.lh-copy-m | line-height:1.5 | line-height |
.lh-solid-l | line-height:1 | line-height |
.lh-title-l | line-height:1.25 | line-height |
.lh-copy-l | line-height:1.5 | line-height |
.link | text-decoration:none | links |
.link:link, .link:visited | transition:color .15s ease-in | links |
.link:hover | transition:color .15s ease-in | links |
.link:active | transition:color .15s ease-in | links |
.link:focus | transition:color .15s ease-in | links |
.list | list-style-type:none | lists |
.mw-100 | max-width:100% | max-widths |
.mw1 | max-width:1rem | max-widths |
.mw2 | max-width:2rem | max-widths |
.mw3 | max-width:4rem | max-widths |
.mw4 | max-width:8rem | max-widths |
.mw5 | max-width:16rem | max-widths |
.mw6 | max-width:32rem | max-widths |
.mw7 | max-width:48rem | max-widths |
.mw8 | max-width:64rem | max-widths |
.mw9 | max-width:96rem | max-widths |
.mw-none | max-width:none | max-widths |
.mw-100-ns | max-width:100% | max-widths |
.mw1-ns | max-width:1rem | max-widths |
.mw2-ns | max-width:2rem | max-widths |
.mw3-ns | max-width:4rem | max-widths |
.mw4-ns | max-width:8rem | max-widths |
.mw5-ns | max-width:16rem | max-widths |
.mw6-ns | max-width:32rem | max-widths |
.mw7-ns | max-width:48rem | max-widths |
.mw8-ns | max-width:64rem | max-widths |
.mw9-ns | max-width:96rem | max-widths |
.mw-none-ns | max-width:none | max-widths |
.mw-100-m | max-width:100% | max-widths |
.mw1-m | max-width:1rem | max-widths |
.mw2-m | max-width:2rem | max-widths |
.mw3-m | max-width:4rem | max-widths |
.mw4-m | max-width:8rem | max-widths |
.mw5-m | max-width:16rem | max-widths |
.mw6-m | max-width:32rem | max-widths |
.mw7-m | max-width:48rem | max-widths |
.mw8-m | max-width:64rem | max-widths |
.mw9-m | max-width:96rem | max-widths |
.mw-none-m | max-width:none | max-widths |
.mw-100-l | max-width:100% | max-widths |
.mw1-l | max-width:1rem | max-widths |
.mw2-l | max-width:2rem | max-widths |
.mw3-l | max-width:4rem | max-widths |
.mw4-l | max-width:8rem | max-widths |
.mw5-l | max-width:16rem | max-widths |
.mw6-l | max-width:32rem | max-widths |
.mw7-l | max-width:48rem | max-widths |
.mw8-l | max-width:64rem | max-widths |
.mw9-l | max-width:96rem | max-widths |
.mw-none-l | max-width:none | max-widths |
.w1 | width:1rem | widths |
.w2 | width:2rem | widths |
.w3 | width:4rem | widths |
.w4 | width:8rem | widths |
.w5 | width:16rem | widths |
.w-10 | width:10% | widths |
.w-20 | width:20% | widths |
.w-25 | width:25% | widths |
.w-30 | width:30% | widths |
.w-33 | width:33% | widths |
.w-34 | width:34% | widths |
.w-40 | width:40% | widths |
.w-50 | width:50% | widths |
.w-60 | width:60% | widths |
.w-70 | width:70% | widths |
.w-75 | width:75% | widths |
.w-80 | width:80% | widths |
.w-90 | width:90% | widths |
.w-100 | width:100% | widths |
.w-third | width:calc(100% / 3) | widths |
.w-two-thirds | width:calc(100% / 1.5) | widths |
.w-auto | width:auto | widths |
.w1-ns | width:1rem | widths |
.w2-ns | width:2rem | widths |
.w3-ns | width:4rem | widths |
.w4-ns | width:8rem | widths |
.w5-ns | width:16rem | widths |
.w-10-ns | width:10% | widths |
.w-20-ns | width:20% | widths |
.w-25-ns | width:25% | widths |
.w-30-ns | width:30% | widths |
.w-33-ns | width:33% | widths |
.w-34-ns | width:34% | widths |
.w-40-ns | width:40% | widths |
.w-50-ns | width:50% | widths |
.w-60-ns | width:60% | widths |
.w-70-ns | width:70% | widths |
.w-75-ns | width:75% | widths |
.w-80-ns | width:80% | widths |
.w-90-ns | width:90% | widths |
.w-100-ns | width:100% | widths |
.w-third-ns | width:calc(100% / 3) | widths |
.w-two-thirds-ns | width:calc(100% / 1.5) | widths |
.w-auto-ns | width:auto | widths |
.w1-m | width:1rem | widths |
.w2-m | width:2rem | widths |
.w3-m | width:4rem | widths |
.w4-m | width:8rem | widths |
.w5-m | width:16rem | widths |
.w-10-m | width:10% | widths |
.w-20-m | width:20% | widths |
.w-25-m | width:25% | widths |
.w-30-m | width:30% | widths |
.w-33-m | width:33% | widths |
.w-34-m | width:34% | widths |
.w-40-m | width:40% | widths |
.w-50-m | width:50% | widths |
.w-60-m | width:60% | widths |
.w-70-m | width:70% | widths |
.w-75-m | width:75% | widths |
.w-80-m | width:80% | widths |
.w-90-m | width:90% | widths |
.w-100-m | width:100% | widths |
.w-third-m | width:calc(100% / 3) | widths |
.w-two-thirds-m | width:calc(100% / 1.5) | widths |
.w-auto-m | width:auto | widths |
.w1-l | width:1rem | widths |
.w2-l | width:2rem | widths |
.w3-l | width:4rem | widths |
.w4-l | width:8rem | widths |
.w5-l | width:16rem | widths |
.w-10-l | width:10% | widths |
.w-20-l | width:20% | widths |
.w-25-l | width:25% | widths |
.w-30-l | width:30% | widths |
.w-33-l | width:33% | widths |
.w-34-l | width:34% | widths |
.w-40-l | width:40% | widths |
.w-50-l | width:50% | widths |
.w-60-l | width:60% | widths |
.w-70-l | width:70% | widths |
.w-75-l | width:75% | widths |
.w-80-l | width:80% | widths |
.w-90-l | width:90% | widths |
.w-100-l | width:100% | widths |
.w-third-l | width:calc(100% / 3) | widths |
.w-two-thirds-l | width:calc(100% / 1.5) | widths |
.w-auto-l | width:auto | widths |
.overflow-visible | overflow:visible | overflow |
.overflow-hidden | overflow:hidden | overflow |
.overflow-scroll | overflow:scroll | overflow |
.overflow-auto | overflow:auto | overflow |
.overflow-x-visible | overflow-x:visible | overflow |
.overflow-x-hidden | overflow-x:hidden | overflow |
.overflow-x-scroll | overflow-x:scroll | overflow |
.overflow-x-auto | overflow-x:auto | overflow |
.overflow-y-visible | overflow-y:visible | overflow |
.overflow-y-hidden | overflow-y:hidden | overflow |
.overflow-y-scroll | overflow-y:scroll | overflow |
.overflow-y-auto | overflow-y:auto | overflow |
.overflow-visible-ns | overflow:visible | overflow |
.overflow-hidden-ns | overflow:hidden | overflow |
.overflow-scroll-ns | overflow:scroll | overflow |
.overflow-auto-ns | overflow:auto | overflow |
.overflow-x-visible-ns | overflow-x:visible | overflow |
.overflow-x-hidden-ns | overflow-x:hidden | overflow |
.overflow-x-scroll-ns | overflow-x:scroll | overflow |
.overflow-x-auto-ns | overflow-x:auto | overflow |
.overflow-y-visible-ns | overflow-y:visible | overflow |
.overflow-y-hidden-ns | overflow-y:hidden | overflow |
.overflow-y-scroll-ns | overflow-y:scroll | overflow |
.overflow-y-auto-ns | overflow-y:auto | overflow |
.overflow-visible-m | overflow:visible | overflow |
.overflow-hidden-m | overflow:hidden | overflow |
.overflow-scroll-m | overflow:scroll | overflow |
.overflow-auto-m | overflow:auto | overflow |
.overflow-x-visible-m | overflow-x:visible | overflow |
.overflow-x-hidden-m | overflow-x:hidden | overflow |
.overflow-x-scroll-m | overflow-x:scroll | overflow |
.overflow-x-auto-m | overflow-x:auto | overflow |
.overflow-y-visible-m | overflow-y:visible | overflow |
.overflow-y-hidden-m | overflow-y:hidden | overflow |
.overflow-y-scroll-m | overflow-y:scroll | overflow |
.overflow-y-auto-m | overflow-y:auto | overflow |
.overflow-visible-l | overflow:visible | overflow |
.overflow-hidden-l | overflow:hidden | overflow |
.overflow-scroll-l | overflow:scroll | overflow |
.overflow-auto-l | overflow:auto | overflow |
.overflow-x-visible-l | overflow-x:visible | overflow |
.overflow-x-hidden-l | overflow-x:hidden | overflow |
.overflow-x-scroll-l | overflow-x:scroll | overflow |
.overflow-x-auto-l | overflow-x:auto | overflow |
.overflow-y-visible-l | overflow-y:visible | overflow |
.overflow-y-hidden-l | overflow-y:hidden | overflow |
.overflow-y-scroll-l | overflow-y:scroll | overflow |
.overflow-y-auto-l | overflow-y:auto | overflow |
.static | position:static | position |
.relative | position:relative | position |
.absolute | position:absolute | position |
.fixed | position:fixed | position |
.static-ns | position:static | position |
.relative-ns | position:relative | position |
.absolute-ns | position:absolute | position |
.fixed-ns | position:fixed | position |
.static-m | position:static | position |
.relative-m | position:relative | position |
.absolute-m | position:absolute | position |
.fixed-m | position:fixed | position |
.static-l | position:static | position |
.relative-l | position:relative | position |
.absolute-l | position:absolute | position |
.fixed-l | position:fixed | position |
.o-100 | opacity:1 | opacity |
.o-90 | opacity:.9 | opacity |
.o-80 | opacity:.8 | opacity |
.o-70 | opacity:.7 | opacity |
.o-60 | opacity:.6 | opacity |
.o-50 | opacity:.5 | opacity |
.o-40 | opacity:.4 | opacity |
.o-30 | opacity:.3 | opacity |
.o-20 | opacity:.2 | opacity |
.o-10 | opacity:.1 | opacity |
.o-05 | opacity:.05 | opacity |
.o-025 | opacity:.025 | opacity |
.o-0 | opacity:0 | opacity |
.rotate-45 | transform:rotate(45deg) | rotations |
.rotate-90 | transform:rotate(90deg) | rotations |
.rotate-135 | transform:rotate(135deg) | rotations |
.rotate-180 | transform:rotate(180deg) | rotations |
.rotate-225 | transform:rotate(225deg) | rotations |
.rotate-270 | transform:rotate(270deg) | rotations |
.rotate-315 | transform:rotate(315deg) | rotations |
.rotate-45-ns | transform:rotate(45deg) | rotations |
.rotate-90-ns | transform:rotate(90deg) | rotations |
.rotate-135-ns | transform:rotate(135deg) | rotations |
.rotate-180-ns | transform:rotate(180deg) | rotations |
.rotate-225-ns | transform:rotate(225deg) | rotations |
.rotate-270-ns | transform:rotate(270deg) | rotations |
.rotate-315-ns | transform:rotate(315deg) | rotations |
.rotate-45-m | transform:rotate(45deg) | rotations |
.rotate-90-m | transform:rotate(90deg) | rotations |
.rotate-135-m | transform:rotate(135deg) | rotations |
.rotate-180-m | transform:rotate(180deg) | rotations |
.rotate-225-m | transform:rotate(225deg) | rotations |
.rotate-270-m | transform:rotate(270deg) | rotations |
.rotate-315-m | transform:rotate(315deg) | rotations |
.rotate-45-l | transform:rotate(45deg) | rotations |
.rotate-90-l | transform:rotate(90deg) | rotations |
.rotate-135-l | transform:rotate(135deg) | rotations |
.rotate-180-l | transform:rotate(180deg) | rotations |
.rotate-225-l | transform:rotate(225deg) | rotations |
.rotate-270-l | transform:rotate(270deg) | rotations |
.rotate-315-l | transform:rotate(315deg) | rotations |
.black-90 | color:var(--black-90) | skins |
.black-80 | color:var(--black-80) | skins |
.black-70 | color:var(--black-70) | skins |
.black-60 | color:var(--black-60) | skins |
.black-50 | color:var(--black-50) | skins |
.black-40 | color:var(--black-40) | skins |
.black-30 | color:var(--black-30) | skins |
.black-20 | color:var(--black-20) | skins |
.black-10 | color:var(--black-10) | skins |
.black-05 | color:var(--black-05) | skins |
.white-90 | color:var(--white-90) | skins |
.white-80 | color:var(--white-80) | skins |
.white-70 | color:var(--white-70) | skins |
.white-60 | color:var(--white-60) | skins |
.white-50 | color:var(--white-50) | skins |
.white-40 | color:var(--white-40) | skins |
.white-30 | color:var(--white-30) | skins |
.white-20 | color:var(--white-20) | skins |
.white-10 | color:var(--white-10) | skins |
.black | color:var(--black) | skins |
.near-black | color:var(--near-black) | skins |
.dark-gray | color:var(--dark-gray) | skins |
.mid-gray | color:var(--mid-gray) | skins |
.gray | color:var(--gray) | skins |
.silver | color:var(--silver) | skins |
.light-silver | color:var(--light-silver) | skins |
.moon-gray | color:var(--moon-gray) | skins |
.light-gray | color:var(--light-gray) | skins |
.near-white | color:var(--near-white) | skins |
.white | color:var(--white) | skins |
.dark-red | color:var(--dark-red) | skins |
.red | color:var(--red) | skins |
.light-red | color:var(--light-red) | skins |
.orange | color:var(--orange) | skins |
.gold | color:var(--gold) | skins |
.yellow | color:var(--yellow) | skins |
.light-yellow | color:var(--light-yellow) | skins |
.purple | color:var(--purple) | skins |
.light-purple | color:var(--light-purple) | skins |
.dark-pink | color:var(--dark-pink) | skins |
.hot-pink | color:var(--hot-pink) | skins |
.pink | color:var(--pink) | skins |
.light-pink | color:var(--light-pink) | skins |
.dark-green | color:var(--dark-green) | skins |
.green | color:var(--green) | skins |
.light-green | color:var(--light-green) | skins |
.navy | color:var(--navy) | skins |
.dark-blue | color:var(--dark-blue) | skins |
.blue | color:var(--blue) | skins |
.light-blue | color:var(--light-blue) | skins |
.lightest-blue | color:var(--lightest-blue) | skins |
.washed-blue | color:var(--washed-blue) | skins |
.washed-green | color:var(--washed-green) | skins |
.washed-yellow | color:var(--washed-yellow) | skins |
.washed-red | color:var(--washed-red) | skins |
.color-inherit | color:inherit | skins |
.bg-black-90 | background-color:var(--black-90) | skins |
.bg-black-80 | background-color:var(--black-80) | skins |
.bg-black-70 | background-color:var(--black-70) | skins |
.bg-black-60 | background-color:var(--black-60) | skins |
.bg-black-50 | background-color:var(--black-50) | skins |
.bg-black-40 | background-color:var(--black-40) | skins |
.bg-black-30 | background-color:var(--black-30) | skins |
.bg-black-20 | background-color:var(--black-20) | skins |
.bg-black-10 | background-color:var(--black-10) | skins |
.bg-black-05 | background-color:var(--black-05) | skins |
.bg-white-90 | background-color:var(--white-90) | skins |
.bg-white-80 | background-color:var(--white-80) | skins |
.bg-white-70 | background-color:var(--white-70) | skins |
.bg-white-60 | background-color:var(--white-60) | skins |
.bg-white-50 | background-color:var(--white-50) | skins |
.bg-white-40 | background-color:var(--white-40) | skins |
.bg-white-30 | background-color:var(--white-30) | skins |
.bg-white-20 | background-color:var(--white-20) | skins |
.bg-white-10 | background-color:var(--white-10) | skins |
.bg-black | background-color:var(--black) | skins |
.bg-near-black | background-color:var(--near-black) | skins |
.bg-dark-gray | background-color:var(--dark-gray) | skins |
.bg-mid-gray | background-color:var(--mid-gray) | skins |
.bg-gray | background-color:var(--gray) | skins |
.bg-silver | background-color:var(--silver) | skins |
.bg-light-silver | background-color:var(--light-silver) | skins |
.bg-moon-gray | background-color:var(--moon-gray) | skins |
.bg-light-gray | background-color:var(--light-gray) | skins |
.bg-near-white | background-color:var(--near-white) | skins |
.bg-white | background-color:var(--white) | skins |
.bg-transparent | background-color:var(--transparent) | skins |
.bg-dark-red | background-color:var(--dark-red) | skins |
.bg-red | background-color:var(--red) | skins |
.bg-light-red | background-color:var(--light-red) | skins |
.bg-orange | background-color:var(--orange) | skins |
.bg-gold | background-color:var(--gold) | skins |
.bg-yellow | background-color:var(--yellow) | skins |
.bg-light-yellow | background-color:var(--light-yellow) | skins |
.bg-purple | background-color:var(--purple) | skins |
.bg-light-purple | background-color:var(--light-purple) | skins |
.bg-dark-pink | background-color:var(--dark-pink) | skins |
.bg-hot-pink | background-color:var(--hot-pink) | skins |
.bg-pink | background-color:var(--pink) | skins |
.bg-light-pink | background-color:var(--light-pink) | skins |
.bg-dark-green | background-color:var(--dark-green) | skins |
.bg-green | background-color:var(--green) | skins |
.bg-light-green | background-color:var(--light-green) | skins |
.bg-navy | background-color:var(--navy) | skins |
.bg-dark-blue | background-color:var(--dark-blue) | skins |
.bg-blue | background-color:var(--blue) | skins |
.bg-light-blue | background-color:var(--light-blue) | skins |
.bg-lightest-blue | background-color:var(--lightest-blue) | skins |
.bg-washed-blue | background-color:var(--washed-blue) | skins |
.bg-washed-green | background-color:var(--washed-green) | skins |
.bg-washed-yellow | background-color:var(--washed-yellow) | skins |
.bg-washed-red | background-color:var(--washed-red) | skins |
.bg-inherit | background-color:inherit | skins |
.hover-black:hover, .hover-black:focus | color:var(--black) | skins-pseudo |
.hover-near-black:hover, .hover-near-black:focus | color:var(--near-black) | skins-pseudo |
.hover-dark-gray:hover, .hover-dark-gray:focus | color:var(--dark-gray) | skins-pseudo |
.hover-mid-gray:hover, .hover-mid-gray:focus | color:var(--mid-gray) | skins-pseudo |
.hover-gray:hover, .hover-gray:focus | color:var(--gray) | skins-pseudo |
.hover-silver:hover, .hover-silver:focus | color:var(--silver) | skins-pseudo |
.hover-light-silver:hover, .hover-light-silver:focus | color:var(--light-silver) | skins-pseudo |
.hover-moon-gray:hover, .hover-moon-gray:focus | color:var(--moon-gray) | skins-pseudo |
.hover-light-gray:hover, .hover-light-gray:focus | color:var(--light-gray) | skins-pseudo |
.hover-near-white:hover, .hover-near-white:focus | color:var(--near-white) | skins-pseudo |
.hover-white:hover, .hover-white:focus | color:var(--white) | skins-pseudo |
.hover-black-90:hover, .hover-black-90:focus | color:var(--black-90) | skins-pseudo |
.hover-black-80:hover, .hover-black-80:focus | color:var(--black-80) | skins-pseudo |
.hover-black-70:hover, .hover-black-70:focus | color:var(--black-70) | skins-pseudo |
.hover-black-60:hover, .hover-black-60:focus | color:var(--black-60) | skins-pseudo |
.hover-black-50:hover, .hover-black-50:focus | color:var(--black-50) | skins-pseudo |
.hover-black-40:hover, .hover-black-40:focus | color:var(--black-40) | skins-pseudo |
.hover-black-30:hover, .hover-black-30:focus | color:var(--black-30) | skins-pseudo |
.hover-black-20:hover, .hover-black-20:focus | color:var(--black-20) | skins-pseudo |
.hover-black-10:hover, .hover-black-10:focus | color:var(--black-10) | skins-pseudo |
.hover-white-90:hover, .hover-white-90:focus | color:var(--white-90) | skins-pseudo |
.hover-white-80:hover, .hover-white-80:focus | color:var(--white-80) | skins-pseudo |
.hover-white-70:hover, .hover-white-70:focus | color:var(--white-70) | skins-pseudo |
.hover-white-60:hover, .hover-white-60:focus | color:var(--white-60) | skins-pseudo |
.hover-white-50:hover, .hover-white-50:focus | color:var(--white-50) | skins-pseudo |
.hover-white-40:hover, .hover-white-40:focus | color:var(--white-40) | skins-pseudo |
.hover-white-30:hover, .hover-white-30:focus | color:var(--white-30) | skins-pseudo |
.hover-white-20:hover, .hover-white-20:focus | color:var(--white-20) | skins-pseudo |
.hover-white-10:hover, .hover-white-10:focus | color:var(--white-10) | skins-pseudo |
.hover-inherit:hover, .hover-inherit:focus | color:inherit | skins-pseudo |
.hover-bg-black:hover, .hover-bg-black:focus | background-color:var(--black) | skins-pseudo |
.hover-bg-near-black:hover, .hover-bg-near-black:focus | background-color:var(--near-black) | skins-pseudo |
.hover-bg-dark-gray:hover, .hover-bg-dark-gray:focus | background-color:var(--dark-gray) | skins-pseudo |
.hover-bg-mid-gray:hover, .hover-bg-mid-gray:focus | background-color:var(--mid-gray) | skins-pseudo |
.hover-bg-gray:hover, .hover-bg-gray:focus | background-color:var(--gray) | skins-pseudo |
.hover-bg-silver:hover, .hover-bg-silver:focus | background-color:var(--silver) | skins-pseudo |
.hover-bg-light-silver:hover, .hover-bg-light-silver:focus | background-color:var(--light-silver) | skins-pseudo |
.hover-bg-moon-gray:hover, .hover-bg-moon-gray:focus | background-color:var(--moon-gray) | skins-pseudo |
.hover-bg-light-gray:hover, .hover-bg-light-gray:focus | background-color:var(--light-gray) | skins-pseudo |
.hover-bg-near-white:hover, .hover-bg-near-white:focus | background-color:var(--near-white) | skins-pseudo |
.hover-bg-white:hover, .hover-bg-white:focus | background-color:var(--white) | skins-pseudo |
.hover-bg-transparent:hover, .hover-bg-transparent:focus | background-color:var(--transparent) | skins-pseudo |
.hover-bg-black-90:hover, .hover-bg-black-90:focus | background-color:var(--black-90) | skins-pseudo |
.hover-bg-black-80:hover, .hover-bg-black-80:focus | background-color:var(--black-80) | skins-pseudo |
.hover-bg-black-70:hover, .hover-bg-black-70:focus | background-color:var(--black-70) | skins-pseudo |
.hover-bg-black-60:hover, .hover-bg-black-60:focus | background-color:var(--black-60) | skins-pseudo |
.hover-bg-black-50:hover, .hover-bg-black-50:focus | background-color:var(--black-50) | skins-pseudo |
.hover-bg-black-40:hover, .hover-bg-black-40:focus | background-color:var(--black-40) | skins-pseudo |
.hover-bg-black-30:hover, .hover-bg-black-30:focus | background-color:var(--black-30) | skins-pseudo |
.hover-bg-black-20:hover, .hover-bg-black-20:focus | background-color:var(--black-20) | skins-pseudo |
.hover-bg-black-10:hover, .hover-bg-black-10:focus | background-color:var(--black-10) | skins-pseudo |
.hover-bg-white-90:hover, .hover-bg-white-90:focus | background-color:var(--white-90) | skins-pseudo |
.hover-bg-white-80:hover, .hover-bg-white-80:focus | background-color:var(--white-80) | skins-pseudo |
.hover-bg-white-70:hover, .hover-bg-white-70:focus | background-color:var(--white-70) | skins-pseudo |
.hover-bg-white-60:hover, .hover-bg-white-60:focus | background-color:var(--white-60) | skins-pseudo |
.hover-bg-white-50:hover, .hover-bg-white-50:focus | background-color:var(--white-50) | skins-pseudo |
.hover-bg-white-40:hover, .hover-bg-white-40:focus | background-color:var(--white-40) | skins-pseudo |
.hover-bg-white-30:hover, .hover-bg-white-30:focus | background-color:var(--white-30) | skins-pseudo |
.hover-bg-white-20:hover, .hover-bg-white-20:focus | background-color:var(--white-20) | skins-pseudo |
.hover-bg-white-10:hover, .hover-bg-white-10:focus | background-color:var(--white-10) | skins-pseudo |
.hover-dark-red:hover, .hover-dark-red:focus | color:var(--dark-red) | skins-pseudo |
.hover-red:hover, .hover-red:focus | color:var(--red) | skins-pseudo |
.hover-light-red:hover, .hover-light-red:focus | color:var(--light-red) | skins-pseudo |
.hover-orange:hover, .hover-orange:focus | color:var(--orange) | skins-pseudo |
.hover-gold:hover, .hover-gold:focus | color:var(--gold) | skins-pseudo |
.hover-yellow:hover, .hover-yellow:focus | color:var(--yellow) | skins-pseudo |
.hover-light-yellow:hover, .hover-light-yellow:focus | color:var(--light-yellow) | skins-pseudo |
.hover-purple:hover, .hover-purple:focus | color:var(--purple) | skins-pseudo |
.hover-light-purple:hover, .hover-light-purple:focus | color:var(--light-purple) | skins-pseudo |
.hover-dark-pink:hover, .hover-dark-pink:focus | color:var(--dark-pink) | skins-pseudo |
.hover-hot-pink:hover, .hover-hot-pink:focus | color:var(--hot-pink) | skins-pseudo |
.hover-pink:hover, .hover-pink:focus | color:var(--pink) | skins-pseudo |
.hover-light-pink:hover, .hover-light-pink:focus | color:var(--light-pink) | skins-pseudo |
.hover-dark-green:hover, .hover-dark-green:focus | color:var(--dark-green) | skins-pseudo |
.hover-green:hover, .hover-green:focus | color:var(--green) | skins-pseudo |
.hover-light-green:hover, .hover-light-green:focus | color:var(--light-green) | skins-pseudo |
.hover-navy:hover, .hover-navy:focus | color:var(--navy) | skins-pseudo |
.hover-dark-blue:hover, .hover-dark-blue:focus | color:var(--dark-blue) | skins-pseudo |
.hover-blue:hover, .hover-blue:focus | color:var(--blue) | skins-pseudo |
.hover-light-blue:hover, .hover-light-blue:focus | color:var(--light-blue) | skins-pseudo |
.hover-lightest-blue:hover, .hover-lightest-blue:focus | color:var(--lightest-blue) | skins-pseudo |
.hover-washed-blue:hover, .hover-washed-blue:focus | color:var(--washed-blue) | skins-pseudo |
.hover-washed-green:hover, .hover-washed-green:focus | color:var(--washed-green) | skins-pseudo |
.hover-washed-yellow:hover, .hover-washed-yellow:focus | color:var(--washed-yellow) | skins-pseudo |
.hover-washed-red:hover, .hover-washed-red:focus | color:var(--washed-red) | skins-pseudo |
.hover-bg-dark-red:hover, .hover-bg-dark-red:focus | background-color:var(--dark-red) | skins-pseudo |
.hover-bg-red:hover, .hover-bg-red:focus | background-color:var(--red) | skins-pseudo |
.hover-bg-light-red:hover, .hover-bg-light-red:focus | background-color:var(--light-red) | skins-pseudo |
.hover-bg-orange:hover, .hover-bg-orange:focus | background-color:var(--orange) | skins-pseudo |
.hover-bg-gold:hover, .hover-bg-gold:focus | background-color:var(--gold) | skins-pseudo |
.hover-bg-yellow:hover, .hover-bg-yellow:focus | background-color:var(--yellow) | skins-pseudo |
.hover-bg-light-yellow:hover, .hover-bg-light-yellow:focus | background-color:var(--light-yellow) | skins-pseudo |
.hover-bg-purple:hover, .hover-bg-purple:focus | background-color:var(--purple) | skins-pseudo |
.hover-bg-light-purple:hover, .hover-bg-light-purple:focus | background-color:var(--light-purple) | skins-pseudo |
.hover-bg-dark-pink:hover, .hover-bg-dark-pink:focus | background-color:var(--dark-pink) | skins-pseudo |
.hover-bg-hot-pink:hover, .hover-bg-hot-pink:focus | background-color:var(--hot-pink) | skins-pseudo |
.hover-bg-pink:hover, .hover-bg-pink:focus | background-color:var(--pink) | skins-pseudo |
.hover-bg-light-pink:hover, .hover-bg-light-pink:focus | background-color:var(--light-pink) | skins-pseudo |
.hover-bg-dark-green:hover, .hover-bg-dark-green:focus | background-color:var(--dark-green) | skins-pseudo |
.hover-bg-green:hover, .hover-bg-green:focus | background-color:var(--green) | skins-pseudo |
.hover-bg-light-green:hover, .hover-bg-light-green:focus | background-color:var(--light-green) | skins-pseudo |
.hover-bg-navy:hover, .hover-bg-navy:focus | background-color:var(--navy) | skins-pseudo |
.hover-bg-dark-blue:hover, .hover-bg-dark-blue:focus | background-color:var(--dark-blue) | skins-pseudo |
.hover-bg-blue:hover, .hover-bg-blue:focus | background-color:var(--blue) | skins-pseudo |
.hover-bg-light-blue:hover, .hover-bg-light-blue:focus | background-color:var(--light-blue) | skins-pseudo |
.hover-bg-lightest-blue:hover, .hover-bg-lightest-blue:focus | background-color:var(--lightest-blue) | skins-pseudo |
.hover-bg-washed-blue:hover, .hover-bg-washed-blue:focus | background-color:var(--washed-blue) | skins-pseudo |
.hover-bg-washed-green:hover, .hover-bg-washed-green:focus | background-color:var(--washed-green) | skins-pseudo |
.hover-bg-washed-yellow:hover, .hover-bg-washed-yellow:focus | background-color:var(--washed-yellow) | skins-pseudo |
.hover-bg-washed-red:hover, .hover-bg-washed-red:focus | background-color:var(--washed-red) | skins-pseudo |
.hover-bg-inherit:hover, .hover-bg-inherit:focus | background-color:inherit | skins-pseudo |
.pa0 | padding:var(--spacing-none) | spacing |
.pa1 | padding:var(--spacing-extra-small) | spacing |
.pa2 | padding:var(--spacing-small) | spacing |
.pa3 | padding:var(--spacing-medium) | spacing |
.pa4 | padding:var(--spacing-large) | spacing |
.pa5 | padding:var(--spacing-extra-large) | spacing |
.pa6 | padding:var(--spacing-extra-extra-large) | spacing |
.pa7 | padding:var(--spacing-extra-extra-extra-large) | spacing |
.pl0 | padding-left:var(--spacing-none) | spacing |
.pl1 | padding-left:var(--spacing-extra-small) | spacing |
.pl2 | padding-left:var(--spacing-small) | spacing |
.pl3 | padding-left:var(--spacing-medium) | spacing |
.pl4 | padding-left:var(--spacing-large) | spacing |
.pl5 | padding-left:var(--spacing-extra-large) | spacing |
.pl6 | padding-left:var(--spacing-extra-extra-large) | spacing |
.pl7 | padding-left:var(--spacing-extra-extra-extra-large) | spacing |
.pr0 | padding-right:var(--spacing-none) | spacing |
.pr1 | padding-right:var(--spacing-extra-small) | spacing |
.pr2 | padding-right:var(--spacing-small) | spacing |
.pr3 | padding-right:var(--spacing-medium) | spacing |
.pr4 | padding-right:var(--spacing-large) | spacing |
.pr5 | padding-right:var(--spacing-extra-large) | spacing |
.pr6 | padding-right:var(--spacing-extra-extra-large) | spacing |
.pr7 | padding-right:var(--spacing-extra-extra-extra-large) | spacing |
.pb0 | padding-bottom:var(--spacing-none) | spacing |
.pb1 | padding-bottom:var(--spacing-extra-small) | spacing |
.pb2 | padding-bottom:var(--spacing-small) | spacing |
.pb3 | padding-bottom:var(--spacing-medium) | spacing |
.pb4 | padding-bottom:var(--spacing-large) | spacing |
.pb5 | padding-bottom:var(--spacing-extra-large) | spacing |
.pb6 | padding-bottom:var(--spacing-extra-extra-large) | spacing |
.pb7 | padding-bottom:var(--spacing-extra-extra-extra-large) | spacing |
.pt0 | padding-top:var(--spacing-none) | spacing |
.pt1 | padding-top:var(--spacing-extra-small) | spacing |
.pt2 | padding-top:var(--spacing-small) | spacing |
.pt3 | padding-top:var(--spacing-medium) | spacing |
.pt4 | padding-top:var(--spacing-large) | spacing |
.pt5 | padding-top:var(--spacing-extra-large) | spacing |
.pt6 | padding-top:var(--spacing-extra-extra-large) | spacing |
.pt7 | padding-top:var(--spacing-extra-extra-extra-large) | spacing |
.pv0 | padding-top:var(--spacing-none) | spacing |
.pv1 | padding-top:var(--spacing-extra-small) | spacing |
.pv2 | padding-top:var(--spacing-small) | spacing |
.pv3 | padding-top:var(--spacing-medium) | spacing |
.pv4 | padding-top:var(--spacing-large) | spacing |
.pv5 | padding-top:var(--spacing-extra-large) | spacing |
.pv6 | padding-top:var(--spacing-extra-extra-large) | spacing |
.pv7 | padding-top:var(--spacing-extra-extra-extra-large) | spacing |
.ph0 | padding-left:var(--spacing-none) | spacing |
.ph1 | padding-left:var(--spacing-extra-small) | spacing |
.ph2 | padding-left:var(--spacing-small) | spacing |
.ph3 | padding-left:var(--spacing-medium) | spacing |
.ph4 | padding-left:var(--spacing-large) | spacing |
.ph5 | padding-left:var(--spacing-extra-large) | spacing |
.ph6 | padding-left:var(--spacing-extra-extra-large) | spacing |
.ph7 | padding-left:var(--spacing-extra-extra-extra-large) | spacing |
.ma0 | margin:var(--spacing-none) | spacing |
.ma1 | margin:var(--spacing-extra-small) | spacing |
.ma2 | margin:var(--spacing-small) | spacing |
.ma3 | margin:var(--spacing-medium) | spacing |
.ma4 | margin:var(--spacing-large) | spacing |
.ma5 | margin:var(--spacing-extra-large) | spacing |
.ma6 | margin:var(--spacing-extra-extra-large) | spacing |
.ma7 | margin:var(--spacing-extra-extra-extra-large) | spacing |
.ml0 | margin-left:var(--spacing-none) | spacing |
.ml1 | margin-left:var(--spacing-extra-small) | spacing |
.ml2 | margin-left:var(--spacing-small) | spacing |
.ml3 | margin-left:var(--spacing-medium) | spacing |
.ml4 | margin-left:var(--spacing-large) | spacing |
.ml5 | margin-left:var(--spacing-extra-large) | spacing |
.ml6 | margin-left:var(--spacing-extra-extra-large) | spacing |
.ml7 | margin-left:var(--spacing-extra-extra-extra-large) | spacing |
.mr0 | margin-right:var(--spacing-none) | spacing |
.mr1 | margin-right:var(--spacing-extra-small) | spacing |
.mr2 | margin-right:var(--spacing-small) | spacing |
.mr3 | margin-right:var(--spacing-medium) | spacing |
.mr4 | margin-right:var(--spacing-large) | spacing |
.mr5 | margin-right:var(--spacing-extra-large) | spacing |
.mr6 | margin-right:var(--spacing-extra-extra-large) | spacing |
.mr7 | margin-right:var(--spacing-extra-extra-extra-large) | spacing |
.mb0 | margin-bottom:var(--spacing-none) | spacing |
.mb1 | margin-bottom:var(--spacing-extra-small) | spacing |
.mb2 | margin-bottom:var(--spacing-small) | spacing |
.mb3 | margin-bottom:var(--spacing-medium) | spacing |
.mb4 | margin-bottom:var(--spacing-large) | spacing |
.mb5 | margin-bottom:var(--spacing-extra-large) | spacing |
.mb6 | margin-bottom:var(--spacing-extra-extra-large) | spacing |
.mb7 | margin-bottom:var(--spacing-extra-extra-extra-large) | spacing |
.mt0 | margin-top:var(--spacing-none) | spacing |
.mt1 | margin-top:var(--spacing-extra-small) | spacing |
.mt2 | margin-top:var(--spacing-small) | spacing |
.mt3 | margin-top:var(--spacing-medium) | spacing |
.mt4 | margin-top:var(--spacing-large) | spacing |
.mt5 | margin-top:var(--spacing-extra-large) | spacing |
.mt6 | margin-top:var(--spacing-extra-extra-large) | spacing |
.mt7 | margin-top:var(--spacing-extra-extra-extra-large) | spacing |
.mv0 | margin-top:var(--spacing-none) | spacing |
.mv1 | margin-top:var(--spacing-extra-small) | spacing |
.mv2 | margin-top:var(--spacing-small) | spacing |
.mv3 | margin-top:var(--spacing-medium) | spacing |
.mv4 | margin-top:var(--spacing-large) | spacing |
.mv5 | margin-top:var(--spacing-extra-large) | spacing |
.mv6 | margin-top:var(--spacing-extra-extra-large) | spacing |
.mv7 | margin-top:var(--spacing-extra-extra-extra-large) | spacing |
.mh0 | margin-left:var(--spacing-none) | spacing |
.mh1 | margin-left:var(--spacing-extra-small) | spacing |
.mh2 | margin-left:var(--spacing-small) | spacing |
.mh3 | margin-left:var(--spacing-medium) | spacing |
.mh4 | margin-left:var(--spacing-large) | spacing |
.mh5 | margin-left:var(--spacing-extra-large) | spacing |
.mh6 | margin-left:var(--spacing-extra-extra-large) | spacing |
.mh7 | margin-left:var(--spacing-extra-extra-extra-large) | spacing |
.pa0-ns | padding:var(--spacing-none) | spacing |
.pa1-ns | padding:var(--spacing-extra-small) | spacing |
.pa2-ns | padding:var(--spacing-small) | spacing |
.pa3-ns | padding:var(--spacing-medium) | spacing |
.pa4-ns | padding:var(--spacing-large) | spacing |
.pa5-ns | padding:var(--spacing-extra-large) | spacing |
.pa6-ns | padding:var(--spacing-extra-extra-large) | spacing |
.pa7-ns | padding:var(--spacing-extra-extra-extra-large) | spacing |
.pl0-ns | padding-left:var(--spacing-none) | spacing |
.pl1-ns | padding-left:var(--spacing-extra-small) | spacing |
.pl2-ns | padding-left:var(--spacing-small) | spacing |
.pl3-ns | padding-left:var(--spacing-medium) | spacing |
.pl4-ns | padding-left:var(--spacing-large) | spacing |
.pl5-ns | padding-left:var(--spacing-extra-large) | spacing |
.pl6-ns | padding-left:var(--spacing-extra-extra-large) | spacing |
.pl7-ns | padding-left:var(--spacing-extra-extra-extra-large) | spacing |
.pr0-ns | padding-right:var(--spacing-none) | spacing |
.pr1-ns | padding-right:var(--spacing-extra-small) | spacing |
.pr2-ns | padding-right:var(--spacing-small) | spacing |
.pr3-ns | padding-right:var(--spacing-medium) | spacing |
.pr4-ns | padding-right:var(--spacing-large) | spacing |
.pr5-ns | padding-right:var(--spacing-extra-large) | spacing |
.pr6-ns | padding-right:var(--spacing-extra-extra-large) | spacing |
.pr7-ns | padding-right:var(--spacing-extra-extra-extra-large) | spacing |
.pb0-ns | padding-bottom:var(--spacing-none) | spacing |
.pb1-ns | padding-bottom:var(--spacing-extra-small) | spacing |
.pb2-ns | padding-bottom:var(--spacing-small) | spacing |
.pb3-ns | padding-bottom:var(--spacing-medium) | spacing |
.pb4-ns | padding-bottom:var(--spacing-large) | spacing |
.pb5-ns | padding-bottom:var(--spacing-extra-large) | spacing |
.pb6-ns | padding-bottom:var(--spacing-extra-extra-large) | spacing |
.pb7-ns | padding-bottom:var(--spacing-extra-extra-extra-large) | spacing |
.pt0-ns | padding-top:var(--spacing-none) | spacing |
.pt1-ns | padding-top:var(--spacing-extra-small) | spacing |
.pt2-ns | padding-top:var(--spacing-small) | spacing |
.pt3-ns | padding-top:var(--spacing-medium) | spacing |
.pt4-ns | padding-top:var(--spacing-large) | spacing |
.pt5-ns | padding-top:var(--spacing-extra-large) | spacing |
.pt6-ns | padding-top:var(--spacing-extra-extra-large) | spacing |
.pt7-ns | padding-top:var(--spacing-extra-extra-extra-large) | spacing |
.pv0-ns | padding-top:var(--spacing-none) | spacing |
.pv1-ns | padding-top:var(--spacing-extra-small) | spacing |
.pv2-ns | padding-top:var(--spacing-small) | spacing |
.pv3-ns | padding-top:var(--spacing-medium) | spacing |
.pv4-ns | padding-top:var(--spacing-large) | spacing |
.pv5-ns | padding-top:var(--spacing-extra-large) | spacing |
.pv6-ns | padding-top:var(--spacing-extra-extra-large) | spacing |
.pv7-ns | padding-top:var(--spacing-extra-extra-extra-large) | spacing |
.ph0-ns | padding-left:var(--spacing-none) | spacing |
.ph1-ns | padding-left:var(--spacing-extra-small) | spacing |
.ph2-ns | padding-left:var(--spacing-small) | spacing |
.ph3-ns | padding-left:var(--spacing-medium) | spacing |
.ph4-ns | padding-left:var(--spacing-large) | spacing |
.ph5-ns | padding-left:var(--spacing-extra-large) | spacing |
.ph6-ns | padding-left:var(--spacing-extra-extra-large) | spacing |
.ph7-ns | padding-left:var(--spacing-extra-extra-extra-large) | spacing |
.ma0-ns | margin:var(--spacing-none) | spacing |
.ma1-ns | margin:var(--spacing-extra-small) | spacing |
.ma2-ns | margin:var(--spacing-small) | spacing |
.ma3-ns | margin:var(--spacing-medium) | spacing |
.ma4-ns | margin:var(--spacing-large) | spacing |
.ma5-ns | margin:var(--spacing-extra-large) | spacing |
.ma6-ns | margin:var(--spacing-extra-extra-large) | spacing |
.ma7-ns | margin:var(--spacing-extra-extra-extra-large) | spacing |
.ml0-ns | margin-left:var(--spacing-none) | spacing |
.ml1-ns | margin-left:var(--spacing-extra-small) | spacing |
.ml2-ns | margin-left:var(--spacing-small) | spacing |
.ml3-ns | margin-left:var(--spacing-medium) | spacing |
.ml4-ns | margin-left:var(--spacing-large) | spacing |
.ml5-ns | margin-left:var(--spacing-extra-large) | spacing |
.ml6-ns | margin-left:var(--spacing-extra-extra-large) | spacing |
.ml7-ns | margin-left:var(--spacing-extra-extra-extra-large) | spacing |
.mr0-ns | margin-right:var(--spacing-none) | spacing |
.mr1-ns | margin-right:var(--spacing-extra-small) | spacing |
.mr2-ns | margin-right:var(--spacing-small) | spacing |
.mr3-ns | margin-right:var(--spacing-medium) | spacing |
.mr4-ns | margin-right:var(--spacing-large) | spacing |
.mr5-ns | margin-right:var(--spacing-extra-large) | spacing |
.mr6-ns | margin-right:var(--spacing-extra-extra-large) | spacing |
.mr7-ns | margin-right:var(--spacing-extra-extra-extra-large) | spacing |
.mb0-ns | margin-bottom:var(--spacing-none) | spacing |
.mb1-ns | margin-bottom:var(--spacing-extra-small) | spacing |
.mb2-ns | margin-bottom:var(--spacing-small) | spacing |
.mb3-ns | margin-bottom:var(--spacing-medium) | spacing |
.mb4-ns | margin-bottom:var(--spacing-large) | spacing |
.mb5-ns | margin-bottom:var(--spacing-extra-large) | spacing |
.mb6-ns | margin-bottom:var(--spacing-extra-extra-large) | spacing |
.mb7-ns | margin-bottom:var(--spacing-extra-extra-extra-large) | spacing |
.mt0-ns | margin-top:var(--spacing-none) | spacing |
.mt1-ns | margin-top:var(--spacing-extra-small) | spacing |
.mt2-ns | margin-top:var(--spacing-small) | spacing |
.mt3-ns | margin-top:var(--spacing-medium) | spacing |
.mt4-ns | margin-top:var(--spacing-large) | spacing |
.mt5-ns | margin-top:var(--spacing-extra-large) | spacing |
.mt6-ns | margin-top:var(--spacing-extra-extra-large) | spacing |
.mt7-ns | margin-top:var(--spacing-extra-extra-extra-large) | spacing |
.mv0-ns | margin-top:var(--spacing-none) | spacing |
.mv1-ns | margin-top:var(--spacing-extra-small) | spacing |
.mv2-ns | margin-top:var(--spacing-small) | spacing |
.mv3-ns | margin-top:var(--spacing-medium) | spacing |
.mv4-ns | margin-top:var(--spacing-large) | spacing |
.mv5-ns | margin-top:var(--spacing-extra-large) | spacing |
.mv6-ns | margin-top:var(--spacing-extra-extra-large) | spacing |
.mv7-ns | margin-top:var(--spacing-extra-extra-extra-large) | spacing |
.mh0-ns | margin-left:var(--spacing-none) | spacing |
.mh1-ns | margin-left:var(--spacing-extra-small) | spacing |
.mh2-ns | margin-left:var(--spacing-small) | spacing |
.mh3-ns | margin-left:var(--spacing-medium) | spacing |
.mh4-ns | margin-left:var(--spacing-large) | spacing |
.mh5-ns | margin-left:var(--spacing-extra-large) | spacing |
.mh6-ns | margin-left:var(--spacing-extra-extra-large) | spacing |
.mh7-ns | margin-left:var(--spacing-extra-extra-extra-large) | spacing |
.pa0-m | padding:var(--spacing-none) | spacing |
.pa1-m | padding:var(--spacing-extra-small) | spacing |
.pa2-m | padding:var(--spacing-small) | spacing |
.pa3-m | padding:var(--spacing-medium) | spacing |
.pa4-m | padding:var(--spacing-large) | spacing |
.pa5-m | padding:var(--spacing-extra-large) | spacing |
.pa6-m | padding:var(--spacing-extra-extra-large) | spacing |
.pa7-m | padding:var(--spacing-extra-extra-extra-large) | spacing |
.pl0-m | padding-left:var(--spacing-none) | spacing |
.pl1-m | padding-left:var(--spacing-extra-small) | spacing |
.pl2-m | padding-left:var(--spacing-small) | spacing |
.pl3-m | padding-left:var(--spacing-medium) | spacing |
.pl4-m | padding-left:var(--spacing-large) | spacing |
.pl5-m | padding-left:var(--spacing-extra-large) | spacing |
.pl6-m | padding-left:var(--spacing-extra-extra-large) | spacing |
.pl7-m | padding-left:var(--spacing-extra-extra-extra-large) | spacing |
.pr0-m | padding-right:var(--spacing-none) | spacing |
.pr1-m | padding-right:var(--spacing-extra-small) | spacing |
.pr2-m | padding-right:var(--spacing-small) | spacing |
.pr3-m | padding-right:var(--spacing-medium) | spacing |
.pr4-m | padding-right:var(--spacing-large) | spacing |
.pr5-m | padding-right:var(--spacing-extra-large) | spacing |
.pr6-m | padding-right:var(--spacing-extra-extra-large) | spacing |
.pr7-m | padding-right:var(--spacing-extra-extra-extra-large) | spacing |
.pb0-m | padding-bottom:var(--spacing-none) | spacing |
.pb1-m | padding-bottom:var(--spacing-extra-small) | spacing |
.pb2-m | padding-bottom:var(--spacing-small) | spacing |
.pb3-m | padding-bottom:var(--spacing-medium) | spacing |
.pb4-m | padding-bottom:var(--spacing-large) | spacing |
.pb5-m | padding-bottom:var(--spacing-extra-large) | spacing |
.pb6-m | padding-bottom:var(--spacing-extra-extra-large) | spacing |
.pb7-m | padding-bottom:var(--spacing-extra-extra-extra-large) | spacing |
.pt0-m | padding-top:var(--spacing-none) | spacing |
.pt1-m | padding-top:var(--spacing-extra-small) | spacing |
.pt2-m | padding-top:var(--spacing-small) | spacing |
.pt3-m | padding-top:var(--spacing-medium) | spacing |
.pt4-m | padding-top:var(--spacing-large) | spacing |
.pt5-m | padding-top:var(--spacing-extra-large) | spacing |
.pt6-m | padding-top:var(--spacing-extra-extra-large) | spacing |
.pt7-m | padding-top:var(--spacing-extra-extra-extra-large) | spacing |
.pv0-m | padding-top:var(--spacing-none) | spacing |
.pv1-m | padding-top:var(--spacing-extra-small) | spacing |
.pv2-m | padding-top:var(--spacing-small) | spacing |
.pv3-m | padding-top:var(--spacing-medium) | spacing |
.pv4-m | padding-top:var(--spacing-large) | spacing |
.pv5-m | padding-top:var(--spacing-extra-large) | spacing |
.pv6-m | padding-top:var(--spacing-extra-extra-large) | spacing |
.pv7-m | padding-top:var(--spacing-extra-extra-extra-large) | spacing |
.ph0-m | padding-left:var(--spacing-none) | spacing |
.ph1-m | padding-left:var(--spacing-extra-small) | spacing |
.ph2-m | padding-left:var(--spacing-small) | spacing |
.ph3-m | padding-left:var(--spacing-medium) | spacing |
.ph4-m | padding-left:var(--spacing-large) | spacing |
.ph5-m | padding-left:var(--spacing-extra-large) | spacing |
.ph6-m | padding-left:var(--spacing-extra-extra-large) | spacing |
.ph7-m | padding-left:var(--spacing-extra-extra-extra-large) | spacing |
.ma0-m | margin:var(--spacing-none) | spacing |
.ma1-m | margin:var(--spacing-extra-small) | spacing |
.ma2-m | margin:var(--spacing-small) | spacing |
.ma3-m | margin:var(--spacing-medium) | spacing |
.ma4-m | margin:var(--spacing-large) | spacing |
.ma5-m | margin:var(--spacing-extra-large) | spacing |
.ma6-m | margin:var(--spacing-extra-extra-large) | spacing |
.ma7-m | margin:var(--spacing-extra-extra-extra-large) | spacing |
.ml0-m | margin-left:var(--spacing-none) | spacing |
.ml1-m | margin-left:var(--spacing-extra-small) | spacing |
.ml2-m | margin-left:var(--spacing-small) | spacing |
.ml3-m | margin-left:var(--spacing-medium) | spacing |
.ml4-m | margin-left:var(--spacing-large) | spacing |
.ml5-m | margin-left:var(--spacing-extra-large) | spacing |
.ml6-m | margin-left:var(--spacing-extra-extra-large) | spacing |
.ml7-m | margin-left:var(--spacing-extra-extra-extra-large) | spacing |
.mr0-m | margin-right:var(--spacing-none) | spacing |
.mr1-m | margin-right:var(--spacing-extra-small) | spacing |
.mr2-m | margin-right:var(--spacing-small) | spacing |
.mr3-m | margin-right:var(--spacing-medium) | spacing |
.mr4-m | margin-right:var(--spacing-large) | spacing |
.mr5-m | margin-right:var(--spacing-extra-large) | spacing |
.mr6-m | margin-right:var(--spacing-extra-extra-large) | spacing |
.mr7-m | margin-right:var(--spacing-extra-extra-extra-large) | spacing |
.mb0-m | margin-bottom:var(--spacing-none) | spacing |
.mb1-m | margin-bottom:var(--spacing-extra-small) | spacing |
.mb2-m | margin-bottom:var(--spacing-small) | spacing |
.mb3-m | margin-bottom:var(--spacing-medium) | spacing |
.mb4-m | margin-bottom:var(--spacing-large) | spacing |
.mb5-m | margin-bottom:var(--spacing-extra-large) | spacing |
.mb6-m | margin-bottom:var(--spacing-extra-extra-large) | spacing |
.mb7-m | margin-bottom:var(--spacing-extra-extra-extra-large) | spacing |
.mt0-m | margin-top:var(--spacing-none) | spacing |
.mt1-m | margin-top:var(--spacing-extra-small) | spacing |
.mt2-m | margin-top:var(--spacing-small) | spacing |
.mt3-m | margin-top:var(--spacing-medium) | spacing |
.mt4-m | margin-top:var(--spacing-large) | spacing |
.mt5-m | margin-top:var(--spacing-extra-large) | spacing |
.mt6-m | margin-top:var(--spacing-extra-extra-large) | spacing |
.mt7-m | margin-top:var(--spacing-extra-extra-extra-large) | spacing |
.mv0-m | margin-top:var(--spacing-none) | spacing |
.mv1-m | margin-top:var(--spacing-extra-small) | spacing |
.mv2-m | margin-top:var(--spacing-small) | spacing |
.mv3-m | margin-top:var(--spacing-medium) | spacing |
.mv4-m | margin-top:var(--spacing-large) | spacing |
.mv5-m | margin-top:var(--spacing-extra-large) | spacing |
.mv6-m | margin-top:var(--spacing-extra-extra-large) | spacing |
.mv7-m | margin-top:var(--spacing-extra-extra-extra-large) | spacing |
.mh0-m | margin-left:var(--spacing-none) | spacing |
.mh1-m | margin-left:var(--spacing-extra-small) | spacing |
.mh2-m | margin-left:var(--spacing-small) | spacing |
.mh3-m | margin-left:var(--spacing-medium) | spacing |
.mh4-m | margin-left:var(--spacing-large) | spacing |
.mh5-m | margin-left:var(--spacing-extra-large) | spacing |
.mh6-m | margin-left:var(--spacing-extra-extra-large) | spacing |
.mh7-m | margin-left:var(--spacing-extra-extra-extra-large) | spacing |
.pa0-l | padding:var(--spacing-none) | spacing |
.pa1-l | padding:var(--spacing-extra-small) | spacing |
.pa2-l | padding:var(--spacing-small) | spacing |
.pa3-l | padding:var(--spacing-medium) | spacing |
.pa4-l | padding:var(--spacing-large) | spacing |
.pa5-l | padding:var(--spacing-extra-large) | spacing |
.pa6-l | padding:var(--spacing-extra-extra-large) | spacing |
.pa7-l | padding:var(--spacing-extra-extra-extra-large) | spacing |
.pl0-l | padding-left:var(--spacing-none) | spacing |
.pl1-l | padding-left:var(--spacing-extra-small) | spacing |
.pl2-l | padding-left:var(--spacing-small) | spacing |
.pl3-l | padding-left:var(--spacing-medium) | spacing |
.pl4-l | padding-left:var(--spacing-large) | spacing |
.pl5-l | padding-left:var(--spacing-extra-large) | spacing |
.pl6-l | padding-left:var(--spacing-extra-extra-large) | spacing |
.pl7-l | padding-left:var(--spacing-extra-extra-extra-large) | spacing |
.pr0-l | padding-right:var(--spacing-none) | spacing |
.pr1-l | padding-right:var(--spacing-extra-small) | spacing |
.pr2-l | padding-right:var(--spacing-small) | spacing |
.pr3-l | padding-right:var(--spacing-medium) | spacing |
.pr4-l | padding-right:var(--spacing-large) | spacing |
.pr5-l | padding-right:var(--spacing-extra-large) | spacing |
.pr6-l | padding-right:var(--spacing-extra-extra-large) | spacing |
.pr7-l | padding-right:var(--spacing-extra-extra-extra-large) | spacing |
.pb0-l | padding-bottom:var(--spacing-none) | spacing |
.pb1-l | padding-bottom:var(--spacing-extra-small) | spacing |
.pb2-l | padding-bottom:var(--spacing-small) | spacing |
.pb3-l | padding-bottom:var(--spacing-medium) | spacing |
.pb4-l | padding-bottom:var(--spacing-large) | spacing |
.pb5-l | padding-bottom:var(--spacing-extra-large) | spacing |
.pb6-l | padding-bottom:var(--spacing-extra-extra-large) | spacing |
.pb7-l | padding-bottom:var(--spacing-extra-extra-extra-large) | spacing |
.pt0-l | padding-top:var(--spacing-none) | spacing |
.pt1-l | padding-top:var(--spacing-extra-small) | spacing |
.pt2-l | padding-top:var(--spacing-small) | spacing |
.pt3-l | padding-top:var(--spacing-medium) | spacing |
.pt4-l | padding-top:var(--spacing-large) | spacing |
.pt5-l | padding-top:var(--spacing-extra-large) | spacing |
.pt6-l | padding-top:var(--spacing-extra-extra-large) | spacing |
.pt7-l | padding-top:var(--spacing-extra-extra-extra-large) | spacing |
.pv0-l | padding-top:var(--spacing-none) | spacing |
.pv1-l | padding-top:var(--spacing-extra-small) | spacing |
.pv2-l | padding-top:var(--spacing-small) | spacing |
.pv3-l | padding-top:var(--spacing-medium) | spacing |
.pv4-l | padding-top:var(--spacing-large) | spacing |
.pv5-l | padding-top:var(--spacing-extra-large) | spacing |
.pv6-l | padding-top:var(--spacing-extra-extra-large) | spacing |
.pv7-l | padding-top:var(--spacing-extra-extra-extra-large) | spacing |
.ph0-l | padding-left:var(--spacing-none) | spacing |
.ph1-l | padding-left:var(--spacing-extra-small) | spacing |
.ph2-l | padding-left:var(--spacing-small) | spacing |
.ph3-l | padding-left:var(--spacing-medium) | spacing |
.ph4-l | padding-left:var(--spacing-large) | spacing |
.ph5-l | padding-left:var(--spacing-extra-large) | spacing |
.ph6-l | padding-left:var(--spacing-extra-extra-large) | spacing |
.ph7-l | padding-left:var(--spacing-extra-extra-extra-large) | spacing |
.ma0-l | margin:var(--spacing-none) | spacing |
.ma1-l | margin:var(--spacing-extra-small) | spacing |
.ma2-l | margin:var(--spacing-small) | spacing |
.ma3-l | margin:var(--spacing-medium) | spacing |
.ma4-l | margin:var(--spacing-large) | spacing |
.ma5-l | margin:var(--spacing-extra-large) | spacing |
.ma6-l | margin:var(--spacing-extra-extra-large) | spacing |
.ma7-l | margin:var(--spacing-extra-extra-extra-large) | spacing |
.ml0-l | margin-left:var(--spacing-none) | spacing |
.ml1-l | margin-left:var(--spacing-extra-small) | spacing |
.ml2-l | margin-left:var(--spacing-small) | spacing |
.ml3-l | margin-left:var(--spacing-medium) | spacing |
.ml4-l | margin-left:var(--spacing-large) | spacing |
.ml5-l | margin-left:var(--spacing-extra-large) | spacing |
.ml6-l | margin-left:var(--spacing-extra-extra-large) | spacing |
.ml7-l | margin-left:var(--spacing-extra-extra-extra-large) | spacing |
.mr0-l | margin-right:var(--spacing-none) | spacing |
.mr1-l | margin-right:var(--spacing-extra-small) | spacing |
.mr2-l | margin-right:var(--spacing-small) | spacing |
.mr3-l | margin-right:var(--spacing-medium) | spacing |
.mr4-l | margin-right:var(--spacing-large) | spacing |
.mr5-l | margin-right:var(--spacing-extra-large) | spacing |
.mr6-l | margin-right:var(--spacing-extra-extra-large) | spacing |
.mr7-l | margin-right:var(--spacing-extra-extra-extra-large) | spacing |
.mb0-l | margin-bottom:var(--spacing-none) | spacing |
.mb1-l | margin-bottom:var(--spacing-extra-small) | spacing |
.mb2-l | margin-bottom:var(--spacing-small) | spacing |
.mb3-l | margin-bottom:var(--spacing-medium) | spacing |
.mb4-l | margin-bottom:var(--spacing-large) | spacing |
.mb5-l | margin-bottom:var(--spacing-extra-large) | spacing |
.mb6-l | margin-bottom:var(--spacing-extra-extra-large) | spacing |
.mb7-l | margin-bottom:var(--spacing-extra-extra-extra-large) | spacing |
.mt0-l | margin-top:var(--spacing-none) | spacing |
.mt1-l | margin-top:var(--spacing-extra-small) | spacing |
.mt2-l | margin-top:var(--spacing-small) | spacing |
.mt3-l | margin-top:var(--spacing-medium) | spacing |
.mt4-l | margin-top:var(--spacing-large) | spacing |
.mt5-l | margin-top:var(--spacing-extra-large) | spacing |
.mt6-l | margin-top:var(--spacing-extra-extra-large) | spacing |
.mt7-l | margin-top:var(--spacing-extra-extra-extra-large) | spacing |
.mv0-l | margin-top:var(--spacing-none) | spacing |
.mv1-l | margin-top:var(--spacing-extra-small) | spacing |
.mv2-l | margin-top:var(--spacing-small) | spacing |
.mv3-l | margin-top:var(--spacing-medium) | spacing |
.mv4-l | margin-top:var(--spacing-large) | spacing |
.mv5-l | margin-top:var(--spacing-extra-large) | spacing |
.mv6-l | margin-top:var(--spacing-extra-extra-large) | spacing |
.mv7-l | margin-top:var(--spacing-extra-extra-extra-large) | spacing |
.mh0-l | margin-left:var(--spacing-none) | spacing |
.mh1-l | margin-left:var(--spacing-extra-small) | spacing |
.mh2-l | margin-left:var(--spacing-small) | spacing |
.mh3-l | margin-left:var(--spacing-medium) | spacing |
.mh4-l | margin-left:var(--spacing-large) | spacing |
.mh5-l | margin-left:var(--spacing-extra-large) | spacing |
.mh6-l | margin-left:var(--spacing-extra-extra-large) | spacing |
.mh7-l | margin-left:var(--spacing-extra-extra-extra-large) | spacing |
.na1 | margin:-var(--spacing-extra-small) | negative-margins |
.na2 | margin:-var(--spacing-small) | negative-margins |
.na3 | margin:-var(--spacing-medium) | negative-margins |
.na4 | margin:-var(--spacing-large) | negative-margins |
.na5 | margin:-var(--spacing-extra-large) | negative-margins |
.na6 | margin:-var(--spacing-extra-extra-large) | negative-margins |
.na7 | margin:-var(--spacing-extra-extra-extra-large) | negative-margins |
.nl1 | margin-left:-var(--spacing-extra-small) | negative-margins |
.nl2 | margin-left:-var(--spacing-small) | negative-margins |
.nl3 | margin-left:-var(--spacing-medium) | negative-margins |
.nl4 | margin-left:-var(--spacing-large) | negative-margins |
.nl5 | margin-left:-var(--spacing-extra-large) | negative-margins |
.nl6 | margin-left:-var(--spacing-extra-extra-large) | negative-margins |
.nl7 | margin-left:-var(--spacing-extra-extra-extra-large) | negative-margins |
.nr1 | margin-right:-var(--spacing-extra-small) | negative-margins |
.nr2 | margin-right:-var(--spacing-small) | negative-margins |
.nr3 | margin-right:-var(--spacing-medium) | negative-margins |
.nr4 | margin-right:-var(--spacing-large) | negative-margins |
.nr5 | margin-right:-var(--spacing-extra-large) | negative-margins |
.nr6 | margin-right:-var(--spacing-extra-extra-large) | negative-margins |
.nr7 | margin-right:-var(--spacing-extra-extra-extra-large) | negative-margins |
.nb1 | margin-bottom:-var(--spacing-extra-small) | negative-margins |
.nb2 | margin-bottom:-var(--spacing-small) | negative-margins |
.nb3 | margin-bottom:-var(--spacing-medium) | negative-margins |
.nb4 | margin-bottom:-var(--spacing-large) | negative-margins |
.nb5 | margin-bottom:-var(--spacing-extra-large) | negative-margins |
.nb6 | margin-bottom:-var(--spacing-extra-extra-large) | negative-margins |
.nb7 | margin-bottom:-var(--spacing-extra-extra-extra-large) | negative-margins |
.nt1 | margin-top:-var(--spacing-extra-small) | negative-margins |
.nt2 | margin-top:-var(--spacing-small) | negative-margins |
.nt3 | margin-top:-var(--spacing-medium) | negative-margins |
.nt4 | margin-top:-var(--spacing-large) | negative-margins |
.nt5 | margin-top:-var(--spacing-extra-large) | negative-margins |
.nt6 | margin-top:-var(--spacing-extra-extra-large) | negative-margins |
.nt7 | margin-top:-var(--spacing-extra-extra-extra-large) | negative-margins |
.na1-ns | margin:-var(--spacing-extra-small) | negative-margins |
.na2-ns | margin:-var(--spacing-small) | negative-margins |
.na3-ns | margin:-var(--spacing-medium) | negative-margins |
.na4-ns | margin:-var(--spacing-large) | negative-margins |
.na5-ns | margin:-var(--spacing-extra-large) | negative-margins |
.na6-ns | margin:-var(--spacing-extra-extra-large) | negative-margins |
.na7-ns | margin:-var(--spacing-extra-extra-extra-large) | negative-margins |
.nl1-ns | margin-left:-var(--spacing-extra-small) | negative-margins |
.nl2-ns | margin-left:-var(--spacing-small) | negative-margins |
.nl3-ns | margin-left:-var(--spacing-medium) | negative-margins |
.nl4-ns | margin-left:-var(--spacing-large) | negative-margins |
.nl5-ns | margin-left:-var(--spacing-extra-large) | negative-margins |
.nl6-ns | margin-left:-var(--spacing-extra-extra-large) | negative-margins |
.nl7-ns | margin-left:-var(--spacing-extra-extra-extra-large) | negative-margins |
.nr1-ns | margin-right:-var(--spacing-extra-small) | negative-margins |
.nr2-ns | margin-right:-var(--spacing-small) | negative-margins |
.nr3-ns | margin-right:-var(--spacing-medium) | negative-margins |
.nr4-ns | margin-right:-var(--spacing-large) | negative-margins |
.nr5-ns | margin-right:-var(--spacing-extra-large) | negative-margins |
.nr6-ns | margin-right:-var(--spacing-extra-extra-large) | negative-margins |
.nr7-ns | margin-right:-var(--spacing-extra-extra-extra-large) | negative-margins |
.nb1-ns | margin-bottom:-var(--spacing-extra-small) | negative-margins |
.nb2-ns | margin-bottom:-var(--spacing-small) | negative-margins |
.nb3-ns | margin-bottom:-var(--spacing-medium) | negative-margins |
.nb4-ns | margin-bottom:-var(--spacing-large) | negative-margins |
.nb5-ns | margin-bottom:-var(--spacing-extra-large) | negative-margins |
.nb6-ns | margin-bottom:-var(--spacing-extra-extra-large) | negative-margins |
.nb7-ns | margin-bottom:-var(--spacing-extra-extra-extra-large) | negative-margins |
.nt1-ns | margin-top:-var(--spacing-extra-small) | negative-margins |
.nt2-ns | margin-top:-var(--spacing-small) | negative-margins |
.nt3-ns | margin-top:-var(--spacing-medium) | negative-margins |
.nt4-ns | margin-top:-var(--spacing-large) | negative-margins |
.nt5-ns | margin-top:-var(--spacing-extra-large) | negative-margins |
.nt6-ns | margin-top:-var(--spacing-extra-extra-large) | negative-margins |
.nt7-ns | margin-top:-var(--spacing-extra-extra-extra-large) | negative-margins |
.na1-m | margin:-var(--spacing-extra-small) | negative-margins |
.na2-m | margin:-var(--spacing-small) | negative-margins |
.na3-m | margin:-var(--spacing-medium) | negative-margins |
.na4-m | margin:-var(--spacing-large) | negative-margins |
.na5-m | margin:-var(--spacing-extra-large) | negative-margins |
.na6-m | margin:-var(--spacing-extra-extra-large) | negative-margins |
.na7-m | margin:-var(--spacing-extra-extra-extra-large) | negative-margins |
.nl1-m | margin-left:-var(--spacing-extra-small) | negative-margins |
.nl2-m | margin-left:-var(--spacing-small) | negative-margins |
.nl3-m | margin-left:-var(--spacing-medium) | negative-margins |
.nl4-m | margin-left:-var(--spacing-large) | negative-margins |
.nl5-m | margin-left:-var(--spacing-extra-large) | negative-margins |
.nl6-m | margin-left:-var(--spacing-extra-extra-large) | negative-margins |
.nl7-m | margin-left:-var(--spacing-extra-extra-extra-large) | negative-margins |
.nr1-m | margin-right:-var(--spacing-extra-small) | negative-margins |
.nr2-m | margin-right:-var(--spacing-small) | negative-margins |
.nr3-m | margin-right:-var(--spacing-medium) | negative-margins |
.nr4-m | margin-right:-var(--spacing-large) | negative-margins |
.nr5-m | margin-right:-var(--spacing-extra-large) | negative-margins |
.nr6-m | margin-right:-var(--spacing-extra-extra-large) | negative-margins |
.nr7-m | margin-right:-var(--spacing-extra-extra-extra-large) | negative-margins |
.nb1-m | margin-bottom:-var(--spacing-extra-small) | negative-margins |
.nb2-m | margin-bottom:-var(--spacing-small) | negative-margins |
.nb3-m | margin-bottom:-var(--spacing-medium) | negative-margins |
.nb4-m | margin-bottom:-var(--spacing-large) | negative-margins |
.nb5-m | margin-bottom:-var(--spacing-extra-large) | negative-margins |
.nb6-m | margin-bottom:-var(--spacing-extra-extra-large) | negative-margins |
.nb7-m | margin-bottom:-var(--spacing-extra-extra-extra-large) | negative-margins |
.nt1-m | margin-top:-var(--spacing-extra-small) | negative-margins |
.nt2-m | margin-top:-var(--spacing-small) | negative-margins |
.nt3-m | margin-top:-var(--spacing-medium) | negative-margins |
.nt4-m | margin-top:-var(--spacing-large) | negative-margins |
.nt5-m | margin-top:-var(--spacing-extra-large) | negative-margins |
.nt6-m | margin-top:-var(--spacing-extra-extra-large) | negative-margins |
.nt7-m | margin-top:-var(--spacing-extra-extra-extra-large) | negative-margins |
.na1-l | margin:-var(--spacing-extra-small) | negative-margins |
.na2-l | margin:-var(--spacing-small) | negative-margins |
.na3-l | margin:-var(--spacing-medium) | negative-margins |
.na4-l | margin:-var(--spacing-large) | negative-margins |
.na5-l | margin:-var(--spacing-extra-large) | negative-margins |
.na6-l | margin:-var(--spacing-extra-extra-large) | negative-margins |
.na7-l | margin:-var(--spacing-extra-extra-extra-large) | negative-margins |
.nl1-l | margin-left:-var(--spacing-extra-small) | negative-margins |
.nl2-l | margin-left:-var(--spacing-small) | negative-margins |
.nl3-l | margin-left:-var(--spacing-medium) | negative-margins |
.nl4-l | margin-left:-var(--spacing-large) | negative-margins |
.nl5-l | margin-left:-var(--spacing-extra-large) | negative-margins |
.nl6-l | margin-left:-var(--spacing-extra-extra-large) | negative-margins |
.nl7-l | margin-left:-var(--spacing-extra-extra-extra-large) | negative-margins |
.nr1-l | margin-right:-var(--spacing-extra-small) | negative-margins |
.nr2-l | margin-right:-var(--spacing-small) | negative-margins |
.nr3-l | margin-right:-var(--spacing-medium) | negative-margins |
.nr4-l | margin-right:-var(--spacing-large) | negative-margins |
.nr5-l | margin-right:-var(--spacing-extra-large) | negative-margins |
.nr6-l | margin-right:-var(--spacing-extra-extra-large) | negative-margins |
.nr7-l | margin-right:-var(--spacing-extra-extra-extra-large) | negative-margins |
.nb1-l | margin-bottom:-var(--spacing-extra-small) | negative-margins |
.nb2-l | margin-bottom:-var(--spacing-small) | negative-margins |
.nb3-l | margin-bottom:-var(--spacing-medium) | negative-margins |
.nb4-l | margin-bottom:-var(--spacing-large) | negative-margins |
.nb5-l | margin-bottom:-var(--spacing-extra-large) | negative-margins |
.nb6-l | margin-bottom:-var(--spacing-extra-extra-large) | negative-margins |
.nb7-l | margin-bottom:-var(--spacing-extra-extra-extra-large) | negative-margins |
.nt1-l | margin-top:-var(--spacing-extra-small) | negative-margins |
.nt2-l | margin-top:-var(--spacing-small) | negative-margins |
.nt3-l | margin-top:-var(--spacing-medium) | negative-margins |
.nt4-l | margin-top:-var(--spacing-large) | negative-margins |
.nt5-l | margin-top:-var(--spacing-extra-large) | negative-margins |
.nt6-l | margin-top:-var(--spacing-extra-extra-large) | negative-margins |
.nt7-l | margin-top:-var(--spacing-extra-extra-extra-large) | negative-margins |
.collapse | border-collapse:collapse | tables |
.striped--light-silver:nth-child(odd) | background-color:var(--light-silver) | tables |
.striped--moon-gray:nth-child(odd) | background-color:var(--moon-gray) | tables |
.striped--light-gray:nth-child(odd) | background-color:var(--light-gray) | tables |
.striped--near-white:nth-child(odd) | background-color:var(--near-white) | tables |
.stripe-light:nth-child(odd) | background-color:var(--white-10) | tables |
.stripe-dark:nth-child(odd) | background-color:var(--black-10) | tables |
.strike | text-decoration:line-through | text-decoration |
.underline | text-decoration:underline | text-decoration |
.no-underline | text-decoration:none | text-decoration |
.strike-ns | text-decoration:line-through | text-decoration |
.underline-ns | text-decoration:underline | text-decoration |
.no-underline-ns | text-decoration:none | text-decoration |
.strike-m | text-decoration:line-through | text-decoration |
.underline-m | text-decoration:underline | text-decoration |
.no-underline-m | text-decoration:none | text-decoration |
.strike-l | text-decoration:line-through | text-decoration |
.underline-l | text-decoration:underline | text-decoration |
.no-underline-l | text-decoration:none | text-decoration |
.tl | text-align:left | text-align |
.tr | text-align:right | text-align |
.tc | text-align:center | text-align |
.tj | text-align:justify | text-align |
.tl-ns | text-align:left | text-align |
.tr-ns | text-align:right | text-align |
.tc-ns | text-align:center | text-align |
.tj-ns | text-align:justify | text-align |
.tl-m | text-align:left | text-align |
.tr-m | text-align:right | text-align |
.tc-m | text-align:center | text-align |
.tj-m | text-align:justify | text-align |
.tl-l | text-align:left | text-align |
.tr-l | text-align:right | text-align |
.tc-l | text-align:center | text-align |
.tj-l | text-align:justify | text-align |
.ttc | text-transform:capitalize | text-transform |
.ttl | text-transform:lowercase | text-transform |
.ttu | text-transform:uppercase | text-transform |
.ttn | text-transform:none | text-transform |
.ttc-ns | text-transform:capitalize | text-transform |
.ttl-ns | text-transform:lowercase | text-transform |
.ttu-ns | text-transform:uppercase | text-transform |
.ttn-ns | text-transform:none | text-transform |
.ttc-m | text-transform:capitalize | text-transform |
.ttl-m | text-transform:lowercase | text-transform |
.ttu-m | text-transform:uppercase | text-transform |
.ttn-m | text-transform:none | text-transform |
.ttc-l | text-transform:capitalize | text-transform |
.ttl-l | text-transform:lowercase | text-transform |
.ttu-l | text-transform:uppercase | text-transform |
.ttn-l | text-transform:none | text-transform |
.f-6, .f-headline | font-size:6rem | type-scale |
.f-5, .f-subheadline | font-size:5rem | type-scale |
.f1 | font-size:3rem | type-scale |
.f2 | font-size:2.25rem | type-scale |
.f3 | font-size:1.5rem | type-scale |
.f4 | font-size:1.25rem | type-scale |
.f5 | font-size:1rem | type-scale |
.f6 | font-size:.875rem | type-scale |
.f7 | font-size:.75rem | type-scale |
.f-6-ns, .f-headline-ns | font-size:6rem | type-scale |
.f-5-ns, .f-subheadline-ns | font-size:5rem | type-scale |
.f1-ns | font-size:3rem | type-scale |
.f2-ns | font-size:2.25rem | type-scale |
.f3-ns | font-size:1.5rem | type-scale |
.f4-ns | font-size:1.25rem | type-scale |
.f5-ns | font-size:1rem | type-scale |
.f6-ns | font-size:.875rem | type-scale |
.f7-ns | font-size:.75rem | type-scale |
.f-6-m, .f-headline-m | font-size:6rem | type-scale |
.f-5-m, .f-subheadline-m | font-size:5rem | type-scale |
.f1-m | font-size:3rem | type-scale |
.f2-m | font-size:2.25rem | type-scale |
.f3-m | font-size:1.5rem | type-scale |
.f4-m | font-size:1.25rem | type-scale |
.f5-m | font-size:1rem | type-scale |
.f6-m | font-size:.875rem | type-scale |
.f7-m | font-size:.75rem | type-scale |
.f-6-l, .f-headline-l | font-size:6rem | type-scale |
.f-5-l, .f-subheadline-l | font-size:5rem | type-scale |
.f1-l | font-size:3rem | type-scale |
.f2-l | font-size:2.25rem | type-scale |
.f3-l | font-size:1.5rem | type-scale |
.f4-l | font-size:1.25rem | type-scale |
.f5-l | font-size:1rem | type-scale |
.f6-l | font-size:.875rem | type-scale |
.f7-l | font-size:.75rem | type-scale |
.measure | max-width:30em | typography |
.measure-wide | max-width:34em | typography |
.measure-narrow | max-width:20em | typography |
.indent | text-indent:1em | typography |
.small-caps | font-variant:small-caps | typography |
.truncate | white-space:nowrap | typography |
.measure-ns | max-width:30em | typography |
.measure-wide-ns | max-width:34em | typography |
.measure-narrow-ns | max-width:20em | typography |
.indent-ns | text-indent:1em | typography |
.small-caps-ns | font-variant:small-caps | typography |
.truncate-ns | white-space:nowrap | typography |
.measure-m | max-width:30em | typography |
.measure-wide-m | max-width:34em | typography |
.measure-narrow-m | max-width:20em | typography |
.indent-m | text-indent:1em | typography |
.small-caps-m | font-variant:small-caps | typography |
.truncate-m | white-space:nowrap | typography |
.measure-l | max-width:30em | typography |
.measure-wide-l | max-width:34em | typography |
.measure-narrow-l | max-width:20em | typography |
.indent-l | text-indent:1em | typography |
.small-caps-l | font-variant:small-caps | typography |
.truncate-l | white-space:nowrap | typography |
.overflow-container | overflow-y:scroll | utilities |
.center | margin-right:auto | utilities |
.mr-auto | margin-right:auto | utilities |
.ml-auto | margin-left:auto | utilities |
.center-ns | margin-right:auto | utilities |
.mr-auto-ns | margin-right:auto | utilities |
.ml-auto-ns | margin-left:auto | utilities |
.center-m | margin-right:auto | utilities |
.mr-auto-m | margin-right:auto | utilities |
.ml-auto-m | margin-left:auto | utilities |
.center-l | margin-right:auto | utilities |
.mr-auto-l | margin-right:auto | utilities |
.ml-auto-l | margin-left:auto | utilities |
.clip | position:fixed | visibility |
.clip-ns | position:fixed | visibility |
.clip-m | position:fixed | visibility |
.clip-l | position:fixed | visibility |
.ws-normal | white-space:normal | white-space |
.nowrap | white-space:nowrap | white-space |
.pre | white-space:pre | white-space |
.ws-normal-ns | white-space:normal | white-space |
.nowrap-ns | white-space:nowrap | white-space |
.pre-ns | white-space:pre | white-space |
.ws-normal-m | white-space:normal | white-space |
.nowrap-m | white-space:nowrap | white-space |
.pre-m | white-space:pre | white-space |
.ws-normal-l | white-space:normal | white-space |
.nowrap-l | white-space:nowrap | white-space |
.pre-l | white-space:pre | white-space |
.v-base | vertical-align:baseline | vertical-align |
.v-mid | vertical-align:middle | vertical-align |
.v-top | vertical-align:top | vertical-align |
.v-btm | vertical-align:bottom | vertical-align |
.v-base-ns | vertical-align:baseline | vertical-align |
.v-mid-ns | vertical-align:middle | vertical-align |
.v-top-ns | vertical-align:top | vertical-align |
.v-btm-ns | vertical-align:bottom | vertical-align |
.v-base-m | vertical-align:baseline | vertical-align |
.v-mid-m | vertical-align:middle | vertical-align |
.v-top-m | vertical-align:top | vertical-align |
.v-btm-m | vertical-align:bottom | vertical-align |
.v-base-l | vertical-align:baseline | vertical-align |
.v-mid-l | vertical-align:middle | vertical-align |
.v-top-l | vertical-align:top | vertical-align |
.v-btm-l | vertical-align:bottom | vertical-align |
.dim | opacity:1 | hovers |
.dim:hover, .dim:focus | opacity:.5 | hovers |
.dim:active | opacity:.8 | hovers |
.glow | transition:opacity .15s ease-in | hovers |
.glow:hover, .glow:focus | opacity:1 | hovers |
.hide-child .child | opacity:0 | hovers |
.hide-child:hover .child, .hide-child:focus .child, .hide-child:active .child | opacity:1 | hovers |
.underline-hover:hover, .underline-hover:focus | text-decoration:underline | hovers |
.grow | -moz-osx-font-smoothing:grayscale | hovers |
.grow:hover, .grow:focus | transform:scale(1.05) | hovers |
.grow:active | transform:scale(.90) | hovers |
.grow-large | -moz-osx-font-smoothing:grayscale | hovers |
.grow-large:hover, .grow-large:focus | transform:scale(1.2) | hovers |
.grow-large:active | transform:scale(.95) | hovers |
.pointer:hover | cursor:pointer | hovers |
.shadow-hover | cursor:pointer | hovers |
.shadow-hover::after | content:'' | hovers |
.shadow-hover:hover::after, .shadow-hover:focus::after | opacity:1 | hovers |
.bg-animate, .bg-animate:hover, .bg-animate:focus | transition:background-color .15s ease-in-out | hovers |
.z-0 | z-index:0 | z-index |
.z-1 | z-index:1 | z-index |
.z-2 | z-index:2 | z-index |
.z-3 | z-index:3 | z-index |
.z-4 | z-index:4 | z-index |
.z-5 | z-index:5 | z-index |
.z-999 | z-index:999 | z-index |
.z-9999 | z-index:9999 | z-index |
.z-max | z-index:2147483647 | z-index |
.z-inherit | z-index:inherit | z-index |
.z-initial | z-index:initial | z-index |
.z-unset | z-index:unset | z-index |
.nested-copy-line-height p, .nested-copy-line-height ul, .nested-copy-line-height ol | line-height:1.5 | nested |
.nested-headline-line-height h1, .nested-headline-line-height h2, .nested-headline-line-height h3, .nested-headline-line-height h4, .nested-headline-line-height h5, .nested-headline-line-height h6 | line-height:1.25 | nested |
.nested-list-reset ul, .nested-list-reset ol | padding-left:0 | nested |
.nested-copy-indent p+p | text-indent:1em | nested |
.nested-copy-separator p+p | margin-top:1.5em | nested |
.nested-img img | width:100% | nested |
.nested-links a | color:var(--blue) | nested |
.nested-links a:hover, .nested-links a:focus | color:var(--light-blue) | nested |
.debug * | outline:1px solid gold | debug-children |
.debug-white * | outline:1px solid white | debug-children |
.debug-black * | outline:1px solid black | debug-children |
.debug-grid | background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAFElEQVR4AWPAC97/9x0eCsAEPgwAVLshdpENIxcAAAAASUVORK5CYII=) repeat top left | debug-grid |
.debug-grid-16 | background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMklEQVR4AWOgCLz/b0epAa6UGuBOqQHOQHLUgFEDnAbcBZ4UGwDOkiCnkIhdgNgNxAYAiYlD+8sEuo8AAAAASUVORK5CYII=) repeat top left | debug-grid |
.debug-grid-8-solid | background:white url(data:image/gif;base64,R0lGODdhCAAIAPEAAADw/wDx/////wAAACwAAAAACAAIAAACDZQvgaeb/lxbAIKA8y0AOw==) repeat top left | debug-grid |
.debug-grid-16-solid | background:white url(data:image/gif;base64,R0lGODdhEAAQAPEAAADw/wDx/xXy/////ywAAAAAEAAQAAACIZyPKckYDQFsb6ZqD85jZ2+BkwiRFKehhqQCQgDHcgwEBQA7) repeat top left | debug-grid |