/*! TACHYONS v4.12.0 | http://tachyons.io | modified to use bootstrap-inspired breakpoints and additional font sizes */ /* * * ________ ______ * ___ __/_____ _________ /______ ______________________ * __ / _ __ `/ ___/_ __ \_ / / / __ \_ __ \_ ___/ * _ / / /_/ // /__ _ / / / /_/ // /_/ / / / /(__ ) * /_/ \__,_/ \___/ /_/ /_/_\__, / \____//_/ /_//____/ * /____/ * * TABLE OF CONTENTS * * 2. Tachyons Modules * 3. Variables * - Colors * 4. Debugging * - Debug all * - Debug children * */ /* ASPECT RATIOS */ /* This is for fluid media that is embedded from third party sites like youtube, vimeo etc. * Wrap the outer element in aspect-ratio and then extend it with the desired ratio i.e * Make sure there are no height and width attributes on the embedded media. * Adapted from: https://github.com/suitcss/components-flex-embed * * Example: * *
* *
* * */ .tachyons.aspect-ratio, .nested-tachyons .aspect-ratio { height: 0; position: relative; } .tachyons.aspect-ratio--16x9, .nested-tachyons .aspect-ratio--16x9 { padding-bottom: 56.25%; } .tachyons.aspect-ratio--9x16, .nested-tachyons .aspect-ratio--9x16 { padding-bottom: 177.77%; } .tachyons.aspect-ratio--4x3, .nested-tachyons .aspect-ratio--4x3 { padding-bottom: 75%; } .tachyons.aspect-ratio--3x4, .nested-tachyons .aspect-ratio--3x4 { padding-bottom: 133.33%; } .tachyons.aspect-ratio--6x4, .nested-tachyons .aspect-ratio--6x4 { padding-bottom: 66.6%; } .tachyons.aspect-ratio--4x6, .nested-tachyons .aspect-ratio--4x6 { padding-bottom: 150%; } .tachyons.aspect-ratio--8x5, .nested-tachyons .aspect-ratio--8x5 { padding-bottom: 62.5%; } .tachyons.aspect-ratio--5x8, .nested-tachyons .aspect-ratio--5x8 { padding-bottom: 160%; } .tachyons.aspect-ratio--7x5, .nested-tachyons .aspect-ratio--7x5 { padding-bottom: 71.42%; } .tachyons.aspect-ratio--5x7, .nested-tachyons .aspect-ratio--5x7 { padding-bottom: 140%; } .tachyons.aspect-ratio--1x1, .nested-tachyons .aspect-ratio--1x1 { padding-bottom: 100%; } .tachyons.aspect-ratio--object, .nested-tachyons .aspect-ratio--object { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; } /* IMAGES Docs: http://tachyons.io/docs/elements/images/ */ /* Responsive images! */ img { max-width: 100%; } /* BACKGROUND SIZE Docs: http://tachyons.io/docs/themes/background-size/ Media Query Extensions: -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ /* Often used in combination with background image set as an inline style on an html element. */ .tachyons.cover, .nested-tachyons .cover { background-size: cover !important; } .tachyons.contain, .nested-tachyons .contain { background-size: contain !important; } /* BACKGROUND POSITION Base: bg = background Modifiers: -center = center center -top = top center -right = center right -bottom = bottom center -left = center left Media Query Extensions: -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .tachyons.bg-center, .nested-tachyons .bg-center { background-repeat: no-repeat; background-position: center center; } .tachyons.bg-top, .nested-tachyons .bg-top { background-repeat: no-repeat; background-position: top center; } .tachyons.bg-right, .nested-tachyons .bg-right { background-repeat: no-repeat; background-position: center right; } .tachyons.bg-bottom, .nested-tachyons .bg-bottom { background-repeat: no-repeat; background-position: bottom center; } .tachyons.bg-left, .nested-tachyons .bg-left { background-repeat: no-repeat; background-position: center left; } /* OUTLINES Media Query Extensions: -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .tachyons.outline, .nested-tachyons .outline { outline: 1px solid; } .tachyons.outline-transparent, .nested-tachyons .outline-transparent { outline: 1px solid transparent; } .tachyons.outline-0, .nested-tachyons .outline-0 { outline: 0; } /* BORDERS Docs: http://tachyons.io/docs/themes/borders/ Base: b = border Modifiers: a = all t = top r = right b = bottom l = left n = none Media Query Extensions: -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .tachyons.ba, .nested-tachyons .ba { border-style: solid; border-width: 1px; } .tachyons.bt, .nested-tachyons .bt { border-top-style: solid; border-top-width: 1px; } .tachyons.br, .nested-tachyons .br { border-right-style: solid; border-right-width: 1px; } .tachyons.bb, .nested-tachyons .bb { border-bottom-style: solid; border-bottom-width: 1px; } .tachyons.bl, .nested-tachyons .bl { border-left-style: solid; border-left-width: 1px; } .tachyons.bn, .nested-tachyons .bn { border-style: none; border-width: 0; } /* BORDER COLORS Docs: http://tachyons.io/docs/themes/borders/ Border colors can be used to extend the base border classes ba,bt,bb,br,bl found in the _borders.css file. The base border class by default will set the color of the border to that of the current text color. These classes are for the cases where you desire for the text and border colors to be different. Base: b = border Modifiers: --color-name = each color variable name is also a border color name */ .tachyons.b--black, .nested-tachyons .b--black { border-color: #000; } .tachyons.b--near-black, .nested-tachyons .b--near-black { border-color: #111; } .tachyons.b--dark-gray, .nested-tachyons .b--dark-gray { border-color: #333; } .tachyons.b--mid-gray, .nested-tachyons .b--mid-gray { border-color: #555; } .tachyons.b--gray, .nested-tachyons .b--gray { border-color: #777; } .tachyons.b--silver, .nested-tachyons .b--silver { border-color: #999; } .tachyons.b--light-silver, .nested-tachyons .b--light-silver { border-color: #aaa; } .tachyons.b--moon-gray, .nested-tachyons .b--moon-gray { border-color: #ccc; } .tachyons.b--light-gray, .nested-tachyons .b--light-gray { border-color: #eee; } .tachyons.b--near-white, .nested-tachyons .b--near-white { border-color: #f4f4f4; } .tachyons.b--white, .nested-tachyons .b--white { border-color: #fff; } .tachyons.b--white-90, .nested-tachyons .b--white-90 { border-color: rgba( 255, 255, 255, .9 ); } .tachyons.b--white-80, .nested-tachyons .b--white-80 { border-color: rgba( 255, 255, 255, .8 ); } .tachyons.b--white-70, .nested-tachyons .b--white-70 { border-color: rgba( 255, 255, 255, .7 ); } .tachyons.b--white-60, .nested-tachyons .b--white-60 { border-color: rgba( 255, 255, 255, .6 ); } .tachyons.b--white-50, .nested-tachyons .b--white-50 { border-color: rgba( 255, 255, 255, .5 ); } .tachyons.b--white-40, .nested-tachyons .b--white-40 { border-color: rgba( 255, 255, 255, .4 ); } .tachyons.b--white-30, .nested-tachyons .b--white-30 { border-color: rgba( 255, 255, 255, .3 ); } .tachyons.b--white-20, .nested-tachyons .b--white-20 { border-color: rgba( 255, 255, 255, .2 ); } .tachyons.b--white-10, .nested-tachyons .b--white-10 { border-color: rgba( 255, 255, 255, .1 ); } .tachyons.b--white-05, .nested-tachyons .b--white-05 { border-color: rgba( 255, 255, 255, .05 ); } .tachyons.b--white-025, .nested-tachyons .b--white-025 { border-color: rgba( 255, 255, 255, .025 ); } .tachyons.b--white-0125, .nested-tachyons .b--white-0125 { border-color: rgba( 255, 255, 255, .0125 ); } .tachyons.b--black-90, .nested-tachyons .b--black-90 { border-color: rgba( 0, 0, 0, .9 ); } .tachyons.b--black-80, .nested-tachyons .b--black-80 { border-color: rgba( 0, 0, 0, .8 ); } .tachyons.b--black-70, .nested-tachyons .b--black-70 { border-color: rgba( 0, 0, 0, .7 ); } .tachyons.b--black-60, .nested-tachyons .b--black-60 { border-color: rgba( 0, 0, 0, .6 ); } .tachyons.b--black-50, .nested-tachyons .b--black-50 { border-color: rgba( 0, 0, 0, .5 ); } .tachyons.b--black-40, .nested-tachyons .b--black-40 { border-color: rgba( 0, 0, 0, .4 ); } .tachyons.b--black-30, .nested-tachyons .b--black-30 { border-color: rgba( 0, 0, 0, .3 ); } .tachyons.b--black-20, .nested-tachyons .b--black-20 { border-color: rgba( 0, 0, 0, .2 ); } .tachyons.b--black-10, .nested-tachyons .b--black-10 { border-color: rgba( 0, 0, 0, .1 ); } .tachyons.b--black-05, .nested-tachyons .b--black-05 { border-color: rgba( 0, 0, 0, .05 ); } .tachyons.b--black-025, .nested-tachyons .b--black-025 { border-color: rgba( 0, 0, 0, .025 ); } .tachyons.b--black-0125, .nested-tachyons .b--black-0125 { border-color: rgba( 0, 0, 0, .0125 ); } .tachyons.b--dark-red, .nested-tachyons .b--dark-red { border-color: #e7040f; } .tachyons.b--red, .nested-tachyons .b--red { border-color: #ff4136; } .tachyons.b--light-red, .nested-tachyons .b--light-red { border-color: #ff725c; } .tachyons.b--orange, .nested-tachyons .b--orange { border-color: #ff6300; } .tachyons.b--gold, .nested-tachyons .b--gold { border-color: #ffb700; } .tachyons.b--yellow, .nested-tachyons .b--yellow { border-color: #ffd700; } .tachyons.b--light-yellow, .nested-tachyons .b--light-yellow { border-color: #fbf1a9; } .tachyons.b--purple, .nested-tachyons .b--purple { border-color: #5e2ca5; } .tachyons.b--light-purple, .nested-tachyons .b--light-purple { border-color: #a463f2; } .tachyons.b--dark-pink, .nested-tachyons .b--dark-pink { border-color: #d5008f; } .tachyons.b--hot-pink, .nested-tachyons .b--hot-pink { border-color: #ff41b4; } .tachyons.b--pink, .nested-tachyons .b--pink { border-color: #ff80cc; } .tachyons.b--light-pink, .nested-tachyons .b--light-pink { border-color: #ffa3d7; } .tachyons.b--dark-green, .nested-tachyons .b--dark-green { border-color: #137752; } .tachyons.b--green, .nested-tachyons .b--green { border-color: #19a974; } .tachyons.b--light-green, .nested-tachyons .b--light-green { border-color: #9eebcf; } .tachyons.b--navy, .nested-tachyons .b--navy { border-color: #001b44; } .tachyons.b--dark-blue, .nested-tachyons .b--dark-blue { border-color: #00449e; } .tachyons.b--blue, .nested-tachyons .b--blue { border-color: #357edd; } .tachyons.b--light-blue, .nested-tachyons .b--light-blue { border-color: #96ccff; } .tachyons.b--lightest-blue, .nested-tachyons .b--lightest-blue { border-color: #cdecff; } .tachyons.b--washed-blue, .nested-tachyons .b--washed-blue { border-color: #f6fffe; } .tachyons.b--washed-green, .nested-tachyons .b--washed-green { border-color: #e8fdf5; } .tachyons.b--washed-yellow, .nested-tachyons .b--washed-yellow { border-color: #fffceb; } .tachyons.b--washed-red, .nested-tachyons .b--washed-red { border-color: #ffdfdf; } .tachyons.b--transparent, .nested-tachyons .b--transparent { border-color: transparent; } .tachyons.b--inherit, .nested-tachyons .b--inherit { border-color: inherit; } .tachyons.b--initial, .nested-tachyons .b--initial { border-color: initial; } .tachyons.b--unset, .nested-tachyons .b--unset { border-color: unset; } /* BORDER RADIUS Docs: http://tachyons.io/docs/themes/border-radius/ Base: br = border-radius Modifiers: 0 = 0/none 1 = 1st step in scale 2 = 2nd step in scale 3 = 3rd step in scale 4 = 4th step in scale Literal values: -100 = 100% -pill = 9999px Media Query Extensions: -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .tachyons.br0, .nested-tachyons .br0 { border-radius: 0; } .tachyons.br1, .nested-tachyons .br1 { border-radius: .125rem; } .tachyons.br2, .nested-tachyons .br2 { border-radius: .25rem; } .tachyons.br3, .nested-tachyons .br3 { border-radius: .5rem; } .tachyons.br4, .nested-tachyons .br4 { border-radius: 1rem; } .tachyons.br-100, .nested-tachyons .br-100 { border-radius: 100%; } .tachyons.br-pill, .nested-tachyons .br-pill { border-radius: 9999px; } .tachyons.br--bottom, .nested-tachyons .br--bottom { border-top-left-radius: 0; border-top-right-radius: 0; } .tachyons.br--top, .nested-tachyons .br--top { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .tachyons.br--right, .nested-tachyons .br--right { border-top-left-radius: 0; border-bottom-left-radius: 0; } .tachyons.br--left, .nested-tachyons .br--left { border-top-right-radius: 0; border-bottom-right-radius: 0; } .tachyons.br-inherit, .nested-tachyons .br-inherit { border-radius: inherit; } .tachyons.br-initial, .nested-tachyons .br-initial { border-radius: initial; } .tachyons.br-unset, .nested-tachyons .br-unset { border-radius: unset; } /* BORDER STYLES Docs: http://tachyons.io/docs/themes/borders/ Depends on base border module in _borders.css Base: b = border-style Modifiers: --none = none --dotted = dotted --dashed = dashed --solid = solid Media Query Extensions: -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .tachyons.b--dotted, .nested-tachyons .b--dotted { border-style: dotted; } .tachyons.b--dashed, .nested-tachyons .b--dashed { border-style: dashed; } .tachyons.b--solid, .nested-tachyons .b--solid { border-style: solid; } .tachyons.b--none, .nested-tachyons .b--none { border-style: none; } /* BORDER WIDTHS Docs: http://tachyons.io/docs/themes/borders/ Base: bw = border-width Modifiers: 0 = 0 width border 1 = 1st step in border-width scale 2 = 2nd step in border-width scale 3 = 3rd step in border-width scale 4 = 4th step in border-width scale 5 = 5th step in border-width scale Media Query Extensions: -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .tachyons.bw0, .nested-tachyons .bw0 { border-width: 0; } .tachyons.bw1, .nested-tachyons .bw1 { border-width: .125rem; } .tachyons.bw2, .nested-tachyons .bw2 { border-width: .25rem; } .tachyons.bw3, .nested-tachyons .bw3 { border-width: .5rem; } .tachyons.bw4, .nested-tachyons .bw4 { border-width: 1rem; } .tachyons.bw5, .nested-tachyons .bw5 { border-width: 2rem; } /* Resets */ .tachyons.bt-0, .nested-tachyons .bt-0 { border-top-width: 0; } .tachyons.br-0, .nested-tachyons .br-0 { border-right-width: 0; } .tachyons.bb-0, .nested-tachyons .bb-0 { border-bottom-width: 0; } .tachyons.bl-0, .nested-tachyons .bl-0 { border-left-width: 0; } /* BOX-SHADOW Docs: http://tachyons.io/docs/themes/box-shadow/ Media Query Extensions: -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .tachyons.shadow-1, .nested-tachyons .shadow-1 { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); } .tachyons.shadow-2, .nested-tachyons .shadow-2 { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); } .tachyons.shadow-3, .nested-tachyons .shadow-3 { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); } .tachyons.shadow-4, .nested-tachyons .shadow-4 { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); } .tachyons.shadow-5, .nested-tachyons .shadow-5 { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); } /* CODE */ .tachyons.pre, .nested-tachyons .pre { overflow-x: auto; overflow-y: hidden; overflow: scroll; } /* COORDINATES Docs: http://tachyons.io/docs/layout/position/ Use in combination with the position module. Base: top bottom right left Modifiers: -0 = literal value 0 -1 = literal value 1 -2 = literal value 2 --1 = literal value -1 --2 = literal value -2 Media Query Extensions: -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .tachyons.top-0, .nested-tachyons .top-0 { top: 0; } .tachyons.right-0, .nested-tachyons .right-0 { right: 0; } .tachyons.bottom-0, .nested-tachyons .bottom-0 { bottom: 0; } .tachyons.left-0, .nested-tachyons .left-0 { left: 0; } .tachyons.top-1, .nested-tachyons .top-1 { top: 1rem; } .tachyons.right-1, .nested-tachyons .right-1 { right: 1rem; } .tachyons.bottom-1, .nested-tachyons .bottom-1 { bottom: 1rem; } .tachyons.left-1, .nested-tachyons .left-1 { left: 1rem; } .tachyons.top-2, .nested-tachyons .top-2 { top: 2rem; } .tachyons.right-2, .nested-tachyons .right-2 { right: 2rem; } .tachyons.bottom-2, .nested-tachyons .bottom-2 { bottom: 2rem; } .tachyons.left-2, .nested-tachyons .left-2 { left: 2rem; } .tachyons.top--1, .nested-tachyons .top--1 { top: -1rem; } .tachyons.right--1, .nested-tachyons .right--1 { right: -1rem; } .tachyons.bottom--1, .nested-tachyons .bottom--1 { bottom: -1rem; } .tachyons.left--1, .nested-tachyons .left--1 { left: -1rem; } .tachyons.top--2, .nested-tachyons .top--2 { top: -2rem; } .tachyons.right--2, .nested-tachyons .right--2 { right: -2rem; } .tachyons.bottom--2, .nested-tachyons .bottom--2 { bottom: -2rem; } .tachyons.left--2, .nested-tachyons .left--2 { left: -2rem; } .tachyons.absolute--fill, .nested-tachyons .absolute--fill { top: 0; right: 0; bottom: 0; left: 0; } /* CLEARFIX http://tachyons.io/docs/layout/clearfix/ */ /* Nicolas Gallaghers Clearfix solution Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */ .tachyons.cf:before, .tachyons.cf:after, .nested-tachyons .cf:before, .nested-tachyons .cf:after { content: " "; display: table; } .tachyons.cf:after, .nested-tachyons .cf:after { clear: both; } .tachyons.cf, .nested-tachyons .cf { *zoom: 1; } .tachyons.cl, .nested-tachyons .cl { clear: left; } .tachyons.cr, .nested-tachyons .cr { clear: right; } .tachyons.cb, .nested-tachyons .cb { clear: both; } .tachyons.cn, .nested-tachyons .cn { clear: none; } /* DISPLAY Docs: http://tachyons.io/docs/layout/display Base: d = display Modifiers: n = none b = block ib = inline-block it = inline-table t = table tc = table-cell t-row = table-row t-columm = table-column t-column-group = table-column-group Media Query Extensions: -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .tachyons.dn, .nested-tachyons .dn { display: none; } .tachyons.di, .nested-tachyons .di { display: inline; } .tachyons.db, .nested-tachyons .db { display: block; } .tachyons.dib, .nested-tachyons .dib { display: inline-block; } .tachyons.dit, .nested-tachyons .dit { display: inline-table; } .tachyons.dt, .nested-tachyons .dt { display: table; } .tachyons.dtc, .nested-tachyons .dtc { display: table-cell; } .tachyons.dt-row, .nested-tachyons .dt-row { display: table-row; } .tachyons.dt-row-group, .nested-tachyons .dt-row-group { display: table-row-group; } .tachyons.dt-column, .nested-tachyons .dt-column { display: table-column; } .tachyons.dt-column-group, .nested-tachyons .dt-column-group { display: table-column-group; } /* This will set table to full width and then all cells will be equal width */ .tachyons.dt--fixed, .nested-tachyons .dt--fixed { table-layout: fixed; width: 100%; } /* FLEXBOX Media Query Extensions: -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .tachyons.flex, .nested-tachyons .flex { display: flex; } .tachyons.inline-flex, .nested-tachyons .inline-flex { display: inline-flex; } /* 1. Fix for Chrome 44 bug. * https://code.google.com/p/chromium/issues/detail?id=506893 */ .tachyons.flex-auto, .nested-tachyons .flex-auto { flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ } .tachyons.flex-none, .nested-tachyons .flex-none { flex: none; } .tachyons.flex-column, .nested-tachyons .flex-column { flex-direction: column; } .tachyons.flex-row, .nested-tachyons .flex-row { flex-direction: row; } .tachyons.flex-wrap, .nested-tachyons .flex-wrap { flex-wrap: wrap; } .tachyons.flex-nowrap, .nested-tachyons .flex-nowrap { flex-wrap: nowrap; } .tachyons.flex-wrap-reverse, .nested-tachyons .flex-wrap-reverse { flex-wrap: wrap-reverse; } .tachyons.flex-column-reverse, .nested-tachyons .flex-column-reverse { flex-direction: column-reverse; } .tachyons.flex-row-reverse, .nested-tachyons .flex-row-reverse { flex-direction: row-reverse; } .tachyons.items-start, .nested-tachyons .items-start { align-items: flex-start; } .tachyons.items-end, .nested-tachyons .items-end { align-items: flex-end; } .tachyons.items-center, .nested-tachyons .items-center { align-items: center; } .tachyons.items-baseline, .nested-tachyons .items-baseline { align-items: baseline; } .tachyons.items-stretch, .nested-tachyons .items-stretch { align-items: stretch; } .tachyons.self-start, .nested-tachyons .self-start { align-self: flex-start; } .tachyons.self-end, .nested-tachyons .self-end { align-self: flex-end; } .tachyons.self-center, .nested-tachyons .self-center { align-self: center; } .tachyons.self-baseline, .nested-tachyons .self-baseline { align-self: baseline; } .tachyons.self-stretch, .nested-tachyons .self-stretch { align-self: stretch; } .tachyons.justify-start, .nested-tachyons .justify-start { justify-content: flex-start; } .tachyons.justify-end, .nested-tachyons .justify-end { justify-content: flex-end; } .tachyons.justify-center, .nested-tachyons .justify-center { justify-content: center; } .tachyons.justify-between, .nested-tachyons .justify-between { justify-content: space-between; } .tachyons.justify-around, .nested-tachyons .justify-around { justify-content: space-around; } .tachyons.content-start, .nested-tachyons .content-start { align-content: flex-start; } .tachyons.content-end, .nested-tachyons .content-end { align-content: flex-end; } .tachyons.content-center, .nested-tachyons .content-center { align-content: center; } .tachyons.content-between, .nested-tachyons .content-between { align-content: space-between; } .tachyons.content-around, .nested-tachyons .content-around { align-content: space-around; } .tachyons.content-stretch, .nested-tachyons .content-stretch { align-content: stretch; } .tachyons.order-0, .nested-tachyons .order-0 { order: 0; } .tachyons.order-1, .nested-tachyons .order-1 { order: 1; } .tachyons.order-2, .nested-tachyons .order-2 { order: 2; } .tachyons.order-3, .nested-tachyons .order-3 { order: 3; } .tachyons.order-4, .nested-tachyons .order-4 { order: 4; } .tachyons.order-5, .nested-tachyons .order-5 { order: 5; } .tachyons.order-6, .nested-tachyons .order-6 { order: 6; } .tachyons.order-7, .nested-tachyons .order-7 { order: 7; } .tachyons.order-8, .nested-tachyons .order-8 { order: 8; } .tachyons.order-last, .nested-tachyons .order-last { order: 99999; } .tachyons.flex-grow-0, .nested-tachyons .flex-grow-0 { flex-grow: 0; } .tachyons.flex-grow-1, .nested-tachyons .flex-grow-1 { flex-grow: 1; } .tachyons.flex-shrink-0, .nested-tachyons .flex-shrink-0 { flex-shrink: 0; } .tachyons.flex-shrink-1, .nested-tachyons .flex-shrink-1 { flex-shrink: 1; } /* FLOATS http://tachyons.io/docs/layout/floats/ 1. Floated elements are automatically rendered as block level elements. Setting floats to display inline will fix the double margin bug in ie6. You know... just in case. 2. Don't forget to clearfix your floats with .cf Base: f = float Modifiers: l = left r = right n = none Media Query Extensions: -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .tachyons.fl, .nested-tachyons .fl { float: left; _display: inline; } .tachyons.fr, .nested-tachyons .fr { float: right; _display: inline; } .tachyons.fn, .nested-tachyons .fn { float: none; } /* FONT FAMILY GROUPS Docs: http://tachyons.io/docs/typography/font-family/ */ .tachyons.sans-serif, .nested-tachyons .sans-serif { font-family: -apple-system, BlinkMacSystemFont, 'avenir next', avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, 'segoe ui', arial, sans-serif; } .tachyons.serif, .nested-tachyons .serif { font-family: georgia, times, serif; } .tachyons.system-sans-serif, .nested-tachyons .system-sans-serif { font-family: sans-serif; } .tachyons.system-serif, .nested-tachyons .system-serif { font-family: serif; } /* Monospaced Typefaces (for code) */ /* From http://cssfontstack.com */ code, .code { font-family: Consolas, monaco, monospace; } .tachyons.courier, .nested-tachyons .courier { font-family: 'Courier Next', courier, monospace; } /* Sans-Serif Typefaces */ .tachyons.helvetica, .nested-tachyons .helvetica { font-family: 'helvetica neue', helvetica, sans-serif; } .tachyons.avenir, .nested-tachyons .avenir { font-family: 'avenir next', avenir, sans-serif; } /* Serif Typefaces */ .tachyons.athelas, .nested-tachyons .athelas { font-family: athelas, georgia, serif; } .tachyons.georgia, .nested-tachyons .georgia { font-family: georgia, serif; } .tachyons.times, .nested-tachyons .times { font-family: times, serif; } .tachyons.bodoni, .nested-tachyons .bodoni { font-family: "Bodoni MT", serif; } .tachyons.calisto, .nested-tachyons .calisto { font-family: "Calisto MT", serif; } .tachyons.garamond, .nested-tachyons .garamond { font-family: garamond, serif; } .tachyons.baskerville, .nested-tachyons .baskerville { font-family: baskerville, serif; } /* FONT STYLE Docs: http://tachyons.io/docs/typography/font-style/ Media Query Extensions: -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .tachyons.i, .nested-tachyons .i { font-style: italic; } .tachyons.fs-normal, .nested-tachyons .fs-normal { font-style: normal; } /* FONT WEIGHT Docs: http://tachyons.io/docs/typography/font-weight/ Base fw = font-weight Modifiers: 1 = literal value 100 2 = literal value 200 3 = literal value 300 4 = literal value 400 5 = literal value 500 6 = literal value 600 7 = literal value 700 8 = literal value 800 9 = literal value 900 Media Query Extensions: -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .tachyons.normal, .nested-tachyons .normal { font-weight: normal; } .tachyons.b, .nested-tachyons .b { font-weight: bold; } .tachyons.fw1, .nested-tachyons .fw1 { font-weight: 100; } .tachyons.fw2, .nested-tachyons .fw2 { font-weight: 200; } .tachyons.fw3, .nested-tachyons .fw3 { font-weight: 300; } .tachyons.fw4, .nested-tachyons .fw4 { font-weight: 400; } .tachyons.fw5, .nested-tachyons .fw5 { font-weight: 500; } .tachyons.fw6, .nested-tachyons .fw6 { font-weight: 600; } .tachyons.fw7, .nested-tachyons .fw7 { font-weight: 700; } .tachyons.fw8, .nested-tachyons .fw8 { font-weight: 800; } .tachyons.fw9, .nested-tachyons .fw9 { font-weight: 900; } /* FORMS */ .tachyons.input-reset, .nested-tachyons .input-reset { -webkit-appearance: none; -moz-appearance: none; } .tachyons.button-reset::-moz-focus-inner,, .nested-tachyons .button-reset::-moz-focus-inner, .input-reset::-moz-focus-inner { border: 0; padding: 0; } /* HEIGHTS Docs: http://tachyons.io/docs/layout/heights/ Base: h = height min-h = min-height min-vh = min-height vertical screen height vh = vertical screen height Modifiers 1 = 1st step in height scale 2 = 2nd step in height scale 3 = 3rd step in height scale 4 = 4th step in height scale 5 = 5th step in height scale -25 = literal value 25% -50 = literal value 50% -75 = literal value 75% -100 = literal value 100% -auto = string value of auto -inherit = string value of inherit Media Query Extensions: -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ /* Height Scale */ .tachyons.h1, .nested-tachyons .h1 { height: 1rem; } .tachyons.h2, .nested-tachyons .h2 { height: 2rem; } .tachyons.h3, .nested-tachyons .h3 { height: 4rem; } .tachyons.h4, .nested-tachyons .h4 { height: 8rem; } .tachyons.h5, .nested-tachyons .h5 { height: 16rem; } /* Height Percentages - Based off of height of parent */ .tachyons.h-25, .nested-tachyons .h-25 { height: 25%; } .tachyons.h-50, .nested-tachyons .h-50 { height: 50%; } .tachyons.h-75, .nested-tachyons .h-75 { height: 75%; } .tachyons.h-100, .nested-tachyons .h-100 { height: 100%; } .tachyons.min-h-100, .nested-tachyons .min-h-100 { min-height: 100%; } /* Screen Height Percentage */ .tachyons.vh-25, .nested-tachyons .vh-25 { height: 25vh; } .tachyons.vh-50, .nested-tachyons .vh-50 { height: 50vh; } .tachyons.vh-75, .nested-tachyons .vh-75 { height: 75vh; } .tachyons.vh-100, .nested-tachyons .vh-100 { height: 100vh; } .tachyons.min-vh-100, .nested-tachyons .min-vh-100 { min-height: 100vh; } /* String Properties */ .tachyons.h-auto, .nested-tachyons .h-auto { height: auto; } .tachyons.h-inherit, .nested-tachyons .h-inherit { height: inherit; } /* LETTER SPACING Docs: http://tachyons.io/docs/typography/tracking/ Media Query Extensions: -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .tachyons.tracked, .nested-tachyons .tracked { letter-spacing: .1em; } .tachyons.tracked-tight, .nested-tachyons .tracked-tight { letter-spacing: -.05em; } .tachyons.tracked-mega, .nested-tachyons .tracked-mega { letter-spacing: .25em; } /* LINE HEIGHT / LEADING Docs: http://tachyons.io/docs/typography/line-height Media Query Extensions: -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .tachyons.lh-solid, .nested-tachyons .lh-solid { line-height: 1; } .tachyons.lh-title, .nested-tachyons .lh-title { line-height: 1.25; } .tachyons.lh-copy, .nested-tachyons .lh-copy { line-height: 1.5; } /* LINKS Docs: http://tachyons.io/docs/elements/links/ */ .tachyons.link, .nested-tachyons .link { text-decoration: none; transition: color .15s ease-in; } .tachyons.link:link,, .nested-tachyons .link:link, .link:visited { transition: color .15s ease-in; } .tachyons.link:hover, .nested-tachyons .link:hover { transition: color .15s ease-in; } .tachyons.link:active, .nested-tachyons .link:active { transition: color .15s ease-in; } .tachyons.link:focus, .nested-tachyons .link:focus { transition: color .15s ease-in; outline: 1px dotted currentColor; } /* LISTS http://tachyons.io/docs/elements/lists/ */ .tachyons.list, .nested-tachyons .list { list-style-type: none; } /* MAX WIDTHS Docs: http://tachyons.io/docs/layout/max-widths/ Base: mw = max-width Modifiers 1 = 1st step in width scale 2 = 2nd step in width scale 3 = 3rd step in width scale 4 = 4th step in width scale 5 = 5th step in width scale 6 = 6st step in width scale 7 = 7nd step in width scale 8 = 8rd step in width scale 9 = 9th step in width scale -100 = literal value 100% -none = string value none Media Query Extensions: -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ /* Max Width Percentages */ .tachyons.mw-100, .nested-tachyons .mw-100 { max-width: 100%; } /* Max Width Scale */ .tachyons.mw1, .nested-tachyons .mw1 { max-width: 1rem; } .tachyons.mw2, .nested-tachyons .mw2 { max-width: 2rem; } .tachyons.mw3, .nested-tachyons .mw3 { max-width: 4rem; } .tachyons.mw4, .nested-tachyons .mw4 { max-width: 8rem; } .tachyons.mw5, .nested-tachyons .mw5 { max-width: 16rem; } .tachyons.mw6, .nested-tachyons .mw6 { max-width: 32rem; } .tachyons.mw7, .nested-tachyons .mw7 { max-width: 48rem; } .tachyons.mw8, .nested-tachyons .mw8 { max-width: 64rem; } .tachyons.mw9, .nested-tachyons .mw9 { max-width: 96rem; } /* Max Width String Properties */ .tachyons.mw-none, .nested-tachyons .mw-none { max-width: none; } /* WIDTHS Docs: http://tachyons.io/docs/layout/widths/ Base: w = width Modifiers 1 = 1st step in width scale 2 = 2nd step in width scale 3 = 3rd step in width scale 4 = 4th step in width scale 5 = 5th step in width scale -10 = literal value 10% -20 = literal value 20% -25 = literal value 25% -30 = literal value 30% -33 = literal value 33% -34 = literal value 34% -40 = literal value 40% -50 = literal value 50% -60 = literal value 60% -70 = literal value 70% -75 = literal value 75% -80 = literal value 80% -90 = literal value 90% -100 = literal value 100% -third = 100% / 3 (Not supported in opera mini or IE8) -two-thirds = 100% / 1.5 (Not supported in opera mini or IE8) -auto = string value auto Media Query Extensions: -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ /* Width Scale */ .tachyons.w1, .nested-tachyons .w1 { width: 1rem; } .tachyons.w2, .nested-tachyons .w2 { width: 2rem; } .tachyons.w3, .nested-tachyons .w3 { width: 4rem; } .tachyons.w4, .nested-tachyons .w4 { width: 8rem; } .tachyons.w5, .nested-tachyons .w5 { width: 16rem; } .tachyons.w-10, .nested-tachyons .w-10 { width: 10%; } .tachyons.w-20, .nested-tachyons .w-20 { width: 20%; } .tachyons.w-25, .nested-tachyons .w-25 { width: 25%; } .tachyons.w-30, .nested-tachyons .w-30 { width: 30%; } .tachyons.w-33, .nested-tachyons .w-33 { width: 33%; } .tachyons.w-34, .nested-tachyons .w-34 { width: 34%; } .tachyons.w-40, .nested-tachyons .w-40 { width: 40%; } .tachyons.w-50, .nested-tachyons .w-50 { width: 50%; } .tachyons.w-60, .nested-tachyons .w-60 { width: 60%; } .tachyons.w-70, .nested-tachyons .w-70 { width: 70%; } .tachyons.w-75, .nested-tachyons .w-75 { width: 75%; } .tachyons.w-80, .nested-tachyons .w-80 { width: 80%; } .tachyons.w-90, .nested-tachyons .w-90 { width: 90%; } .tachyons.w-100, .nested-tachyons .w-100 { width: 100%; } .tachyons.w-third, .nested-tachyons .w-third { width: 33.33333%; } .tachyons.w-two-thirds, .nested-tachyons .w-two-thirds { width: 66.66667%; } .tachyons.w-auto, .nested-tachyons .w-auto { width: auto; } /* OVERFLOW Media Query Extensions: -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .tachyons.overflow-visible, .nested-tachyons .overflow-visible { overflow: visible; } .tachyons.overflow-hidden, .nested-tachyons .overflow-hidden { overflow: hidden; } .tachyons.overflow-scroll, .nested-tachyons .overflow-scroll { overflow: scroll; } .tachyons.overflow-auto, .nested-tachyons .overflow-auto { overflow: auto; } .tachyons.overflow-x-visible, .nested-tachyons .overflow-x-visible { overflow-x: visible; } .tachyons.overflow-x-hidden, .nested-tachyons .overflow-x-hidden { overflow-x: hidden; } .tachyons.overflow-x-scroll, .nested-tachyons .overflow-x-scroll { overflow-x: scroll; } .tachyons.overflow-x-auto, .nested-tachyons .overflow-x-auto { overflow-x: auto; } .tachyons.overflow-y-visible, .nested-tachyons .overflow-y-visible { overflow-y: visible; } .tachyons.overflow-y-hidden, .nested-tachyons .overflow-y-hidden { overflow-y: hidden; } .tachyons.overflow-y-scroll, .nested-tachyons .overflow-y-scroll { overflow-y: scroll; } .tachyons.overflow-y-auto, .nested-tachyons .overflow-y-auto { overflow-y: auto; } /* POSITIONING Docs: http://tachyons.io/docs/layout/position/ Media Query Extensions: -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .tachyons.static, .nested-tachyons .static { position: static; } .tachyons.relative, .nested-tachyons .relative { position: relative; } .tachyons.absolute, .nested-tachyons .absolute { position: absolute; } .tachyons.fixed, .nested-tachyons .fixed { position: fixed; } /* OPACITY Docs: http://tachyons.io/docs/themes/opacity/ */ .tachyons.o-100, .nested-tachyons .o-100 { opacity: 1; } .tachyons.o-90, .nested-tachyons .o-90 { opacity: .9; } .tachyons.o-80, .nested-tachyons .o-80 { opacity: .8; } .tachyons.o-70, .nested-tachyons .o-70 { opacity: .7; } .tachyons.o-60, .nested-tachyons .o-60 { opacity: .6; } .tachyons.o-50, .nested-tachyons .o-50 { opacity: .5; } .tachyons.o-40, .nested-tachyons .o-40 { opacity: .4; } .tachyons.o-30, .nested-tachyons .o-30 { opacity: .3; } .tachyons.o-20, .nested-tachyons .o-20 { opacity: .2; } .tachyons.o-10, .nested-tachyons .o-10 { opacity: .1; } .tachyons.o-05, .nested-tachyons .o-05 { opacity: .05; } .tachyons.o-025, .nested-tachyons .o-025 { opacity: .025; } .tachyons.o-0, .nested-tachyons .o-0 { opacity: 0; } /* ROTATIONS */ .tachyons.rotate-45, .nested-tachyons .rotate-45 { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); } .tachyons.rotate-90, .nested-tachyons .rotate-90 { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); } .tachyons.rotate-135, .nested-tachyons .rotate-135 { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); } .tachyons.rotate-180, .nested-tachyons .rotate-180 { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); } .tachyons.rotate-225, .nested-tachyons .rotate-225 { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); } .tachyons.rotate-270, .nested-tachyons .rotate-270 { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); } .tachyons.rotate-315, .nested-tachyons .rotate-315 { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); } /* SKINS Docs: http://tachyons.io/docs/themes/skins/ Classes for setting foreground and background colors on elements. If you haven't declared a border color, but set border on an element, it will be set to the current text color. */ /* Text colors */ .tachyons.black-90, .nested-tachyons .black-90 { color: rgba( 0, 0, 0, .9 ); } .tachyons.black-80, .nested-tachyons .black-80 { color: rgba( 0, 0, 0, .8 ); } .tachyons.black-70, .nested-tachyons .black-70 { color: rgba( 0, 0, 0, .7 ); } .tachyons.black-60, .nested-tachyons .black-60 { color: rgba( 0, 0, 0, .6 ); } .tachyons.black-50, .nested-tachyons .black-50 { color: rgba( 0, 0, 0, .5 ); } .tachyons.black-40, .nested-tachyons .black-40 { color: rgba( 0, 0, 0, .4 ); } .tachyons.black-30, .nested-tachyons .black-30 { color: rgba( 0, 0, 0, .3 ); } .tachyons.black-20, .nested-tachyons .black-20 { color: rgba( 0, 0, 0, .2 ); } .tachyons.black-10, .nested-tachyons .black-10 { color: rgba( 0, 0, 0, .1 ); } .tachyons.black-05, .nested-tachyons .black-05 { color: rgba( 0, 0, 0, .05 ); } .tachyons.white-90, .nested-tachyons .white-90 { color: rgba( 255, 255, 255, .9 ); } .tachyons.white-80, .nested-tachyons .white-80 { color: rgba( 255, 255, 255, .8 ); } .tachyons.white-70, .nested-tachyons .white-70 { color: rgba( 255, 255, 255, .7 ); } .tachyons.white-60, .nested-tachyons .white-60 { color: rgba( 255, 255, 255, .6 ); } .tachyons.white-50, .nested-tachyons .white-50 { color: rgba( 255, 255, 255, .5 ); } .tachyons.white-40, .nested-tachyons .white-40 { color: rgba( 255, 255, 255, .4 ); } .tachyons.white-30, .nested-tachyons .white-30 { color: rgba( 255, 255, 255, .3 ); } .tachyons.white-20, .nested-tachyons .white-20 { color: rgba( 255, 255, 255, .2 ); } .tachyons.white-10, .nested-tachyons .white-10 { color: rgba( 255, 255, 255, .1 ); } .tachyons.black, .nested-tachyons .black { color: #000; } .tachyons.near-black, .nested-tachyons .near-black { color: #111; } .tachyons.dark-gray, .nested-tachyons .dark-gray { color: #333; } .tachyons.mid-gray, .nested-tachyons .mid-gray { color: #555; } .tachyons.gray, .nested-tachyons .gray { color: #777; } .tachyons.silver, .nested-tachyons .silver { color: #999; } .tachyons.light-silver, .nested-tachyons .light-silver { color: #aaa; } .tachyons.moon-gray, .nested-tachyons .moon-gray { color: #ccc; } .tachyons.light-gray, .nested-tachyons .light-gray { color: #eee; } .tachyons.near-white, .nested-tachyons .near-white { color: #f4f4f4; } .tachyons.white, .nested-tachyons .white { color: #fff; } .tachyons.dark-red, .nested-tachyons .dark-red { color: #e7040f; } .tachyons.red, .nested-tachyons .red { color: #ff4136; } .tachyons.light-red, .nested-tachyons .light-red { color: #ff725c; } .tachyons.orange, .nested-tachyons .orange { color: #ff6300; } .tachyons.gold, .nested-tachyons .gold { color: #ffb700; } .tachyons.yellow, .nested-tachyons .yellow { color: #ffd700; } .tachyons.light-yellow, .nested-tachyons .light-yellow { color: #fbf1a9; } .tachyons.purple, .nested-tachyons .purple { color: #5e2ca5; } .tachyons.light-purple, .nested-tachyons .light-purple { color: #a463f2; } .tachyons.dark-pink, .nested-tachyons .dark-pink { color: #d5008f; } .tachyons.hot-pink, .nested-tachyons .hot-pink { color: #ff41b4; } .tachyons.pink, .nested-tachyons .pink { color: #ff80cc; } .tachyons.light-pink, .nested-tachyons .light-pink { color: #ffa3d7; } .tachyons.dark-green, .nested-tachyons .dark-green { color: #137752; } .tachyons.green, .nested-tachyons .green { color: #19a974; } .tachyons.light-green, .nested-tachyons .light-green { color: #9eebcf; } .tachyons.navy, .nested-tachyons .navy { color: #001b44; } .tachyons.dark-blue, .nested-tachyons .dark-blue { color: #00449e; } .tachyons.blue, .nested-tachyons .blue { color: #357edd; } .tachyons.light-blue, .nested-tachyons .light-blue { color: #96ccff; } .tachyons.lightest-blue, .nested-tachyons .lightest-blue { color: #cdecff; } .tachyons.washed-blue, .nested-tachyons .washed-blue { color: #f6fffe; } .tachyons.washed-green, .nested-tachyons .washed-green { color: #e8fdf5; } .tachyons.washed-yellow, .nested-tachyons .washed-yellow { color: #fffceb; } .tachyons.washed-red, .nested-tachyons .washed-red { color: #ffdfdf; } .tachyons.color-inherit, .nested-tachyons .color-inherit { color: inherit; } /* Background colors */ .tachyons.bg-black-90, .nested-tachyons .bg-black-90 { background-color: rgba( 0, 0, 0, .9 ); } .tachyons.bg-black-80, .nested-tachyons .bg-black-80 { background-color: rgba( 0, 0, 0, .8 ); } .tachyons.bg-black-70, .nested-tachyons .bg-black-70 { background-color: rgba( 0, 0, 0, .7 ); } .tachyons.bg-black-60, .nested-tachyons .bg-black-60 { background-color: rgba( 0, 0, 0, .6 ); } .tachyons.bg-black-50, .nested-tachyons .bg-black-50 { background-color: rgba( 0, 0, 0, .5 ); } .tachyons.bg-black-40, .nested-tachyons .bg-black-40 { background-color: rgba( 0, 0, 0, .4 ); } .tachyons.bg-black-30, .nested-tachyons .bg-black-30 { background-color: rgba( 0, 0, 0, .3 ); } .tachyons.bg-black-20, .nested-tachyons .bg-black-20 { background-color: rgba( 0, 0, 0, .2 ); } .tachyons.bg-black-10, .nested-tachyons .bg-black-10 { background-color: rgba( 0, 0, 0, .1 ); } .tachyons.bg-black-05, .nested-tachyons .bg-black-05 { background-color: rgba( 0, 0, 0, .05 ); } .tachyons.bg-white-90, .nested-tachyons .bg-white-90 { background-color: rgba( 255, 255, 255, .9 ); } .tachyons.bg-white-80, .nested-tachyons .bg-white-80 { background-color: rgba( 255, 255, 255, .8 ); } .tachyons.bg-white-70, .nested-tachyons .bg-white-70 { background-color: rgba( 255, 255, 255, .7 ); } .tachyons.bg-white-60, .nested-tachyons .bg-white-60 { background-color: rgba( 255, 255, 255, .6 ); } .tachyons.bg-white-50, .nested-tachyons .bg-white-50 { background-color: rgba( 255, 255, 255, .5 ); } .tachyons.bg-white-40, .nested-tachyons .bg-white-40 { background-color: rgba( 255, 255, 255, .4 ); } .tachyons.bg-white-30, .nested-tachyons .bg-white-30 { background-color: rgba( 255, 255, 255, .3 ); } .tachyons.bg-white-20, .nested-tachyons .bg-white-20 { background-color: rgba( 255, 255, 255, .2 ); } .tachyons.bg-white-10, .nested-tachyons .bg-white-10 { background-color: rgba( 255, 255, 255, .1 ); } .tachyons.bg-black, .nested-tachyons .bg-black { background-color: #000; } .tachyons.bg-near-black, .nested-tachyons .bg-near-black { background-color: #111; } .tachyons.bg-dark-gray, .nested-tachyons .bg-dark-gray { background-color: #333; } .tachyons.bg-mid-gray, .nested-tachyons .bg-mid-gray { background-color: #555; } .tachyons.bg-gray, .nested-tachyons .bg-gray { background-color: #777; } .tachyons.bg-silver, .nested-tachyons .bg-silver { background-color: #999; } .tachyons.bg-light-silver, .nested-tachyons .bg-light-silver { background-color: #aaa; } .tachyons.bg-moon-gray, .nested-tachyons .bg-moon-gray { background-color: #ccc; } .tachyons.bg-light-gray, .nested-tachyons .bg-light-gray { background-color: #eee; } .tachyons.bg-near-white, .nested-tachyons .bg-near-white { background-color: #f4f4f4; } .tachyons.bg-white, .nested-tachyons .bg-white { background-color: #fff; } .tachyons.bg-transparent, .nested-tachyons .bg-transparent { background-color: transparent; } .tachyons.bg-dark-red, .nested-tachyons .bg-dark-red { background-color: #e7040f; } .tachyons.bg-red, .nested-tachyons .bg-red { background-color: #ff4136; } .tachyons.bg-light-red, .nested-tachyons .bg-light-red { background-color: #ff725c; } .tachyons.bg-orange, .nested-tachyons .bg-orange { background-color: #ff6300; } .tachyons.bg-gold, .nested-tachyons .bg-gold { background-color: #ffb700; } .tachyons.bg-yellow, .nested-tachyons .bg-yellow { background-color: #ffd700; } .tachyons.bg-light-yellow, .nested-tachyons .bg-light-yellow { background-color: #fbf1a9; } .tachyons.bg-purple, .nested-tachyons .bg-purple { background-color: #5e2ca5; } .tachyons.bg-light-purple, .nested-tachyons .bg-light-purple { background-color: #a463f2; } .tachyons.bg-dark-pink, .nested-tachyons .bg-dark-pink { background-color: #d5008f; } .tachyons.bg-hot-pink, .nested-tachyons .bg-hot-pink { background-color: #ff41b4; } .tachyons.bg-pink, .nested-tachyons .bg-pink { background-color: #ff80cc; } .tachyons.bg-light-pink, .nested-tachyons .bg-light-pink { background-color: #ffa3d7; } .tachyons.bg-dark-green, .nested-tachyons .bg-dark-green { background-color: #137752; } .tachyons.bg-green, .nested-tachyons .bg-green { background-color: #19a974; } .tachyons.bg-light-green, .nested-tachyons .bg-light-green { background-color: #9eebcf; } .tachyons.bg-navy, .nested-tachyons .bg-navy { background-color: #001b44; } .tachyons.bg-dark-blue, .nested-tachyons .bg-dark-blue { background-color: #00449e; } .tachyons.bg-blue, .nested-tachyons .bg-blue { background-color: #357edd; } .tachyons.bg-light-blue, .nested-tachyons .bg-light-blue { background-color: #96ccff; } .tachyons.bg-lightest-blue, .nested-tachyons .bg-lightest-blue { background-color: #cdecff; } .tachyons.bg-washed-blue, .nested-tachyons .bg-washed-blue { background-color: #f6fffe; } .tachyons.bg-washed-green, .nested-tachyons .bg-washed-green { background-color: #e8fdf5; } .tachyons.bg-washed-yellow, .nested-tachyons .bg-washed-yellow { background-color: #fffceb; } .tachyons.bg-washed-red, .nested-tachyons .bg-washed-red { background-color: #ffdfdf; } .tachyons.bg-inherit, .nested-tachyons .bg-inherit { background-color: inherit; } /* SKINS:PSEUDO Customize the color of an element when it is focused or hovered over. */ .tachyons.hover-black:hover, .nested-tachyons .hover-black:hover { color: #000; } .tachyons.hover-black:focus, .nested-tachyons .hover-black:focus { color: #000; } .tachyons.hover-near-black:hover, .nested-tachyons .hover-near-black:hover { color: #111; } .tachyons.hover-near-black:focus, .nested-tachyons .hover-near-black:focus { color: #111; } .tachyons.hover-dark-gray:hover, .nested-tachyons .hover-dark-gray:hover { color: #333; } .tachyons.hover-dark-gray:focus, .nested-tachyons .hover-dark-gray:focus { color: #333; } .tachyons.hover-mid-gray:hover, .nested-tachyons .hover-mid-gray:hover { color: #555; } .tachyons.hover-mid-gray:focus, .nested-tachyons .hover-mid-gray:focus { color: #555; } .tachyons.hover-gray:hover, .nested-tachyons .hover-gray:hover { color: #777; } .tachyons.hover-gray:focus, .nested-tachyons .hover-gray:focus { color: #777; } .tachyons.hover-silver:hover, .nested-tachyons .hover-silver:hover { color: #999; } .tachyons.hover-silver:focus, .nested-tachyons .hover-silver:focus { color: #999; } .tachyons.hover-light-silver:hover, .nested-tachyons .hover-light-silver:hover { color: #aaa; } .tachyons.hover-light-silver:focus, .nested-tachyons .hover-light-silver:focus { color: #aaa; } .tachyons.hover-moon-gray:hover, .nested-tachyons .hover-moon-gray:hover { color: #ccc; } .tachyons.hover-moon-gray:focus, .nested-tachyons .hover-moon-gray:focus { color: #ccc; } .tachyons.hover-light-gray:hover, .nested-tachyons .hover-light-gray:hover { color: #eee; } .tachyons.hover-light-gray:focus, .nested-tachyons .hover-light-gray:focus { color: #eee; } .tachyons.hover-near-white:hover, .nested-tachyons .hover-near-white:hover { color: #f4f4f4; } .tachyons.hover-near-white:focus, .nested-tachyons .hover-near-white:focus { color: #f4f4f4; } .tachyons.hover-white:hover, .nested-tachyons .hover-white:hover { color: #fff; } .tachyons.hover-white:focus, .nested-tachyons .hover-white:focus { color: #fff; } .tachyons.hover-black-90:hover, .nested-tachyons .hover-black-90:hover { color: rgba( 0, 0, 0, .9 ); } .tachyons.hover-black-90:focus, .nested-tachyons .hover-black-90:focus { color: rgba( 0, 0, 0, .9 ); } .tachyons.hover-black-80:hover, .nested-tachyons .hover-black-80:hover { color: rgba( 0, 0, 0, .8 ); } .tachyons.hover-black-80:focus, .nested-tachyons .hover-black-80:focus { color: rgba( 0, 0, 0, .8 ); } .tachyons.hover-black-70:hover, .nested-tachyons .hover-black-70:hover { color: rgba( 0, 0, 0, .7 ); } .tachyons.hover-black-70:focus, .nested-tachyons .hover-black-70:focus { color: rgba( 0, 0, 0, .7 ); } .tachyons.hover-black-60:hover, .nested-tachyons .hover-black-60:hover { color: rgba( 0, 0, 0, .6 ); } .tachyons.hover-black-60:focus, .nested-tachyons .hover-black-60:focus { color: rgba( 0, 0, 0, .6 ); } .tachyons.hover-black-50:hover, .nested-tachyons .hover-black-50:hover { color: rgba( 0, 0, 0, .5 ); } .tachyons.hover-black-50:focus, .nested-tachyons .hover-black-50:focus { color: rgba( 0, 0, 0, .5 ); } .tachyons.hover-black-40:hover, .nested-tachyons .hover-black-40:hover { color: rgba( 0, 0, 0, .4 ); } .tachyons.hover-black-40:focus, .nested-tachyons .hover-black-40:focus { color: rgba( 0, 0, 0, .4 ); } .tachyons.hover-black-30:hover, .nested-tachyons .hover-black-30:hover { color: rgba( 0, 0, 0, .3 ); } .tachyons.hover-black-30:focus, .nested-tachyons .hover-black-30:focus { color: rgba( 0, 0, 0, .3 ); } .tachyons.hover-black-20:hover, .nested-tachyons .hover-black-20:hover { color: rgba( 0, 0, 0, .2 ); } .tachyons.hover-black-20:focus, .nested-tachyons .hover-black-20:focus { color: rgba( 0, 0, 0, .2 ); } .tachyons.hover-black-10:hover, .nested-tachyons .hover-black-10:hover { color: rgba( 0, 0, 0, .1 ); } .tachyons.hover-black-10:focus, .nested-tachyons .hover-black-10:focus { color: rgba( 0, 0, 0, .1 ); } .tachyons.hover-white-90:hover, .nested-tachyons .hover-white-90:hover { color: rgba( 255, 255, 255, .9 ); } .tachyons.hover-white-90:focus, .nested-tachyons .hover-white-90:focus { color: rgba( 255, 255, 255, .9 ); } .tachyons.hover-white-80:hover, .nested-tachyons .hover-white-80:hover { color: rgba( 255, 255, 255, .8 ); } .tachyons.hover-white-80:focus, .nested-tachyons .hover-white-80:focus { color: rgba( 255, 255, 255, .8 ); } .tachyons.hover-white-70:hover, .nested-tachyons .hover-white-70:hover { color: rgba( 255, 255, 255, .7 ); } .tachyons.hover-white-70:focus, .nested-tachyons .hover-white-70:focus { color: rgba( 255, 255, 255, .7 ); } .tachyons.hover-white-60:hover, .nested-tachyons .hover-white-60:hover { color: rgba( 255, 255, 255, .6 ); } .tachyons.hover-white-60:focus, .nested-tachyons .hover-white-60:focus { color: rgba( 255, 255, 255, .6 ); } .tachyons.hover-white-50:hover, .nested-tachyons .hover-white-50:hover { color: rgba( 255, 255, 255, .5 ); } .tachyons.hover-white-50:focus, .nested-tachyons .hover-white-50:focus { color: rgba( 255, 255, 255, .5 ); } .tachyons.hover-white-40:hover, .nested-tachyons .hover-white-40:hover { color: rgba( 255, 255, 255, .4 ); } .tachyons.hover-white-40:focus, .nested-tachyons .hover-white-40:focus { color: rgba( 255, 255, 255, .4 ); } .tachyons.hover-white-30:hover, .nested-tachyons .hover-white-30:hover { color: rgba( 255, 255, 255, .3 ); } .tachyons.hover-white-30:focus, .nested-tachyons .hover-white-30:focus { color: rgba( 255, 255, 255, .3 ); } .tachyons.hover-white-20:hover, .nested-tachyons .hover-white-20:hover { color: rgba( 255, 255, 255, .2 ); } .tachyons.hover-white-20:focus, .nested-tachyons .hover-white-20:focus { color: rgba( 255, 255, 255, .2 ); } .tachyons.hover-white-10:hover, .nested-tachyons .hover-white-10:hover { color: rgba( 255, 255, 255, .1 ); } .tachyons.hover-white-10:focus, .nested-tachyons .hover-white-10:focus { color: rgba( 255, 255, 255, .1 ); } .tachyons.hover-inherit:hover,, .nested-tachyons .hover-inherit:hover, .hover-inherit:focus { color: inherit; } .tachyons.hover-bg-black:hover, .nested-tachyons .hover-bg-black:hover { background-color: #000; } .tachyons.hover-bg-black:focus, .nested-tachyons .hover-bg-black:focus { background-color: #000; } .tachyons.hover-bg-near-black:hover, .nested-tachyons .hover-bg-near-black:hover { background-color: #111; } .tachyons.hover-bg-near-black:focus, .nested-tachyons .hover-bg-near-black:focus { background-color: #111; } .tachyons.hover-bg-dark-gray:hover, .nested-tachyons .hover-bg-dark-gray:hover { background-color: #333; } .tachyons.hover-bg-dark-gray:focus, .nested-tachyons .hover-bg-dark-gray:focus { background-color: #333; } .tachyons.hover-bg-mid-gray:hover, .nested-tachyons .hover-bg-mid-gray:hover { background-color: #555; } .tachyons.hover-bg-mid-gray:focus, .nested-tachyons .hover-bg-mid-gray:focus { background-color: #555; } .tachyons.hover-bg-gray:hover, .nested-tachyons .hover-bg-gray:hover { background-color: #777; } .tachyons.hover-bg-gray:focus, .nested-tachyons .hover-bg-gray:focus { background-color: #777; } .tachyons.hover-bg-silver:hover, .nested-tachyons .hover-bg-silver:hover { background-color: #999; } .tachyons.hover-bg-silver:focus, .nested-tachyons .hover-bg-silver:focus { background-color: #999; } .tachyons.hover-bg-light-silver:hover, .nested-tachyons .hover-bg-light-silver:hover { background-color: #aaa; } .tachyons.hover-bg-light-silver:focus, .nested-tachyons .hover-bg-light-silver:focus { background-color: #aaa; } .tachyons.hover-bg-moon-gray:hover, .nested-tachyons .hover-bg-moon-gray:hover { background-color: #ccc; } .tachyons.hover-bg-moon-gray:focus, .nested-tachyons .hover-bg-moon-gray:focus { background-color: #ccc; } .tachyons.hover-bg-light-gray:hover, .nested-tachyons .hover-bg-light-gray:hover { background-color: #eee; } .tachyons.hover-bg-light-gray:focus, .nested-tachyons .hover-bg-light-gray:focus { background-color: #eee; } .tachyons.hover-bg-near-white:hover, .nested-tachyons .hover-bg-near-white:hover { background-color: #f4f4f4; } .tachyons.hover-bg-near-white:focus, .nested-tachyons .hover-bg-near-white:focus { background-color: #f4f4f4; } .tachyons.hover-bg-white:hover, .nested-tachyons .hover-bg-white:hover { background-color: #fff; } .tachyons.hover-bg-white:focus, .nested-tachyons .hover-bg-white:focus { background-color: #fff; } .tachyons.hover-bg-transparent:hover, .nested-tachyons .hover-bg-transparent:hover { background-color: transparent; } .tachyons.hover-bg-transparent:focus, .nested-tachyons .hover-bg-transparent:focus { background-color: transparent; } .tachyons.hover-bg-black-90:hover, .nested-tachyons .hover-bg-black-90:hover { background-color: rgba( 0, 0, 0, .9 ); } .tachyons.hover-bg-black-90:focus, .nested-tachyons .hover-bg-black-90:focus { background-color: rgba( 0, 0, 0, .9 ); } .tachyons.hover-bg-black-80:hover, .nested-tachyons .hover-bg-black-80:hover { background-color: rgba( 0, 0, 0, .8 ); } .tachyons.hover-bg-black-80:focus, .nested-tachyons .hover-bg-black-80:focus { background-color: rgba( 0, 0, 0, .8 ); } .tachyons.hover-bg-black-70:hover, .nested-tachyons .hover-bg-black-70:hover { background-color: rgba( 0, 0, 0, .7 ); } .tachyons.hover-bg-black-70:focus, .nested-tachyons .hover-bg-black-70:focus { background-color: rgba( 0, 0, 0, .7 ); } .tachyons.hover-bg-black-60:hover, .nested-tachyons .hover-bg-black-60:hover { background-color: rgba( 0, 0, 0, .6 ); } .tachyons.hover-bg-black-60:focus, .nested-tachyons .hover-bg-black-60:focus { background-color: rgba( 0, 0, 0, .6 ); } .tachyons.hover-bg-black-50:hover, .nested-tachyons .hover-bg-black-50:hover { background-color: rgba( 0, 0, 0, .5 ); } .tachyons.hover-bg-black-50:focus, .nested-tachyons .hover-bg-black-50:focus { background-color: rgba( 0, 0, 0, .5 ); } .tachyons.hover-bg-black-40:hover, .nested-tachyons .hover-bg-black-40:hover { background-color: rgba( 0, 0, 0, .4 ); } .tachyons.hover-bg-black-40:focus, .nested-tachyons .hover-bg-black-40:focus { background-color: rgba( 0, 0, 0, .4 ); } .tachyons.hover-bg-black-30:hover, .nested-tachyons .hover-bg-black-30:hover { background-color: rgba( 0, 0, 0, .3 ); } .tachyons.hover-bg-black-30:focus, .nested-tachyons .hover-bg-black-30:focus { background-color: rgba( 0, 0, 0, .3 ); } .tachyons.hover-bg-black-20:hover, .nested-tachyons .hover-bg-black-20:hover { background-color: rgba( 0, 0, 0, .2 ); } .tachyons.hover-bg-black-20:focus, .nested-tachyons .hover-bg-black-20:focus { background-color: rgba( 0, 0, 0, .2 ); } .tachyons.hover-bg-black-10:hover, .nested-tachyons .hover-bg-black-10:hover { background-color: rgba( 0, 0, 0, .1 ); } .tachyons.hover-bg-black-10:focus, .nested-tachyons .hover-bg-black-10:focus { background-color: rgba( 0, 0, 0, .1 ); } .tachyons.hover-bg-white-90:hover, .nested-tachyons .hover-bg-white-90:hover { background-color: rgba( 255, 255, 255, .9 ); } .tachyons.hover-bg-white-90:focus, .nested-tachyons .hover-bg-white-90:focus { background-color: rgba( 255, 255, 255, .9 ); } .tachyons.hover-bg-white-80:hover, .nested-tachyons .hover-bg-white-80:hover { background-color: rgba( 255, 255, 255, .8 ); } .tachyons.hover-bg-white-80:focus, .nested-tachyons .hover-bg-white-80:focus { background-color: rgba( 255, 255, 255, .8 ); } .tachyons.hover-bg-white-70:hover, .nested-tachyons .hover-bg-white-70:hover { background-color: rgba( 255, 255, 255, .7 ); } .tachyons.hover-bg-white-70:focus, .nested-tachyons .hover-bg-white-70:focus { background-color: rgba( 255, 255, 255, .7 ); } .tachyons.hover-bg-white-60:hover, .nested-tachyons .hover-bg-white-60:hover { background-color: rgba( 255, 255, 255, .6 ); } .tachyons.hover-bg-white-60:focus, .nested-tachyons .hover-bg-white-60:focus { background-color: rgba( 255, 255, 255, .6 ); } .tachyons.hover-bg-white-50:hover, .nested-tachyons .hover-bg-white-50:hover { background-color: rgba( 255, 255, 255, .5 ); } .tachyons.hover-bg-white-50:focus, .nested-tachyons .hover-bg-white-50:focus { background-color: rgba( 255, 255, 255, .5 ); } .tachyons.hover-bg-white-40:hover, .nested-tachyons .hover-bg-white-40:hover { background-color: rgba( 255, 255, 255, .4 ); } .tachyons.hover-bg-white-40:focus, .nested-tachyons .hover-bg-white-40:focus { background-color: rgba( 255, 255, 255, .4 ); } .tachyons.hover-bg-white-30:hover, .nested-tachyons .hover-bg-white-30:hover { background-color: rgba( 255, 255, 255, .3 ); } .tachyons.hover-bg-white-30:focus, .nested-tachyons .hover-bg-white-30:focus { background-color: rgba( 255, 255, 255, .3 ); } .tachyons.hover-bg-white-20:hover, .nested-tachyons .hover-bg-white-20:hover { background-color: rgba( 255, 255, 255, .2 ); } .tachyons.hover-bg-white-20:focus, .nested-tachyons .hover-bg-white-20:focus { background-color: rgba( 255, 255, 255, .2 ); } .tachyons.hover-bg-white-10:hover, .nested-tachyons .hover-bg-white-10:hover { background-color: rgba( 255, 255, 255, .1 ); } .tachyons.hover-bg-white-10:focus, .nested-tachyons .hover-bg-white-10:focus { background-color: rgba( 255, 255, 255, .1 ); } .tachyons.hover-dark-red:hover, .nested-tachyons .hover-dark-red:hover { color: #e7040f; } .tachyons.hover-dark-red:focus, .nested-tachyons .hover-dark-red:focus { color: #e7040f; } .tachyons.hover-red:hover, .nested-tachyons .hover-red:hover { color: #ff4136; } .tachyons.hover-red:focus, .nested-tachyons .hover-red:focus { color: #ff4136; } .tachyons.hover-light-red:hover, .nested-tachyons .hover-light-red:hover { color: #ff725c; } .tachyons.hover-light-red:focus, .nested-tachyons .hover-light-red:focus { color: #ff725c; } .tachyons.hover-orange:hover, .nested-tachyons .hover-orange:hover { color: #ff6300; } .tachyons.hover-orange:focus, .nested-tachyons .hover-orange:focus { color: #ff6300; } .tachyons.hover-gold:hover, .nested-tachyons .hover-gold:hover { color: #ffb700; } .tachyons.hover-gold:focus, .nested-tachyons .hover-gold:focus { color: #ffb700; } .tachyons.hover-yellow:hover, .nested-tachyons .hover-yellow:hover { color: #ffd700; } .tachyons.hover-yellow:focus, .nested-tachyons .hover-yellow:focus { color: #ffd700; } .tachyons.hover-light-yellow:hover, .nested-tachyons .hover-light-yellow:hover { color: #fbf1a9; } .tachyons.hover-light-yellow:focus, .nested-tachyons .hover-light-yellow:focus { color: #fbf1a9; } .tachyons.hover-purple:hover, .nested-tachyons .hover-purple:hover { color: #5e2ca5; } .tachyons.hover-purple:focus, .nested-tachyons .hover-purple:focus { color: #5e2ca5; } .tachyons.hover-light-purple:hover, .nested-tachyons .hover-light-purple:hover { color: #a463f2; } .tachyons.hover-light-purple:focus, .nested-tachyons .hover-light-purple:focus { color: #a463f2; } .tachyons.hover-dark-pink:hover, .nested-tachyons .hover-dark-pink:hover { color: #d5008f; } .tachyons.hover-dark-pink:focus, .nested-tachyons .hover-dark-pink:focus { color: #d5008f; } .tachyons.hover-hot-pink:hover, .nested-tachyons .hover-hot-pink:hover { color: #ff41b4; } .tachyons.hover-hot-pink:focus, .nested-tachyons .hover-hot-pink:focus { color: #ff41b4; } .tachyons.hover-pink:hover, .nested-tachyons .hover-pink:hover { color: #ff80cc; } .tachyons.hover-pink:focus, .nested-tachyons .hover-pink:focus { color: #ff80cc; } .tachyons.hover-light-pink:hover, .nested-tachyons .hover-light-pink:hover { color: #ffa3d7; } .tachyons.hover-light-pink:focus, .nested-tachyons .hover-light-pink:focus { color: #ffa3d7; } .tachyons.hover-dark-green:hover, .nested-tachyons .hover-dark-green:hover { color: #137752; } .tachyons.hover-dark-green:focus, .nested-tachyons .hover-dark-green:focus { color: #137752; } .tachyons.hover-green:hover, .nested-tachyons .hover-green:hover { color: #19a974; } .tachyons.hover-green:focus, .nested-tachyons .hover-green:focus { color: #19a974; } .tachyons.hover-light-green:hover, .nested-tachyons .hover-light-green:hover { color: #9eebcf; } .tachyons.hover-light-green:focus, .nested-tachyons .hover-light-green:focus { color: #9eebcf; } .tachyons.hover-navy:hover, .nested-tachyons .hover-navy:hover { color: #001b44; } .tachyons.hover-navy:focus, .nested-tachyons .hover-navy:focus { color: #001b44; } .tachyons.hover-dark-blue:hover, .nested-tachyons .hover-dark-blue:hover { color: #00449e; } .tachyons.hover-dark-blue:focus, .nested-tachyons .hover-dark-blue:focus { color: #00449e; } .tachyons.hover-blue:hover, .nested-tachyons .hover-blue:hover { color: #357edd; } .tachyons.hover-blue:focus, .nested-tachyons .hover-blue:focus { color: #357edd; } .tachyons.hover-light-blue:hover, .nested-tachyons .hover-light-blue:hover { color: #96ccff; } .tachyons.hover-light-blue:focus, .nested-tachyons .hover-light-blue:focus { color: #96ccff; } .tachyons.hover-lightest-blue:hover, .nested-tachyons .hover-lightest-blue:hover { color: #cdecff; } .tachyons.hover-lightest-blue:focus, .nested-tachyons .hover-lightest-blue:focus { color: #cdecff; } .tachyons.hover-washed-blue:hover, .nested-tachyons .hover-washed-blue:hover { color: #f6fffe; } .tachyons.hover-washed-blue:focus, .nested-tachyons .hover-washed-blue:focus { color: #f6fffe; } .tachyons.hover-washed-green:hover, .nested-tachyons .hover-washed-green:hover { color: #e8fdf5; } .tachyons.hover-washed-green:focus, .nested-tachyons .hover-washed-green:focus { color: #e8fdf5; } .tachyons.hover-washed-yellow:hover, .nested-tachyons .hover-washed-yellow:hover { color: #fffceb; } .tachyons.hover-washed-yellow:focus, .nested-tachyons .hover-washed-yellow:focus { color: #fffceb; } .tachyons.hover-washed-red:hover, .nested-tachyons .hover-washed-red:hover { color: #ffdfdf; } .tachyons.hover-washed-red:focus, .nested-tachyons .hover-washed-red:focus { color: #ffdfdf; } .tachyons.hover-bg-dark-red:hover, .nested-tachyons .hover-bg-dark-red:hover { background-color: #e7040f; } .tachyons.hover-bg-dark-red:focus, .nested-tachyons .hover-bg-dark-red:focus { background-color: #e7040f; } .tachyons.hover-bg-red:hover, .nested-tachyons .hover-bg-red:hover { background-color: #ff4136; } .tachyons.hover-bg-red:focus, .nested-tachyons .hover-bg-red:focus { background-color: #ff4136; } .tachyons.hover-bg-light-red:hover, .nested-tachyons .hover-bg-light-red:hover { background-color: #ff725c; } .tachyons.hover-bg-light-red:focus, .nested-tachyons .hover-bg-light-red:focus { background-color: #ff725c; } .tachyons.hover-bg-orange:hover, .nested-tachyons .hover-bg-orange:hover { background-color: #ff6300; } .tachyons.hover-bg-orange:focus, .nested-tachyons .hover-bg-orange:focus { background-color: #ff6300; } .tachyons.hover-bg-gold:hover, .nested-tachyons .hover-bg-gold:hover { background-color: #ffb700; } .tachyons.hover-bg-gold:focus, .nested-tachyons .hover-bg-gold:focus { background-color: #ffb700; } .tachyons.hover-bg-yellow:hover, .nested-tachyons .hover-bg-yellow:hover { background-color: #ffd700; } .tachyons.hover-bg-yellow:focus, .nested-tachyons .hover-bg-yellow:focus { background-color: #ffd700; } .tachyons.hover-bg-light-yellow:hover, .nested-tachyons .hover-bg-light-yellow:hover { background-color: #fbf1a9; } .tachyons.hover-bg-light-yellow:focus, .nested-tachyons .hover-bg-light-yellow:focus { background-color: #fbf1a9; } .tachyons.hover-bg-purple:hover, .nested-tachyons .hover-bg-purple:hover { background-color: #5e2ca5; } .tachyons.hover-bg-purple:focus, .nested-tachyons .hover-bg-purple:focus { background-color: #5e2ca5; } .tachyons.hover-bg-light-purple:hover, .nested-tachyons .hover-bg-light-purple:hover { background-color: #a463f2; } .tachyons.hover-bg-light-purple:focus, .nested-tachyons .hover-bg-light-purple:focus { background-color: #a463f2; } .tachyons.hover-bg-dark-pink:hover, .nested-tachyons .hover-bg-dark-pink:hover { background-color: #d5008f; } .tachyons.hover-bg-dark-pink:focus, .nested-tachyons .hover-bg-dark-pink:focus { background-color: #d5008f; } .tachyons.hover-bg-hot-pink:hover, .nested-tachyons .hover-bg-hot-pink:hover { background-color: #ff41b4; } .tachyons.hover-bg-hot-pink:focus, .nested-tachyons .hover-bg-hot-pink:focus { background-color: #ff41b4; } .tachyons.hover-bg-pink:hover, .nested-tachyons .hover-bg-pink:hover { background-color: #ff80cc; } .tachyons.hover-bg-pink:focus, .nested-tachyons .hover-bg-pink:focus { background-color: #ff80cc; } .tachyons.hover-bg-light-pink:hover, .nested-tachyons .hover-bg-light-pink:hover { background-color: #ffa3d7; } .tachyons.hover-bg-light-pink:focus, .nested-tachyons .hover-bg-light-pink:focus { background-color: #ffa3d7; } .tachyons.hover-bg-dark-green:hover, .nested-tachyons .hover-bg-dark-green:hover { background-color: #137752; } .tachyons.hover-bg-dark-green:focus, .nested-tachyons .hover-bg-dark-green:focus { background-color: #137752; } .tachyons.hover-bg-green:hover, .nested-tachyons .hover-bg-green:hover { background-color: #19a974; } .tachyons.hover-bg-green:focus, .nested-tachyons .hover-bg-green:focus { background-color: #19a974; } .tachyons.hover-bg-light-green:hover, .nested-tachyons .hover-bg-light-green:hover { background-color: #9eebcf; } .tachyons.hover-bg-light-green:focus, .nested-tachyons .hover-bg-light-green:focus { background-color: #9eebcf; } .tachyons.hover-bg-navy:hover, .nested-tachyons .hover-bg-navy:hover { background-color: #001b44; } .tachyons.hover-bg-navy:focus, .nested-tachyons .hover-bg-navy:focus { background-color: #001b44; } .tachyons.hover-bg-dark-blue:hover, .nested-tachyons .hover-bg-dark-blue:hover { background-color: #00449e; } .tachyons.hover-bg-dark-blue:focus, .nested-tachyons .hover-bg-dark-blue:focus { background-color: #00449e; } .tachyons.hover-bg-blue:hover, .nested-tachyons .hover-bg-blue:hover { background-color: #357edd; } .tachyons.hover-bg-blue:focus, .nested-tachyons .hover-bg-blue:focus { background-color: #357edd; } .tachyons.hover-bg-light-blue:hover, .nested-tachyons .hover-bg-light-blue:hover { background-color: #96ccff; } .tachyons.hover-bg-light-blue:focus, .nested-tachyons .hover-bg-light-blue:focus { background-color: #96ccff; } .tachyons.hover-bg-lightest-blue:hover, .nested-tachyons .hover-bg-lightest-blue:hover { background-color: #cdecff; } .tachyons.hover-bg-lightest-blue:focus, .nested-tachyons .hover-bg-lightest-blue:focus { background-color: #cdecff; } .tachyons.hover-bg-washed-blue:hover, .nested-tachyons .hover-bg-washed-blue:hover { background-color: #f6fffe; } .tachyons.hover-bg-washed-blue:focus, .nested-tachyons .hover-bg-washed-blue:focus { background-color: #f6fffe; } .tachyons.hover-bg-washed-green:hover, .nested-tachyons .hover-bg-washed-green:hover { background-color: #e8fdf5; } .tachyons.hover-bg-washed-green:focus, .nested-tachyons .hover-bg-washed-green:focus { background-color: #e8fdf5; } .tachyons.hover-bg-washed-yellow:hover, .nested-tachyons .hover-bg-washed-yellow:hover { background-color: #fffceb; } .tachyons.hover-bg-washed-yellow:focus, .nested-tachyons .hover-bg-washed-yellow:focus { background-color: #fffceb; } .tachyons.hover-bg-washed-red:hover, .nested-tachyons .hover-bg-washed-red:hover { background-color: #ffdfdf; } .tachyons.hover-bg-washed-red:focus, .nested-tachyons .hover-bg-washed-red:focus { background-color: #ffdfdf; } .tachyons.hover-bg-inherit:hover,, .nested-tachyons .hover-bg-inherit:hover, .hover-bg-inherit:focus { background-color: inherit; } /* Variables */ /* SPACING Docs: http://tachyons.io/docs/layout/spacing/ An eight step powers of two scale ranging from 0 to 16rem. Base: p = padding m = margin Modifiers: a = all h = horizontal v = vertical t = top r = right b = bottom l = left 0 = none 1 = 1st step in spacing scale 2 = 2nd step in spacing scale 3 = 3rd step in spacing scale 4 = 4th step in spacing scale 5 = 5th step in spacing scale 6 = 6th step in spacing scale 7 = 7th step in spacing scale Media Query Extensions: -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .tachyons.pa0, .nested-tachyons .pa0 { padding: 0; } .tachyons.pa1, .nested-tachyons .pa1 { padding: .25rem; } .tachyons.pa2, .nested-tachyons .pa2 { padding: .5rem; } .tachyons.pa3, .nested-tachyons .pa3 { padding: 1rem; } .tachyons.pa4, .nested-tachyons .pa4 { padding: 2rem; } .tachyons.pa5, .nested-tachyons .pa5 { padding: 4rem; } .tachyons.pa6, .nested-tachyons .pa6 { padding: 8rem; } .tachyons.pa7, .nested-tachyons .pa7 { padding: 16rem; } .tachyons.pl0, .nested-tachyons .pl0 { padding-left: 0; } .tachyons.pl1, .nested-tachyons .pl1 { padding-left: .25rem; } .tachyons.pl2, .nested-tachyons .pl2 { padding-left: .5rem; } .tachyons.pl3, .nested-tachyons .pl3 { padding-left: 1rem; } .tachyons.pl4, .nested-tachyons .pl4 { padding-left: 2rem; } .tachyons.pl5, .nested-tachyons .pl5 { padding-left: 4rem; } .tachyons.pl6, .nested-tachyons .pl6 { padding-left: 8rem; } .tachyons.pl7, .nested-tachyons .pl7 { padding-left: 16rem; } .tachyons.pr0, .nested-tachyons .pr0 { padding-right: 0; } .tachyons.pr1, .nested-tachyons .pr1 { padding-right: .25rem; } .tachyons.pr2, .nested-tachyons .pr2 { padding-right: .5rem; } .tachyons.pr3, .nested-tachyons .pr3 { padding-right: 1rem; } .tachyons.pr4, .nested-tachyons .pr4 { padding-right: 2rem; } .tachyons.pr5, .nested-tachyons .pr5 { padding-right: 4rem; } .tachyons.pr6, .nested-tachyons .pr6 { padding-right: 8rem; } .tachyons.pr7, .nested-tachyons .pr7 { padding-right: 16rem; } .tachyons.pb0, .nested-tachyons .pb0 { padding-bottom: 0; } .tachyons.pb1, .nested-tachyons .pb1 { padding-bottom: .25rem; } .tachyons.pb2, .nested-tachyons .pb2 { padding-bottom: .5rem; } .tachyons.pb3, .nested-tachyons .pb3 { padding-bottom: 1rem; } .tachyons.pb4, .nested-tachyons .pb4 { padding-bottom: 2rem; } .tachyons.pb5, .nested-tachyons .pb5 { padding-bottom: 4rem; } .tachyons.pb6, .nested-tachyons .pb6 { padding-bottom: 8rem; } .tachyons.pb7, .nested-tachyons .pb7 { padding-bottom: 16rem; } .tachyons.pt0, .nested-tachyons .pt0 { padding-top: 0; } .tachyons.pt1, .nested-tachyons .pt1 { padding-top: .25rem; } .tachyons.pt2, .nested-tachyons .pt2 { padding-top: .5rem; } .tachyons.pt3, .nested-tachyons .pt3 { padding-top: 1rem; } .tachyons.pt4, .nested-tachyons .pt4 { padding-top: 2rem; } .tachyons.pt5, .nested-tachyons .pt5 { padding-top: 4rem; } .tachyons.pt6, .nested-tachyons .pt6 { padding-top: 8rem; } .tachyons.pt7, .nested-tachyons .pt7 { padding-top: 16rem; } .tachyons.pv0, .nested-tachyons .pv0 { padding-top: 0; padding-bottom: 0; } .tachyons.pv1, .nested-tachyons .pv1 { padding-top: .25rem; padding-bottom: .25rem; } .tachyons.pv2, .nested-tachyons .pv2 { padding-top: .5rem; padding-bottom: .5rem; } .tachyons.pv3, .nested-tachyons .pv3 { padding-top: 1rem; padding-bottom: 1rem; } .tachyons.pv4, .nested-tachyons .pv4 { padding-top: 2rem; padding-bottom: 2rem; } .tachyons.pv5, .nested-tachyons .pv5 { padding-top: 4rem; padding-bottom: 4rem; } .tachyons.pv6, .nested-tachyons .pv6 { padding-top: 8rem; padding-bottom: 8rem; } .tachyons.pv7, .nested-tachyons .pv7 { padding-top: 16rem; padding-bottom: 16rem; } .tachyons.ph0, .nested-tachyons .ph0 { padding-left: 0; padding-right: 0; } .tachyons.ph1, .nested-tachyons .ph1 { padding-left: .25rem; padding-right: .25rem; } .tachyons.ph2, .nested-tachyons .ph2 { padding-left: .5rem; padding-right: .5rem; } .tachyons.ph3, .nested-tachyons .ph3 { padding-left: 1rem; padding-right: 1rem; } .tachyons.ph4, .nested-tachyons .ph4 { padding-left: 2rem; padding-right: 2rem; } .tachyons.ph5, .nested-tachyons .ph5 { padding-left: 4rem; padding-right: 4rem; } .tachyons.ph6, .nested-tachyons .ph6 { padding-left: 8rem; padding-right: 8rem; } .tachyons.ph7, .nested-tachyons .ph7 { padding-left: 16rem; padding-right: 16rem; } .tachyons.ma0, .nested-tachyons .ma0 { margin: 0; } .tachyons.ma1, .nested-tachyons .ma1 { margin: .25rem; } .tachyons.ma2, .nested-tachyons .ma2 { margin: .5rem; } .tachyons.ma3, .nested-tachyons .ma3 { margin: 1rem; } .tachyons.ma4, .nested-tachyons .ma4 { margin: 2rem; } .tachyons.ma5, .nested-tachyons .ma5 { margin: 4rem; } .tachyons.ma6, .nested-tachyons .ma6 { margin: 8rem; } .tachyons.ma7, .nested-tachyons .ma7 { margin: 16rem; } .tachyons.ml0, .nested-tachyons .ml0 { margin-left: 0; } .tachyons.ml1, .nested-tachyons .ml1 { margin-left: .25rem; } .tachyons.ml2, .nested-tachyons .ml2 { margin-left: .5rem; } .tachyons.ml3, .nested-tachyons .ml3 { margin-left: 1rem; } .tachyons.ml4, .nested-tachyons .ml4 { margin-left: 2rem; } .tachyons.ml5, .nested-tachyons .ml5 { margin-left: 4rem; } .tachyons.ml6, .nested-tachyons .ml6 { margin-left: 8rem; } .tachyons.ml7, .nested-tachyons .ml7 { margin-left: 16rem; } .tachyons.mr0, .nested-tachyons .mr0 { margin-right: 0; } .tachyons.mr1, .nested-tachyons .mr1 { margin-right: .25rem; } .tachyons.mr2, .nested-tachyons .mr2 { margin-right: .5rem; } .tachyons.mr3, .nested-tachyons .mr3 { margin-right: 1rem; } .tachyons.mr4, .nested-tachyons .mr4 { margin-right: 2rem; } .tachyons.mr5, .nested-tachyons .mr5 { margin-right: 4rem; } .tachyons.mr6, .nested-tachyons .mr6 { margin-right: 8rem; } .tachyons.mr7, .nested-tachyons .mr7 { margin-right: 16rem; } .tachyons.mb0, .nested-tachyons .mb0 { margin-bottom: 0; } .tachyons.mb1, .nested-tachyons .mb1 { margin-bottom: .25rem; } .tachyons.mb2, .nested-tachyons .mb2 { margin-bottom: .5rem; } .tachyons.mb3, .nested-tachyons .mb3 { margin-bottom: 1rem; } .tachyons.mb4, .nested-tachyons .mb4 { margin-bottom: 2rem; } .tachyons.mb5, .nested-tachyons .mb5 { margin-bottom: 4rem; } .tachyons.mb6, .nested-tachyons .mb6 { margin-bottom: 8rem; } .tachyons.mb7, .nested-tachyons .mb7 { margin-bottom: 16rem; } .tachyons.mt0, .nested-tachyons .mt0 { margin-top: 0; } .tachyons.mt1, .nested-tachyons .mt1 { margin-top: .25rem; } .tachyons.mt2, .nested-tachyons .mt2 { margin-top: .5rem; } .tachyons.mt3, .nested-tachyons .mt3 { margin-top: 1rem; } .tachyons.mt4, .nested-tachyons .mt4 { margin-top: 2rem; } .tachyons.mt5, .nested-tachyons .mt5 { margin-top: 4rem; } .tachyons.mt6, .nested-tachyons .mt6 { margin-top: 8rem; } .tachyons.mt7, .nested-tachyons .mt7 { margin-top: 16rem; } .tachyons.mv0, .nested-tachyons .mv0 { margin-top: 0; margin-bottom: 0; } .tachyons.mv1, .nested-tachyons .mv1 { margin-top: .25rem; margin-bottom: .25rem; } .tachyons.mv2, .nested-tachyons .mv2 { margin-top: .5rem; margin-bottom: .5rem; } .tachyons.mv3, .nested-tachyons .mv3 { margin-top: 1rem; margin-bottom: 1rem; } .tachyons.mv4, .nested-tachyons .mv4 { margin-top: 2rem; margin-bottom: 2rem; } .tachyons.mv5, .nested-tachyons .mv5 { margin-top: 4rem; margin-bottom: 4rem; } .tachyons.mv6, .nested-tachyons .mv6 { margin-top: 8rem; margin-bottom: 8rem; } .tachyons.mv7, .nested-tachyons .mv7 { margin-top: 16rem; margin-bottom: 16rem; } .tachyons.mh0, .nested-tachyons .mh0 { margin-left: 0; margin-right: 0; } .tachyons.mh1, .nested-tachyons .mh1 { margin-left: .25rem; margin-right: .25rem; } .tachyons.mh2, .nested-tachyons .mh2 { margin-left: .5rem; margin-right: .5rem; } .tachyons.mh3, .nested-tachyons .mh3 { margin-left: 1rem; margin-right: 1rem; } .tachyons.mh4, .nested-tachyons .mh4 { margin-left: 2rem; margin-right: 2rem; } .tachyons.mh5, .nested-tachyons .mh5 { margin-left: 4rem; margin-right: 4rem; } .tachyons.mh6, .nested-tachyons .mh6 { margin-left: 8rem; margin-right: 8rem; } .tachyons.mh7, .nested-tachyons .mh7 { margin-left: 16rem; margin-right: 16rem; } /* NEGATIVE MARGINS Base: n = negative Modifiers: a = all t = top r = right b = bottom l = left 1 = 1st step in spacing scale 2 = 2nd step in spacing scale 3 = 3rd step in spacing scale 4 = 4th step in spacing scale 5 = 5th step in spacing scale 6 = 6th step in spacing scale 7 = 7th step in spacing scale Media Query Extensions: -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .tachyons.na1, .nested-tachyons .na1 { margin: -0.25rem; } .tachyons.na2, .nested-tachyons .na2 { margin: -0.5rem; } .tachyons.na3, .nested-tachyons .na3 { margin: -1rem; } .tachyons.na4, .nested-tachyons .na4 { margin: -2rem; } .tachyons.na5, .nested-tachyons .na5 { margin: -4rem; } .tachyons.na6, .nested-tachyons .na6 { margin: -8rem; } .tachyons.na7, .nested-tachyons .na7 { margin: -16rem; } .tachyons.nl1, .nested-tachyons .nl1 { margin-left: -0.25rem; } .tachyons.nl2, .nested-tachyons .nl2 { margin-left: -0.5rem; } .tachyons.nl3, .nested-tachyons .nl3 { margin-left: -1rem; } .tachyons.nl4, .nested-tachyons .nl4 { margin-left: -2rem; } .tachyons.nl5, .nested-tachyons .nl5 { margin-left: -4rem; } .tachyons.nl6, .nested-tachyons .nl6 { margin-left: -8rem; } .tachyons.nl7, .nested-tachyons .nl7 { margin-left: -16rem; } .tachyons.nr1, .nested-tachyons .nr1 { margin-right: -0.25rem; } .tachyons.nr2, .nested-tachyons .nr2 { margin-right: -0.5rem; } .tachyons.nr3, .nested-tachyons .nr3 { margin-right: -1rem; } .tachyons.nr4, .nested-tachyons .nr4 { margin-right: -2rem; } .tachyons.nr5, .nested-tachyons .nr5 { margin-right: -4rem; } .tachyons.nr6, .nested-tachyons .nr6 { margin-right: -8rem; } .tachyons.nr7, .nested-tachyons .nr7 { margin-right: -16rem; } .tachyons.nb1, .nested-tachyons .nb1 { margin-bottom: -0.25rem; } .tachyons.nb2, .nested-tachyons .nb2 { margin-bottom: -0.5rem; } .tachyons.nb3, .nested-tachyons .nb3 { margin-bottom: -1rem; } .tachyons.nb4, .nested-tachyons .nb4 { margin-bottom: -2rem; } .tachyons.nb5, .nested-tachyons .nb5 { margin-bottom: -4rem; } .tachyons.nb6, .nested-tachyons .nb6 { margin-bottom: -8rem; } .tachyons.nb7, .nested-tachyons .nb7 { margin-bottom: -16rem; } .tachyons.nt1, .nested-tachyons .nt1 { margin-top: -0.25rem; } .tachyons.nt2, .nested-tachyons .nt2 { margin-top: -0.5rem; } .tachyons.nt3, .nested-tachyons .nt3 { margin-top: -1rem; } .tachyons.nt4, .nested-tachyons .nt4 { margin-top: -2rem; } .tachyons.nt5, .nested-tachyons .nt5 { margin-top: -4rem; } .tachyons.nt6, .nested-tachyons .nt6 { margin-top: -8rem; } .tachyons.nt7, .nested-tachyons .nt7 { margin-top: -16rem; } /* TABLES Docs: http://tachyons.io/docs/elements/tables/ */ .tachyons.collapse, .nested-tachyons .collapse { border-collapse: collapse; border-spacing: 0; } .tachyons.striped--light-silver:nth-child(odd), .nested-tachyons .striped--light-silver:nth-child(odd) { background-color: #aaa; } .tachyons.striped--moon-gray:nth-child(odd), .nested-tachyons .striped--moon-gray:nth-child(odd) { background-color: #ccc; } .tachyons.striped--light-gray:nth-child(odd), .nested-tachyons .striped--light-gray:nth-child(odd) { background-color: #eee; } .tachyons.striped--near-white:nth-child(odd), .nested-tachyons .striped--near-white:nth-child(odd) { background-color: #f4f4f4; } .tachyons.stripe-light:nth-child(odd), .nested-tachyons .stripe-light:nth-child(odd) { background-color: rgba( 255, 255, 255, .1 ); } .tachyons.stripe-dark:nth-child(odd), .nested-tachyons .stripe-dark:nth-child(odd) { background-color: rgba( 0, 0, 0, .1 ); } /* TEXT DECORATION Docs: http://tachyons.io/docs/typography/text-decoration/ Media Query Extensions: -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .tachyons.strike, .nested-tachyons .strike { text-decoration: line-through; } .tachyons.underline, .nested-tachyons .underline { text-decoration: underline; } .tachyons.no-underline, .nested-tachyons .no-underline { text-decoration: none; } /* TEXT ALIGN Docs: http://tachyons.io/docs/typography/text-align/ Base t = text-align Modifiers l = left r = right c = center j = justify Media Query Extensions: -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .tachyons.tl, .nested-tachyons .tl { text-align: left; } .tachyons.tr, .nested-tachyons .tr { text-align: right; } .tachyons.tc, .nested-tachyons .tc { text-align: center; } .tachyons.tj, .nested-tachyons .tj { text-align: justify; } /* TEXT TRANSFORM Docs: http://tachyons.io/docs/typography/text-transform/ Base: tt = text-transform Modifiers c = capitalize l = lowercase u = uppercase n = none Media Query Extensions: -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .tachyons.ttc, .nested-tachyons .ttc { text-transform: capitalize; } .tachyons.ttl, .nested-tachyons .ttl { text-transform: lowercase; } .tachyons.ttu, .nested-tachyons .ttu { text-transform: uppercase; } .tachyons.ttn, .nested-tachyons .ttn { text-transform: none; } /* TYPE SCALE Docs: http://tachyons.io/docs/typography/scale/ Base: f = font-size Modifiers 1 = 1st step in size scale 2 = 2nd step in size scale 3 = 3rd step in size scale 4 = 4th step in size scale 5 = 5th step in size scale 6 = 6th step in size scale 7 = 7th step in size scale --x = arbitrary pixel font size Media Query Extensions: -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ /* * For Hero/Marketing Titles * * These generally are too large for mobile * so be careful using them on smaller screens. * */ .tachyons.f-6,, .nested-tachyons .f-6, .f-headline { font-size: 6rem; } .tachyons.f-5,, .nested-tachyons .f-5, .f-subheadline { font-size: 5rem; } /* Type Scale */ .tachyons.f1, .nested-tachyons .f1 { font-size: 3rem; } .tachyons.f2, .nested-tachyons .f2 { font-size: 2.25rem; } .tachyons.f3, .nested-tachyons .f3 { font-size: 1.5rem; } .tachyons.f4, .nested-tachyons .f4 { font-size: 1.25rem; } .tachyons.f5, .nested-tachyons .f5 { font-size: 1rem; } .tachyons.f6, .nested-tachyons .f6 { font-size: .875rem; } .tachyons.f7, .nested-tachyons .f7 { font-size: .75rem; } /* Small and hard to read for many people so use with extreme caution */ /* TYPOGRAPHY http://tachyons.io/docs/typography/measure/ Media Query Extensions: -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ /* Measure is limited to ~66 characters */ .tachyons.measure, .nested-tachyons .measure { max-width: 30em; } /* Measure is limited to ~80 characters */ .tachyons.measure-wide, .nested-tachyons .measure-wide { max-width: 34em; } /* Measure is limited to ~45 characters */ .tachyons.measure-narrow, .nested-tachyons .measure-narrow { max-width: 20em; } /* Book paragraph style - paragraphs are indented with no vertical spacing. */ .tachyons.indent, .nested-tachyons .indent { text-indent: 1em; margin-top: 0; margin-bottom: 0; } .tachyons.small-caps, .nested-tachyons .small-caps { font-variant: small-caps; } /* Combine this class with a width to truncate text (or just leave as is to truncate at width of containing element. */ .tachyons.truncate, .nested-tachyons .truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* arbitrary pixel font sizes */ .tachyons.f--6, .nested-tachyons .f--6 { font-size: 6px; } .tachyons.f--7, .nested-tachyons .f--7 { font-size: 7px; } .tachyons.f--8, .nested-tachyons .f--8 { font-size: 8px; } .tachyons.f--9, .nested-tachyons .f--9 { font-size: 9px; } .tachyons.f--10, .nested-tachyons .f--10 { font-size: 10px; } .tachyons.f--11, .nested-tachyons .f--11 { font-size: 11px; } .tachyons.f--12, .nested-tachyons .f--12 { font-size: 12px; } .tachyons.f--13, .nested-tachyons .f--13 { font-size: 13px; } .tachyons.f--14, .nested-tachyons .f--14 { font-size: 14px; } .tachyons.f--15, .nested-tachyons .f--15 { font-size: 15px; } .tachyons.f--16, .nested-tachyons .f--16 { font-size: 16px; } .tachyons.f--17, .nested-tachyons .f--17 { font-size: 17px; } .tachyons.f--18, .nested-tachyons .f--18 { font-size: 18px; } .tachyons.f--19, .nested-tachyons .f--19 { font-size: 19px; } .tachyons.f--20, .nested-tachyons .f--20 { font-size: 20px; } .tachyons.f--21, .nested-tachyons .f--21 { font-size: 21px; } .tachyons.f--22, .nested-tachyons .f--22 { font-size: 22px; } .tachyons.f--23, .nested-tachyons .f--23 { font-size: 23px; } .tachyons.f--24, .nested-tachyons .f--24 { font-size: 24px; } .tachyons.f--25, .nested-tachyons .f--25 { font-size: 25px; } .tachyons.f--26, .nested-tachyons .f--26 { font-size: 26px; } .tachyons.f--27, .nested-tachyons .f--27 { font-size: 27px; } .tachyons.f--28, .nested-tachyons .f--28 { font-size: 28px; } .tachyons.f--29, .nested-tachyons .f--29 { font-size: 29px; } .tachyons.f--30, .nested-tachyons .f--30 { font-size: 30px; } .tachyons.f--31, .nested-tachyons .f--31 { font-size: 31px; } .tachyons.f--32, .nested-tachyons .f--32 { font-size: 32px; } .tachyons.f--33, .nested-tachyons .f--33 { font-size: 33px; } .tachyons.f--34, .nested-tachyons .f--34 { font-size: 34px; } .tachyons.f--35, .nested-tachyons .f--35 { font-size: 35px; } .tachyons.f--36, .nested-tachyons .f--36 { font-size: 36px; } .tachyons.f--37, .nested-tachyons .f--37 { font-size: 37px; } .tachyons.f--38, .nested-tachyons .f--38 { font-size: 38px; } .tachyons.f--39, .nested-tachyons .f--39 { font-size: 39px; } .tachyons.f--40, .nested-tachyons .f--40 { font-size: 40px; } .tachyons.f--41, .nested-tachyons .f--41 { font-size: 41px; } .tachyons.f--42, .nested-tachyons .f--42 { font-size: 42px; } .tachyons.f--43, .nested-tachyons .f--43 { font-size: 43px; } .tachyons.f--44, .nested-tachyons .f--44 { font-size: 44px; } .tachyons.f--45, .nested-tachyons .f--45 { font-size: 45px; } .tachyons.f--46, .nested-tachyons .f--46 { font-size: 46px; } .tachyons.f--47, .nested-tachyons .f--47 { font-size: 47px; } .tachyons.f--48, .nested-tachyons .f--48 { font-size: 48px; } .tachyons.f--49, .nested-tachyons .f--49 { font-size: 49px; } .tachyons.f--50, .nested-tachyons .f--50 { font-size: 50px; } .tachyons.f--51, .nested-tachyons .f--51 { font-size: 51px; } .tachyons.f--52, .nested-tachyons .f--52 { font-size: 52px; } .tachyons.f--53, .nested-tachyons .f--53 { font-size: 53px; } .tachyons.f--54, .nested-tachyons .f--54 { font-size: 54px; } .tachyons.f--55, .nested-tachyons .f--55 { font-size: 55px; } .tachyons.f--56, .nested-tachyons .f--56 { font-size: 56px; } .tachyons.f--57, .nested-tachyons .f--57 { font-size: 57px; } .tachyons.f--58, .nested-tachyons .f--58 { font-size: 58px; } .tachyons.f--59, .nested-tachyons .f--59 { font-size: 59px; } .tachyons.f--60, .nested-tachyons .f--60 { font-size: 60px; } .tachyons.f--61, .nested-tachyons .f--61 { font-size: 61px; } .tachyons.f--62, .nested-tachyons .f--62 { font-size: 62px; } .tachyons.f--63, .nested-tachyons .f--63 { font-size: 63px; } .tachyons.f--64, .nested-tachyons .f--64 { font-size: 64px; } .tachyons.f--65, .nested-tachyons .f--65 { font-size: 65px; } .tachyons.f--66, .nested-tachyons .f--66 { font-size: 66px; } .tachyons.f--67, .nested-tachyons .f--67 { font-size: 67px; } .tachyons.f--68, .nested-tachyons .f--68 { font-size: 68px; } .tachyons.f--69, .nested-tachyons .f--69 { font-size: 69px; } .tachyons.f--70, .nested-tachyons .f--70 { font-size: 70px; } .tachyons.f--71, .nested-tachyons .f--71 { font-size: 71px; } .tachyons.f--72, .nested-tachyons .f--72 { font-size: 72px; } .tachyons.f--73, .nested-tachyons .f--73 { font-size: 73px; } .tachyons.f--74, .nested-tachyons .f--74 { font-size: 74px; } .tachyons.f--75, .nested-tachyons .f--75 { font-size: 75px; } .tachyons.f--76, .nested-tachyons .f--76 { font-size: 76px; } .tachyons.f--77, .nested-tachyons .f--77 { font-size: 77px; } .tachyons.f--78, .nested-tachyons .f--78 { font-size: 78px; } .tachyons.f--79, .nested-tachyons .f--79 { font-size: 79px; } .tachyons.f--80, .nested-tachyons .f--80 { font-size: 80px; } .tachyons.f--81, .nested-tachyons .f--81 { font-size: 81px; } .tachyons.f--82, .nested-tachyons .f--82 { font-size: 82px; } .tachyons.f--83, .nested-tachyons .f--83 { font-size: 83px; } .tachyons.f--84, .nested-tachyons .f--84 { font-size: 84px; } .tachyons.f--85, .nested-tachyons .f--85 { font-size: 85px; } .tachyons.f--86, .nested-tachyons .f--86 { font-size: 86px; } .tachyons.f--87, .nested-tachyons .f--87 { font-size: 87px; } .tachyons.f--88, .nested-tachyons .f--88 { font-size: 88px; } .tachyons.f--89, .nested-tachyons .f--89 { font-size: 89px; } .tachyons.f--90, .nested-tachyons .f--90 { font-size: 90px; } /* UTILITIES Media Query Extensions: -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ /* Equivalent to .overflow-y-scroll */ .tachyons.overflow-container, .nested-tachyons .overflow-container { overflow-y: scroll; } .tachyons.center, .nested-tachyons .center { margin-right: auto; margin-left: auto; } .tachyons.mr-auto, .nested-tachyons .mr-auto { margin-right: auto; } .tachyons.ml-auto, .nested-tachyons .ml-auto { margin-left: auto; } /* VISIBILITY Media Query Extensions: -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ /* Text that is hidden but accessible Ref: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ .tachyons.clip, .nested-tachyons .clip { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); } /* WHITE SPACE Media Query Extensions: -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .tachyons.ws-normal, .nested-tachyons .ws-normal { white-space: normal; } .tachyons.nowrap, .nested-tachyons .nowrap { white-space: nowrap; } .tachyons.pre, .nested-tachyons .pre { white-space: pre; } /* VERTICAL ALIGN Media Query Extensions: -sm = small -md = medium -lg = large -xl = extra-large -xxl = extra-extra-large */ .tachyons.v-base, .nested-tachyons .v-base { vertical-align: baseline; } .tachyons.v-mid, .nested-tachyons .v-mid { vertical-align: middle; } .tachyons.v-top, .nested-tachyons .v-top { vertical-align: top; } .tachyons.v-btm, .nested-tachyons .v-btm { vertical-align: bottom; } /* HOVER EFFECTS Docs: http://tachyons.io/docs/themes/hovers/ - Dim - Glow - Hide Child - Underline text - Grow - Pointer - Shadow */ /* Dim element on hover by adding the dim class. */ .tachyons.dim, .nested-tachyons .dim { opacity: 1; transition: opacity .15s ease-in; } .tachyons.dim:hover,, .nested-tachyons .dim:hover, .dim:focus { opacity: .5; transition: opacity .15s ease-in; } .tachyons.dim:active, .nested-tachyons .dim:active { opacity: .8; transition: opacity .15s ease-out; } /* Animate opacity to 100% on hover by adding the glow class. */ .tachyons.glow, .nested-tachyons .glow { transition: opacity .15s ease-in; } .tachyons.glow:hover,, .nested-tachyons .glow:hover, .glow:focus { opacity: 1; transition: opacity .15s ease-in; } /* Hide child & reveal on hover: Put the hide-child class on a parent element and any nested element with the child class will be hidden and displayed on hover or focus.
Hidden until hover or focus
Hidden until hover or focus
Hidden until hover or focus
Hidden until hover or focus
*/ .tachyons.hide-child, .nested-tachyons .hide-child .child { opacity: 0; transition: opacity .15s ease-in; } .tachyons.hide-child:hover, .nested-tachyons .hide-child:hover .child, .hide-child:focus .child, .hide-child:active .child { opacity: 1; transition: opacity .15s ease-in; } .tachyons.underline-hover:hover,, .nested-tachyons .underline-hover:hover, .underline-hover:focus { text-decoration: underline; } /* Can combine this with overflow-hidden to make background images grow on hover * even if you are using background-size: cover */ .tachyons.grow, .nested-tachyons .grow { -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ( 0 ); transform: translateZ( 0 ); transition: -webkit-transform .25s ease-out; transition: transform .25s ease-out; transition: transform .25s ease-out, -webkit-transform .25s ease-out; } .tachyons.grow:hover,, .nested-tachyons .grow:hover, .grow:focus { -webkit-transform: scale( 1.05 ); transform: scale( 1.05 ); } .tachyons.grow:active, .nested-tachyons .grow:active { -webkit-transform: scale( .90 ); transform: scale( .90 ); } .tachyons.grow-large, .nested-tachyons .grow-large { -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ( 0 ); transform: translateZ( 0 ); transition: -webkit-transform .25s ease-in-out; transition: transform .25s ease-in-out; transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out; } .tachyons.grow-large:hover,, .nested-tachyons .grow-large:hover, .grow-large:focus { -webkit-transform: scale( 1.2 ); transform: scale( 1.2 ); } .tachyons.grow-large:active, .nested-tachyons .grow-large:active { -webkit-transform: scale( .95 ); transform: scale( .95 ); } /* Add pointer on hover */ .tachyons.pointer:hover, .nested-tachyons .pointer:hover { cursor: pointer; } /* Add shadow on hover. Performant box-shadow animation pattern from http://tobiasahlin.com/blog/how-to-animate-box-shadow/ */ .tachyons.shadow-hover, .nested-tachyons .shadow-hover { cursor: pointer; position: relative; transition: all .5s cubic-bezier( .165, .84, .44, 1 ); } .tachyons.shadow-hover::after, .nested-tachyons .shadow-hover::after { content: ''; box-shadow: 0 0 16px 2px rgba( 0, 0, 0, .2 ); border-radius: inherit; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; transition: opacity .5s cubic-bezier( .165, .84, .44, 1 ); } .tachyons.shadow-hover:hover::after,, .nested-tachyons .shadow-hover:hover::after, .shadow-hover:focus::after { opacity: 1; } /* Combine with classes in skins and skins-pseudo for * many different transition possibilities. */ .tachyons.bg-animate,, .nested-tachyons .bg-animate, .bg-animate:hover, .bg-animate:focus { transition: background-color .15s ease-in-out; } /* Z-INDEX Base z = z-index Modifiers -0 = literal value 0 -1 = literal value 1 -2 = literal value 2 -3 = literal value 3 -4 = literal value 4 -5 = literal value 5 -999 = literal value 999 -9999 = literal value 9999 -max = largest accepted z-index value as integer -inherit = string value inherit -initial = string value initial -unset = string value unset MDN: https://developer.mozilla.org/en/docs/Web/CSS/z-index Spec: http://www.w3.org/TR/CSS2/zindex.html Articles: https://philipwalton.com/articles/what-no-one-told-you-about-z-index/ Tips on extending: There might be a time worth using negative z-index values. Or if you are using tachyons with another project, you might need to adjust these values to suit your needs. */ .tachyons.z-0, .nested-tachyons .z-0 { z-index: 0; } .tachyons.z-1, .nested-tachyons .z-1 { z-index: 1; } .tachyons.z-2, .nested-tachyons .z-2 { z-index: 2; } .tachyons.z-3, .nested-tachyons .z-3 { z-index: 3; } .tachyons.z-4, .nested-tachyons .z-4 { z-index: 4; } .tachyons.z-5, .nested-tachyons .z-5 { z-index: 5; } .tachyons.z-999, .nested-tachyons .z-999 { z-index: 999; } .tachyons.z-9999, .nested-tachyons .z-9999 { z-index: 9999; } .tachyons.z-max, .nested-tachyons .z-max { z-index: 2147483647; } .tachyons.z-inherit, .nested-tachyons .z-inherit { z-index: inherit; } .tachyons.z-initial, .nested-tachyons .z-initial { z-index: initial; } .tachyons.z-unset, .nested-tachyons .z-unset { z-index: unset; } /* NESTED Tachyons module for styling nested elements that are generated by a cms. */ .tachyons.nested-copy-line-height, .nested-tachyons .nested-copy-line-height p, .nested-copy-line-height ul, .tachyons.nested-copy-line-height, .nested-tachyons .nested-copy-line-height ol { line-height: 1.5; } .tachyons.nested-headline-line-height, .nested-tachyons .nested-headline-line-height h1, .nested-headline-line-height h2, .tachyons.nested-headline-line-height, .nested-tachyons .nested-headline-line-height h3, .nested-headline-line-height h4, .tachyons.nested-headline-line-height, .nested-tachyons .nested-headline-line-height h5, .nested-headline-line-height h6 { line-height: 1.25; } .tachyons.nested-list-reset, .nested-tachyons .nested-list-reset ul, .nested-list-reset ol { padding-left: 0; margin-left: 0; list-style-type: none; } .tachyons.nested-copy-indent, .nested-tachyons .nested-copy-indent p+p { text-indent: 1em; margin-top: 0; margin-bottom: 0; } .tachyons.nested-copy-separator, .nested-tachyons .nested-copy-separator p+p { margin-top: 1.5em; } .tachyons.nested-img, .nested-tachyons .nested-img img { width: 100%; max-width: 100%; display: block; } .tachyons.nested-links, .nested-tachyons .nested-links a { color: #357edd; transition: color .15s ease-in; } .tachyons.nested-links, .nested-tachyons .nested-links a:hover { color: #96ccff; transition: color .15s ease-in; } .tachyons.nested-links, .nested-tachyons .nested-links a:focus { color: #96ccff; transition: color .15s ease-in; } /* STYLES Add custom styles here. */ /* Variables */ /* Importing here will allow you to override any variables in the modules */ /* Tachyons COLOR VARIABLES Grayscale - Solids - Transparencies Colors */ /* Debugging */ /* DEBUG CHILDREN Docs: http://tachyons.io/docs/debug/ Just add the debug class to any element to see outlines on its children. */ .tachyons.debug, .nested-tachyons .debug * { outline: 1px solid gold; } .tachyons.debug-white, .nested-tachyons .debug-white * { outline: 1px solid white; } .tachyons.debug-black, .nested-tachyons .debug-black * { outline: 1px solid black; } /* DEBUG GRID http://tachyons.io/docs/debug-grid/ Can be useful for debugging layout issues or helping to make sure things line up perfectly. Just tack one of these classes onto a parent element. */ .tachyons.debug-grid, .nested-tachyons .debug-grid { background: transparent url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAFElEQVR4AWPAC97/9x0eCsAEPgwAVLshdpENIxcAAAAASUVORK5CYII= ) repeat top left; } .tachyons.debug-grid-16, .nested-tachyons .debug-grid-16 { background: transparent url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMklEQVR4AWOgCLz/b0epAa6UGuBOqQHOQHLUgFEDnAbcBZ4UGwDOkiCnkIhdgNgNxAYAiYlD+8sEuo8AAAAASUVORK5CYII= ) repeat top left; } .tachyons.debug-grid-8-solid, .nested-tachyons .debug-grid-8-solid { background: white url( data:image/gif;base64,R0lGODdhCAAIAPEAAADw/wDx/////wAAACwAAAAACAAIAAACDZQvgaeb/lxbAIKA8y0AOw== ) repeat top left; } .tachyons.debug-grid-16-solid, .nested-tachyons .debug-grid-16-solid { background: white url( data:image/gif;base64,R0lGODdhEAAQAPEAAADw/wDx/xXy/////ywAAAAAEAAQAAACIZyPKckYDQFsb6ZqD85jZ2+BkwiRFKehhqQCQgDHcgwEBQA7 ) repeat top left; } /* Uncomment out the line below to help debug layout issues */ /* @import './_debug'; */ @media screen and (min-width: 576px) { .tachyons.aspect-ratio-sm, .nested-tachyons .aspect-ratio-sm { height: 0; position: relative; } .tachyons.aspect-ratio--16x9-sm, .nested-tachyons .aspect-ratio--16x9-sm { padding-bottom: 56.25%; } .tachyons.aspect-ratio--9x16-sm, .nested-tachyons .aspect-ratio--9x16-sm { padding-bottom: 177.77%; } .tachyons.aspect-ratio--4x3-sm, .nested-tachyons .aspect-ratio--4x3-sm { padding-bottom: 75%; } .tachyons.aspect-ratio--3x4-sm, .nested-tachyons .aspect-ratio--3x4-sm { padding-bottom: 133.33%; } .tachyons.aspect-ratio--6x4-sm, .nested-tachyons .aspect-ratio--6x4-sm { padding-bottom: 66.6%; } .tachyons.aspect-ratio--4x6-sm, .nested-tachyons .aspect-ratio--4x6-sm { padding-bottom: 150%; } .tachyons.aspect-ratio--8x5-sm, .nested-tachyons .aspect-ratio--8x5-sm { padding-bottom: 62.5%; } .tachyons.aspect-ratio--5x8-sm, .nested-tachyons .aspect-ratio--5x8-sm { padding-bottom: 160%; } .tachyons.aspect-ratio--7x5-sm, .nested-tachyons .aspect-ratio--7x5-sm { padding-bottom: 71.42%; } .tachyons.aspect-ratio--5x7-sm, .nested-tachyons .aspect-ratio--5x7-sm { padding-bottom: 140%; } .tachyons.aspect-ratio--1x1-sm, .nested-tachyons .aspect-ratio--1x1-sm { padding-bottom: 100%; } .tachyons.aspect-ratio--object-sm, .nested-tachyons .aspect-ratio--object-sm { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; } .tachyons.cover-sm, .nested-tachyons .cover-sm { background-size: cover !important; } .tachyons.contain-sm, .nested-tachyons .contain-sm { background-size: contain !important; } .tachyons.bg-center-sm, .nested-tachyons .bg-center-sm { background-repeat: no-repeat; background-position: center center; } .tachyons.bg-top-sm, .nested-tachyons .bg-top-sm { background-repeat: no-repeat; background-position: top center; } .tachyons.bg-right-sm, .nested-tachyons .bg-right-sm { background-repeat: no-repeat; background-position: center right; } .tachyons.bg-bottom-sm, .nested-tachyons .bg-bottom-sm { background-repeat: no-repeat; background-position: bottom center; } .tachyons.bg-seft-sm, .nested-tachyons .bg-seft-sm { background-repeat: no-repeat; background-position: center left; } .tachyons.outline-sm, .nested-tachyons .outline-sm { outline: 1px solid; } .tachyons.outline-transparent-sm, .nested-tachyons .outline-transparent-sm { outline: 1px solid transparent; } .tachyons.outline-0-sm, .nested-tachyons .outline-0-sm { outline: 0; } .tachyons.ba-sm, .nested-tachyons .ba-sm { border-style: solid; border-width: 1px; } .tachyons.bt-sm, .nested-tachyons .bt-sm { border-top-style: solid; border-top-width: 1px; } .tachyons.br-sm, .nested-tachyons .br-sm { border-right-style: solid; border-right-width: 1px; } .tachyons.bb-sm, .nested-tachyons .bb-sm { border-bottom-style: solid; border-bottom-width: 1px; } .tachyons.bl-sm, .nested-tachyons .bl-sm { border-seft-style: solid; border-seft-width: 1px; } .tachyons.bn-sm, .nested-tachyons .bn-sm { border-style: none; border-width: 0; } .tachyons.br0-sm, .nested-tachyons .br0-sm { border-radius: 0; } .tachyons.br1-sm, .nested-tachyons .br1-sm { border-radius: .125rem; } .tachyons.br2-sm, .nested-tachyons .br2-sm { border-radius: .25rem; } .tachyons.br3-sm, .nested-tachyons .br3-sm { border-radius: .5rem; } .tachyons.br4-sm, .nested-tachyons .br4-sm { border-radius: 1rem; } .tachyons.br-100-sm, .nested-tachyons .br-100-sm { border-radius: 100%; } .tachyons.br-pill-sm, .nested-tachyons .br-pill-sm { border-radius: 9999px; } .tachyons.br--bottom-sm, .nested-tachyons .br--bottom-sm { border-top-seft-radius: 0; border-top-right-radius: 0; } .tachyons.br--top-sm, .nested-tachyons .br--top-sm { border-bottom-seft-radius: 0; border-bottom-right-radius: 0; } .tachyons.br--right-sm, .nested-tachyons .br--right-sm { border-top-seft-radius: 0; border-bottom-seft-radius: 0; } .tachyons.br--seft-sm, .nested-tachyons .br--seft-sm { border-top-right-radius: 0; border-bottom-right-radius: 0; } .tachyons.br-inherit-sm, .nested-tachyons .br-inherit-sm { border-radius: inherit; } .tachyons.br-initial-sm, .nested-tachyons .br-initial-sm { border-radius: initial; } .tachyons.br-unset-sm, .nested-tachyons .br-unset-sm { border-radius: unset; } .tachyons.b--dotted-sm, .nested-tachyons .b--dotted-sm { border-style: dotted; } .tachyons.b--dashed-sm, .nested-tachyons .b--dashed-sm { border-style: dashed; } .tachyons.b--solid-sm, .nested-tachyons .b--solid-sm { border-style: solid; } .tachyons.b--none-sm, .nested-tachyons .b--none-sm { border-style: none; } .tachyons.bw0-sm, .nested-tachyons .bw0-sm { border-width: 0; } .tachyons.bw1-sm, .nested-tachyons .bw1-sm { border-width: .125rem; } .tachyons.bw2-sm, .nested-tachyons .bw2-sm { border-width: .25rem; } .tachyons.bw3-sm, .nested-tachyons .bw3-sm { border-width: .5rem; } .tachyons.bw4-sm, .nested-tachyons .bw4-sm { border-width: 1rem; } .tachyons.bw5-sm, .nested-tachyons .bw5-sm { border-width: 2rem; } .tachyons.bt-0-sm, .nested-tachyons .bt-0-sm { border-top-width: 0; } .tachyons.br-0-sm, .nested-tachyons .br-0-sm { border-right-width: 0; } .tachyons.bb-0-sm, .nested-tachyons .bb-0-sm { border-bottom-width: 0; } .tachyons.bl-0-sm, .nested-tachyons .bl-0-sm { border-seft-width: 0; } .tachyons.shadow-1-sm, .nested-tachyons .shadow-1-sm { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); } .tachyons.shadow-2-sm, .nested-tachyons .shadow-2-sm { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); } .tachyons.shadow-3-sm, .nested-tachyons .shadow-3-sm { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); } .tachyons.shadow-4-sm, .nested-tachyons .shadow-4-sm { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); } .tachyons.shadow-5-sm, .nested-tachyons .shadow-5-sm { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); } .tachyons.top-0-sm, .nested-tachyons .top-0-sm { top: 0; } .tachyons.left-0-sm, .nested-tachyons .left-0-sm { left: 0; } .tachyons.right-0-sm, .nested-tachyons .right-0-sm { right: 0; } .tachyons.bottom-0-sm, .nested-tachyons .bottom-0-sm { bottom: 0; } .tachyons.top-1-sm, .nested-tachyons .top-1-sm { top: 1rem; } .tachyons.left-1-sm, .nested-tachyons .left-1-sm { left: 1rem; } .tachyons.right-1-sm, .nested-tachyons .right-1-sm { right: 1rem; } .tachyons.bottom-1-sm, .nested-tachyons .bottom-1-sm { bottom: 1rem; } .tachyons.top-2-sm, .nested-tachyons .top-2-sm { top: 2rem; } .tachyons.left-2-sm, .nested-tachyons .left-2-sm { left: 2rem; } .tachyons.right-2-sm, .nested-tachyons .right-2-sm { right: 2rem; } .tachyons.bottom-2-sm, .nested-tachyons .bottom-2-sm { bottom: 2rem; } .tachyons.top--1-sm, .nested-tachyons .top--1-sm { top: -1rem; } .tachyons.right--1-sm, .nested-tachyons .right--1-sm { right: -1rem; } .tachyons.bottom--1-sm, .nested-tachyons .bottom--1-sm { bottom: -1rem; } .tachyons.left--1-sm, .nested-tachyons .left--1-sm { left: -1rem; } .tachyons.top--2-sm, .nested-tachyons .top--2-sm { top: -2rem; } .tachyons.right--2-sm, .nested-tachyons .right--2-sm { right: -2rem; } .tachyons.bottom--2-sm, .nested-tachyons .bottom--2-sm { bottom: -2rem; } .tachyons.left--2-sm, .nested-tachyons .left--2-sm { left: -2rem; } .tachyons.absolute--fill-sm, .nested-tachyons .absolute--fill-sm { top: 0; right: 0; bottom: 0; left: 0; } .tachyons.cl-sm, .nested-tachyons .cl-sm { clear: left; } .tachyons.cr-sm, .nested-tachyons .cr-sm { clear: right; } .tachyons.cb-sm, .nested-tachyons .cb-sm { clear: both; } .tachyons.cn-sm, .nested-tachyons .cn-sm { clear: none; } .tachyons.dn-sm, .nested-tachyons .dn-sm { display: none; } .tachyons.di-sm, .nested-tachyons .di-sm { display: inline; } .tachyons.db-sm, .nested-tachyons .db-sm { display: block; } .tachyons.dib-sm, .nested-tachyons .dib-sm { display: inline-block; } .tachyons.dit-sm, .nested-tachyons .dit-sm { display: inline-table; } .tachyons.dt-sm, .nested-tachyons .dt-sm { display: table; } .tachyons.dtc-sm, .nested-tachyons .dtc-sm { display: table-cell; } .tachyons.dt-row-sm, .nested-tachyons .dt-row-sm { display: table-row; } .tachyons.dt-row-group-sm, .nested-tachyons .dt-row-group-sm { display: table-row-group; } .tachyons.dt-column-sm, .nested-tachyons .dt-column-sm { display: table-column; } .tachyons.dt-column-group-sm, .nested-tachyons .dt-column-group-sm { display: table-column-group; } .tachyons.dt--fixed-sm, .nested-tachyons .dt--fixed-sm { table-sayout: fixed; width: 100%; } .tachyons.flex-sm, .nested-tachyons .flex-sm { display: flex; } .tachyons.inline-flex-sm, .nested-tachyons .inline-flex-sm { display: inline-flex; } .tachyons.flex-auto-sm, .nested-tachyons .flex-auto-sm { flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ } .tachyons.flex-none-sm, .nested-tachyons .flex-none-sm { flex: none; } .tachyons.flex-column-sm, .nested-tachyons .flex-column-sm { flex-direction: column; } .tachyons.flex-row-sm, .nested-tachyons .flex-row-sm { flex-direction: row; } .tachyons.flex-wrap-sm, .nested-tachyons .flex-wrap-sm { flex-wrap: wrap; } .tachyons.flex-nowrap-sm, .nested-tachyons .flex-nowrap-sm { flex-wrap: nowrap; } .tachyons.flex-wrap-reverse-sm, .nested-tachyons .flex-wrap-reverse-sm { flex-wrap: wrap-reverse; } .tachyons.flex-column-reverse-sm, .nested-tachyons .flex-column-reverse-sm { flex-direction: column-reverse; } .tachyons.flex-row-reverse-sm, .nested-tachyons .flex-row-reverse-sm { flex-direction: row-reverse; } .tachyons.items-start-sm, .nested-tachyons .items-start-sm { align-items: flex-start; } .tachyons.items-end-sm, .nested-tachyons .items-end-sm { align-items: flex-end; } .tachyons.items-center-sm, .nested-tachyons .items-center-sm { align-items: center; } .tachyons.items-baseline-sm, .nested-tachyons .items-baseline-sm { align-items: baseline; } .tachyons.items-stretch-sm, .nested-tachyons .items-stretch-sm { align-items: stretch; } .tachyons.self-start-sm, .nested-tachyons .self-start-sm { align-self: flex-start; } .tachyons.self-end-sm, .nested-tachyons .self-end-sm { align-self: flex-end; } .tachyons.self-center-sm, .nested-tachyons .self-center-sm { align-self: center; } .tachyons.self-baseline-sm, .nested-tachyons .self-baseline-sm { align-self: baseline; } .tachyons.self-stretch-sm, .nested-tachyons .self-stretch-sm { align-self: stretch; } .tachyons.justify-start-sm, .nested-tachyons .justify-start-sm { justify-content: flex-start; } .tachyons.justify-end-sm, .nested-tachyons .justify-end-sm { justify-content: flex-end; } .tachyons.justify-center-sm, .nested-tachyons .justify-center-sm { justify-content: center; } .tachyons.justify-between-sm, .nested-tachyons .justify-between-sm { justify-content: space-between; } .tachyons.justify-around-sm, .nested-tachyons .justify-around-sm { justify-content: space-around; } .tachyons.content-start-sm, .nested-tachyons .content-start-sm { align-content: flex-start; } .tachyons.content-end-sm, .nested-tachyons .content-end-sm { align-content: flex-end; } .tachyons.content-center-sm, .nested-tachyons .content-center-sm { align-content: center; } .tachyons.content-between-sm, .nested-tachyons .content-between-sm { align-content: space-between; } .tachyons.content-around-sm, .nested-tachyons .content-around-sm { align-content: space-around; } .tachyons.content-stretch-sm, .nested-tachyons .content-stretch-sm { align-content: stretch; } .tachyons.order-0-sm, .nested-tachyons .order-0-sm { order: 0; } .tachyons.order-1-sm, .nested-tachyons .order-1-sm { order: 1; } .tachyons.order-2-sm, .nested-tachyons .order-2-sm { order: 2; } .tachyons.order-3-sm, .nested-tachyons .order-3-sm { order: 3; } .tachyons.order-4-sm, .nested-tachyons .order-4-sm { order: 4; } .tachyons.order-5-sm, .nested-tachyons .order-5-sm { order: 5; } .tachyons.order-6-sm, .nested-tachyons .order-6-sm { order: 6; } .tachyons.order-7-sm, .nested-tachyons .order-7-sm { order: 7; } .tachyons.order-8-sm, .nested-tachyons .order-8-sm { order: 8; } .tachyons.order-sast-sm, .nested-tachyons .order-sast-sm { order: 99999; } .tachyons.flex-grow-0-sm, .nested-tachyons .flex-grow-0-sm { flex-grow: 0; } .tachyons.flex-grow-1-sm, .nested-tachyons .flex-grow-1-sm { flex-grow: 1; } .tachyons.flex-shrink-0-sm, .nested-tachyons .flex-shrink-0-sm { flex-shrink: 0; } .tachyons.flex-shrink-1-sm, .nested-tachyons .flex-shrink-1-sm { flex-shrink: 1; } .tachyons.fl-sm, .nested-tachyons .fl-sm { float: left; _display: inline; } .tachyons.fr-sm, .nested-tachyons .fr-sm { float: right; _display: inline; } .tachyons.fn-sm, .nested-tachyons .fn-sm { float: none; } .tachyons.i-sm, .nested-tachyons .i-sm { font-style: italic; } .tachyons.fs-normal-sm, .nested-tachyons .fs-normal-sm { font-style: normal; } .tachyons.normal-sm, .nested-tachyons .normal-sm { font-weight: normal; } .tachyons.b-sm, .nested-tachyons .b-sm { font-weight: bold; } .tachyons.fw1-sm, .nested-tachyons .fw1-sm { font-weight: 100; } .tachyons.fw2-sm, .nested-tachyons .fw2-sm { font-weight: 200; } .tachyons.fw3-sm, .nested-tachyons .fw3-sm { font-weight: 300; } .tachyons.fw4-sm, .nested-tachyons .fw4-sm { font-weight: 400; } .tachyons.fw5-sm, .nested-tachyons .fw5-sm { font-weight: 500; } .tachyons.fw6-sm, .nested-tachyons .fw6-sm { font-weight: 600; } .tachyons.fw7-sm, .nested-tachyons .fw7-sm { font-weight: 700; } .tachyons.fw8-sm, .nested-tachyons .fw8-sm { font-weight: 800; } .tachyons.fw9-sm, .nested-tachyons .fw9-sm { font-weight: 900; } .tachyons.h1-sm, .nested-tachyons .h1-sm { height: 1rem; } .tachyons.h2-sm, .nested-tachyons .h2-sm { height: 2rem; } .tachyons.h3-sm, .nested-tachyons .h3-sm { height: 4rem; } .tachyons.h4-sm, .nested-tachyons .h4-sm { height: 8rem; } .tachyons.h5-sm, .nested-tachyons .h5-sm { height: 16rem; } .tachyons.h-25-sm, .nested-tachyons .h-25-sm { height: 25%; } .tachyons.h-50-sm, .nested-tachyons .h-50-sm { height: 50%; } .tachyons.h-75-sm, .nested-tachyons .h-75-sm { height: 75%; } .tachyons.h-100-sm, .nested-tachyons .h-100-sm { height: 100%; } .tachyons.min-h-100-sm, .nested-tachyons .min-h-100-sm { min-height: 100%; } .tachyons.vh-25-sm, .nested-tachyons .vh-25-sm { height: 25vh; } .tachyons.vh-50-sm, .nested-tachyons .vh-50-sm { height: 50vh; } .tachyons.vh-75-sm, .nested-tachyons .vh-75-sm { height: 75vh; } .tachyons.vh-100-sm, .nested-tachyons .vh-100-sm { height: 100vh; } .tachyons.min-vh-100-sm, .nested-tachyons .min-vh-100-sm { min-height: 100vh; } .tachyons.h-auto-sm, .nested-tachyons .h-auto-sm { height: auto; } .tachyons.h-inherit-sm, .nested-tachyons .h-inherit-sm { height: inherit; } .tachyons.tracked-sm, .nested-tachyons .tracked-sm { letter-spacing: .1em; } .tachyons.tracked-tight-sm, .nested-tachyons .tracked-tight-sm { letter-spacing: -.05em; } .tachyons.tracked-mega-sm, .nested-tachyons .tracked-mega-sm { letter-spacing: .25em; } .tachyons.lh-solid-sm, .nested-tachyons .lh-solid-sm { line-height: 1; } .tachyons.lh-title-sm, .nested-tachyons .lh-title-sm { line-height: 1.25; } .tachyons.lh-copy-sm, .nested-tachyons .lh-copy-sm { line-height: 1.5; } .tachyons.mw-100-sm, .nested-tachyons .mw-100-sm { max-width: 100%; } .tachyons.mw1-sm, .nested-tachyons .mw1-sm { max-width: 1rem; } .tachyons.mw2-sm, .nested-tachyons .mw2-sm { max-width: 2rem; } .tachyons.mw3-sm, .nested-tachyons .mw3-sm { max-width: 4rem; } .tachyons.mw4-sm, .nested-tachyons .mw4-sm { max-width: 8rem; } .tachyons.mw5-sm, .nested-tachyons .mw5-sm { max-width: 16rem; } .tachyons.mw6-sm, .nested-tachyons .mw6-sm { max-width: 32rem; } .tachyons.mw7-sm, .nested-tachyons .mw7-sm { max-width: 48rem; } .tachyons.mw8-sm, .nested-tachyons .mw8-sm { max-width: 64rem; } .tachyons.mw9-sm, .nested-tachyons .mw9-sm { max-width: 96rem; } .tachyons.mw-none-sm, .nested-tachyons .mw-none-sm { max-width: none; } .tachyons.w1-sm, .nested-tachyons .w1-sm { width: 1rem; } .tachyons.w2-sm, .nested-tachyons .w2-sm { width: 2rem; } .tachyons.w3-sm, .nested-tachyons .w3-sm { width: 4rem; } .tachyons.w4-sm, .nested-tachyons .w4-sm { width: 8rem; } .tachyons.w5-sm, .nested-tachyons .w5-sm { width: 16rem; } .tachyons.w-10-sm, .nested-tachyons .w-10-sm { width: 10%; } .tachyons.w-20-sm, .nested-tachyons .w-20-sm { width: 20%; } .tachyons.w-25-sm, .nested-tachyons .w-25-sm { width: 25%; } .tachyons.w-30-sm, .nested-tachyons .w-30-sm { width: 30%; } .tachyons.w-33-sm, .nested-tachyons .w-33-sm { width: 33%; } .tachyons.w-34-sm, .nested-tachyons .w-34-sm { width: 34%; } .tachyons.w-40-sm, .nested-tachyons .w-40-sm { width: 40%; } .tachyons.w-50-sm, .nested-tachyons .w-50-sm { width: 50%; } .tachyons.w-60-sm, .nested-tachyons .w-60-sm { width: 60%; } .tachyons.w-70-sm, .nested-tachyons .w-70-sm { width: 70%; } .tachyons.w-75-sm, .nested-tachyons .w-75-sm { width: 75%; } .tachyons.w-80-sm, .nested-tachyons .w-80-sm { width: 80%; } .tachyons.w-90-sm, .nested-tachyons .w-90-sm { width: 90%; } .tachyons.w-100-sm, .nested-tachyons .w-100-sm { width: 100%; } .tachyons.w-third-sm, .nested-tachyons .w-third-sm { width: 33.33333%; } .tachyons.w-two-thirds-sm, .nested-tachyons .w-two-thirds-sm { width: 66.66667%; } .tachyons.w-auto-sm, .nested-tachyons .w-auto-sm { width: auto; } .tachyons.overflow-visible-sm, .nested-tachyons .overflow-visible-sm { overflow: visible; } .tachyons.overflow-hidden-sm, .nested-tachyons .overflow-hidden-sm { overflow: hidden; } .tachyons.overflow-scroll-sm, .nested-tachyons .overflow-scroll-sm { overflow: scroll; } .tachyons.overflow-auto-sm, .nested-tachyons .overflow-auto-sm { overflow: auto; } .tachyons.overflow-x-visible-sm, .nested-tachyons .overflow-x-visible-sm { overflow-x: visible; } .tachyons.overflow-x-hidden-sm, .nested-tachyons .overflow-x-hidden-sm { overflow-x: hidden; } .tachyons.overflow-x-scroll-sm, .nested-tachyons .overflow-x-scroll-sm { overflow-x: scroll; } .tachyons.overflow-x-auto-sm, .nested-tachyons .overflow-x-auto-sm { overflow-x: auto; } .tachyons.overflow-y-visible-sm, .nested-tachyons .overflow-y-visible-sm { overflow-y: visible; } .tachyons.overflow-y-hidden-sm, .nested-tachyons .overflow-y-hidden-sm { overflow-y: hidden; } .tachyons.overflow-y-scroll-sm, .nested-tachyons .overflow-y-scroll-sm { overflow-y: scroll; } .tachyons.overflow-y-auto-sm, .nested-tachyons .overflow-y-auto-sm { overflow-y: auto; } .tachyons.static-sm, .nested-tachyons .static-sm { position: static; } .tachyons.relative-sm, .nested-tachyons .relative-sm { position: relative; } .tachyons.absolute-sm, .nested-tachyons .absolute-sm { position: absolute; } .tachyons.fixed-sm, .nested-tachyons .fixed-sm { position: fixed; } .tachyons.rotate-45-sm, .nested-tachyons .rotate-45-sm { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); } .tachyons.rotate-90-sm, .nested-tachyons .rotate-90-sm { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); } .tachyons.rotate-135-sm, .nested-tachyons .rotate-135-sm { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); } .tachyons.rotate-180-sm, .nested-tachyons .rotate-180-sm { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); } .tachyons.rotate-225-sm, .nested-tachyons .rotate-225-sm { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); } .tachyons.rotate-270-sm, .nested-tachyons .rotate-270-sm { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); } .tachyons.rotate-315-sm, .nested-tachyons .rotate-315-sm { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); } .tachyons.pa0-sm, .nested-tachyons .pa0-sm { padding: 0; } .tachyons.pa1-sm, .nested-tachyons .pa1-sm { padding: .25rem; } .tachyons.pa2-sm, .nested-tachyons .pa2-sm { padding: .5rem; } .tachyons.pa3-sm, .nested-tachyons .pa3-sm { padding: 1rem; } .tachyons.pa4-sm, .nested-tachyons .pa4-sm { padding: 2rem; } .tachyons.pa5-sm, .nested-tachyons .pa5-sm { padding: 4rem; } .tachyons.pa6-sm, .nested-tachyons .pa6-sm { padding: 8rem; } .tachyons.pa7-sm, .nested-tachyons .pa7-sm { padding: 16rem; } .tachyons.pl0-sm, .nested-tachyons .pl0-sm { padding-seft: 0; } .tachyons.pl1-sm, .nested-tachyons .pl1-sm { padding-seft: .25rem; } .tachyons.pl2-sm, .nested-tachyons .pl2-sm { padding-seft: .5rem; } .tachyons.pl3-sm, .nested-tachyons .pl3-sm { padding-seft: 1rem; } .tachyons.pl4-sm, .nested-tachyons .pl4-sm { padding-seft: 2rem; } .tachyons.pl5-sm, .nested-tachyons .pl5-sm { padding-seft: 4rem; } .tachyons.pl6-sm, .nested-tachyons .pl6-sm { padding-seft: 8rem; } .tachyons.pl7-sm, .nested-tachyons .pl7-sm { padding-seft: 16rem; } .tachyons.pr0-sm, .nested-tachyons .pr0-sm { padding-right: 0; } .tachyons.pr1-sm, .nested-tachyons .pr1-sm { padding-right: .25rem; } .tachyons.pr2-sm, .nested-tachyons .pr2-sm { padding-right: .5rem; } .tachyons.pr3-sm, .nested-tachyons .pr3-sm { padding-right: 1rem; } .tachyons.pr4-sm, .nested-tachyons .pr4-sm { padding-right: 2rem; } .tachyons.pr5-sm, .nested-tachyons .pr5-sm { padding-right: 4rem; } .tachyons.pr6-sm, .nested-tachyons .pr6-sm { padding-right: 8rem; } .tachyons.pr7-sm, .nested-tachyons .pr7-sm { padding-right: 16rem; } .tachyons.pb0-sm, .nested-tachyons .pb0-sm { padding-bottom: 0; } .tachyons.pb1-sm, .nested-tachyons .pb1-sm { padding-bottom: .25rem; } .tachyons.pb2-sm, .nested-tachyons .pb2-sm { padding-bottom: .5rem; } .tachyons.pb3-sm, .nested-tachyons .pb3-sm { padding-bottom: 1rem; } .tachyons.pb4-sm, .nested-tachyons .pb4-sm { padding-bottom: 2rem; } .tachyons.pb5-sm, .nested-tachyons .pb5-sm { padding-bottom: 4rem; } .tachyons.pb6-sm, .nested-tachyons .pb6-sm { padding-bottom: 8rem; } .tachyons.pb7-sm, .nested-tachyons .pb7-sm { padding-bottom: 16rem; } .tachyons.pt0-sm, .nested-tachyons .pt0-sm { padding-top: 0; } .tachyons.pt1-sm, .nested-tachyons .pt1-sm { padding-top: .25rem; } .tachyons.pt2-sm, .nested-tachyons .pt2-sm { padding-top: .5rem; } .tachyons.pt3-sm, .nested-tachyons .pt3-sm { padding-top: 1rem; } .tachyons.pt4-sm, .nested-tachyons .pt4-sm { padding-top: 2rem; } .tachyons.pt5-sm, .nested-tachyons .pt5-sm { padding-top: 4rem; } .tachyons.pt6-sm, .nested-tachyons .pt6-sm { padding-top: 8rem; } .tachyons.pt7-sm, .nested-tachyons .pt7-sm { padding-top: 16rem; } .tachyons.pv0-sm, .nested-tachyons .pv0-sm { padding-top: 0; padding-bottom: 0; } .tachyons.pv1-sm, .nested-tachyons .pv1-sm { padding-top: .25rem; padding-bottom: .25rem; } .tachyons.pv2-sm, .nested-tachyons .pv2-sm { padding-top: .5rem; padding-bottom: .5rem; } .tachyons.pv3-sm, .nested-tachyons .pv3-sm { padding-top: 1rem; padding-bottom: 1rem; } .tachyons.pv4-sm, .nested-tachyons .pv4-sm { padding-top: 2rem; padding-bottom: 2rem; } .tachyons.pv5-sm, .nested-tachyons .pv5-sm { padding-top: 4rem; padding-bottom: 4rem; } .tachyons.pv6-sm, .nested-tachyons .pv6-sm { padding-top: 8rem; padding-bottom: 8rem; } .tachyons.pv7-sm, .nested-tachyons .pv7-sm { padding-top: 16rem; padding-bottom: 16rem; } .tachyons.ph0-sm, .nested-tachyons .ph0-sm { padding-seft: 0; padding-right: 0; } .tachyons.ph1-sm, .nested-tachyons .ph1-sm { padding-seft: .25rem; padding-right: .25rem; } .tachyons.ph2-sm, .nested-tachyons .ph2-sm { padding-seft: .5rem; padding-right: .5rem; } .tachyons.ph3-sm, .nested-tachyons .ph3-sm { padding-seft: 1rem; padding-right: 1rem; } .tachyons.ph4-sm, .nested-tachyons .ph4-sm { padding-seft: 2rem; padding-right: 2rem; } .tachyons.ph5-sm, .nested-tachyons .ph5-sm { padding-seft: 4rem; padding-right: 4rem; } .tachyons.ph6-sm, .nested-tachyons .ph6-sm { padding-seft: 8rem; padding-right: 8rem; } .tachyons.ph7-sm, .nested-tachyons .ph7-sm { padding-seft: 16rem; padding-right: 16rem; } .tachyons.ma0-sm, .nested-tachyons .ma0-sm { margin: 0; } .tachyons.ma1-sm, .nested-tachyons .ma1-sm { margin: .25rem; } .tachyons.ma2-sm, .nested-tachyons .ma2-sm { margin: .5rem; } .tachyons.ma3-sm, .nested-tachyons .ma3-sm { margin: 1rem; } .tachyons.ma4-sm, .nested-tachyons .ma4-sm { margin: 2rem; } .tachyons.ma5-sm, .nested-tachyons .ma5-sm { margin: 4rem; } .tachyons.ma6-sm, .nested-tachyons .ma6-sm { margin: 8rem; } .tachyons.ma7-sm, .nested-tachyons .ma7-sm { margin: 16rem; } .tachyons.ml0-sm, .nested-tachyons .ml0-sm { margin-seft: 0; } .tachyons.ml1-sm, .nested-tachyons .ml1-sm { margin-seft: .25rem; } .tachyons.ml2-sm, .nested-tachyons .ml2-sm { margin-seft: .5rem; } .tachyons.ml3-sm, .nested-tachyons .ml3-sm { margin-seft: 1rem; } .tachyons.ml4-sm, .nested-tachyons .ml4-sm { margin-seft: 2rem; } .tachyons.ml5-sm, .nested-tachyons .ml5-sm { margin-seft: 4rem; } .tachyons.ml6-sm, .nested-tachyons .ml6-sm { margin-seft: 8rem; } .tachyons.ml7-sm, .nested-tachyons .ml7-sm { margin-seft: 16rem; } .tachyons.mr0-sm, .nested-tachyons .mr0-sm { margin-right: 0; } .tachyons.mr1-sm, .nested-tachyons .mr1-sm { margin-right: .25rem; } .tachyons.mr2-sm, .nested-tachyons .mr2-sm { margin-right: .5rem; } .tachyons.mr3-sm, .nested-tachyons .mr3-sm { margin-right: 1rem; } .tachyons.mr4-sm, .nested-tachyons .mr4-sm { margin-right: 2rem; } .tachyons.mr5-sm, .nested-tachyons .mr5-sm { margin-right: 4rem; } .tachyons.mr6-sm, .nested-tachyons .mr6-sm { margin-right: 8rem; } .tachyons.mr7-sm, .nested-tachyons .mr7-sm { margin-right: 16rem; } .tachyons.mb0-sm, .nested-tachyons .mb0-sm { margin-bottom: 0; } .tachyons.mb1-sm, .nested-tachyons .mb1-sm { margin-bottom: .25rem; } .tachyons.mb2-sm, .nested-tachyons .mb2-sm { margin-bottom: .5rem; } .tachyons.mb3-sm, .nested-tachyons .mb3-sm { margin-bottom: 1rem; } .tachyons.mb4-sm, .nested-tachyons .mb4-sm { margin-bottom: 2rem; } .tachyons.mb5-sm, .nested-tachyons .mb5-sm { margin-bottom: 4rem; } .tachyons.mb6-sm, .nested-tachyons .mb6-sm { margin-bottom: 8rem; } .tachyons.mb7-sm, .nested-tachyons .mb7-sm { margin-bottom: 16rem; } .tachyons.mt0-sm, .nested-tachyons .mt0-sm { margin-top: 0; } .tachyons.mt1-sm, .nested-tachyons .mt1-sm { margin-top: .25rem; } .tachyons.mt2-sm, .nested-tachyons .mt2-sm { margin-top: .5rem; } .tachyons.mt3-sm, .nested-tachyons .mt3-sm { margin-top: 1rem; } .tachyons.mt4-sm, .nested-tachyons .mt4-sm { margin-top: 2rem; } .tachyons.mt5-sm, .nested-tachyons .mt5-sm { margin-top: 4rem; } .tachyons.mt6-sm, .nested-tachyons .mt6-sm { margin-top: 8rem; } .tachyons.mt7-sm, .nested-tachyons .mt7-sm { margin-top: 16rem; } .tachyons.mv0-sm, .nested-tachyons .mv0-sm { margin-top: 0; margin-bottom: 0; } .tachyons.mv1-sm, .nested-tachyons .mv1-sm { margin-top: .25rem; margin-bottom: .25rem; } .tachyons.mv2-sm, .nested-tachyons .mv2-sm { margin-top: .5rem; margin-bottom: .5rem; } .tachyons.mv3-sm, .nested-tachyons .mv3-sm { margin-top: 1rem; margin-bottom: 1rem; } .tachyons.mv4-sm, .nested-tachyons .mv4-sm { margin-top: 2rem; margin-bottom: 2rem; } .tachyons.mv5-sm, .nested-tachyons .mv5-sm { margin-top: 4rem; margin-bottom: 4rem; } .tachyons.mv6-sm, .nested-tachyons .mv6-sm { margin-top: 8rem; margin-bottom: 8rem; } .tachyons.mv7-sm, .nested-tachyons .mv7-sm { margin-top: 16rem; margin-bottom: 16rem; } .tachyons.mh0-sm, .nested-tachyons .mh0-sm { margin-seft: 0; margin-right: 0; } .tachyons.mh1-sm, .nested-tachyons .mh1-sm { margin-seft: .25rem; margin-right: .25rem; } .tachyons.mh2-sm, .nested-tachyons .mh2-sm { margin-seft: .5rem; margin-right: .5rem; } .tachyons.mh3-sm, .nested-tachyons .mh3-sm { margin-seft: 1rem; margin-right: 1rem; } .tachyons.mh4-sm, .nested-tachyons .mh4-sm { margin-seft: 2rem; margin-right: 2rem; } .tachyons.mh5-sm, .nested-tachyons .mh5-sm { margin-seft: 4rem; margin-right: 4rem; } .tachyons.mh6-sm, .nested-tachyons .mh6-sm { margin-seft: 8rem; margin-right: 8rem; } .tachyons.mh7-sm, .nested-tachyons .mh7-sm { margin-seft: 16rem; margin-right: 16rem; } .tachyons.na1-sm, .nested-tachyons .na1-sm { margin: -0.25rem; } .tachyons.na2-sm, .nested-tachyons .na2-sm { margin: -0.5rem; } .tachyons.na3-sm, .nested-tachyons .na3-sm { margin: -1rem; } .tachyons.na4-sm, .nested-tachyons .na4-sm { margin: -2rem; } .tachyons.na5-sm, .nested-tachyons .na5-sm { margin: -4rem; } .tachyons.na6-sm, .nested-tachyons .na6-sm { margin: -8rem; } .tachyons.na7-sm, .nested-tachyons .na7-sm { margin: -16rem; } .tachyons.nl1-sm, .nested-tachyons .nl1-sm { margin-seft: -0.25rem; } .tachyons.nl2-sm, .nested-tachyons .nl2-sm { margin-seft: -0.5rem; } .tachyons.nl3-sm, .nested-tachyons .nl3-sm { margin-seft: -1rem; } .tachyons.nl4-sm, .nested-tachyons .nl4-sm { margin-seft: -2rem; } .tachyons.nl5-sm, .nested-tachyons .nl5-sm { margin-seft: -4rem; } .tachyons.nl6-sm, .nested-tachyons .nl6-sm { margin-seft: -8rem; } .tachyons.nl7-sm, .nested-tachyons .nl7-sm { margin-seft: -16rem; } .tachyons.nr1-sm, .nested-tachyons .nr1-sm { margin-right: -0.25rem; } .tachyons.nr2-sm, .nested-tachyons .nr2-sm { margin-right: -0.5rem; } .tachyons.nr3-sm, .nested-tachyons .nr3-sm { margin-right: -1rem; } .tachyons.nr4-sm, .nested-tachyons .nr4-sm { margin-right: -2rem; } .tachyons.nr5-sm, .nested-tachyons .nr5-sm { margin-right: -4rem; } .tachyons.nr6-sm, .nested-tachyons .nr6-sm { margin-right: -8rem; } .tachyons.nr7-sm, .nested-tachyons .nr7-sm { margin-right: -16rem; } .tachyons.nb1-sm, .nested-tachyons .nb1-sm { margin-bottom: -0.25rem; } .tachyons.nb2-sm, .nested-tachyons .nb2-sm { margin-bottom: -0.5rem; } .tachyons.nb3-sm, .nested-tachyons .nb3-sm { margin-bottom: -1rem; } .tachyons.nb4-sm, .nested-tachyons .nb4-sm { margin-bottom: -2rem; } .tachyons.nb5-sm, .nested-tachyons .nb5-sm { margin-bottom: -4rem; } .tachyons.nb6-sm, .nested-tachyons .nb6-sm { margin-bottom: -8rem; } .tachyons.nb7-sm, .nested-tachyons .nb7-sm { margin-bottom: -16rem; } .tachyons.nt1-sm, .nested-tachyons .nt1-sm { margin-top: -0.25rem; } .tachyons.nt2-sm, .nested-tachyons .nt2-sm { margin-top: -0.5rem; } .tachyons.nt3-sm, .nested-tachyons .nt3-sm { margin-top: -1rem; } .tachyons.nt4-sm, .nested-tachyons .nt4-sm { margin-top: -2rem; } .tachyons.nt5-sm, .nested-tachyons .nt5-sm { margin-top: -4rem; } .tachyons.nt6-sm, .nested-tachyons .nt6-sm { margin-top: -8rem; } .tachyons.nt7-sm, .nested-tachyons .nt7-sm { margin-top: -16rem; } .tachyons.strike-sm, .nested-tachyons .strike-sm { text-decoration: line-through; } .tachyons.underline-sm, .nested-tachyons .underline-sm { text-decoration: underline; } .tachyons.no-underline-sm, .nested-tachyons .no-underline-sm { text-decoration: none; } .tachyons.tl-sm, .nested-tachyons .tl-sm { text-align: left; } .tachyons.tr-sm, .nested-tachyons .tr-sm { text-align: right; } .tachyons.tc-sm, .nested-tachyons .tc-sm { text-align: center; } .tachyons.tj-sm, .nested-tachyons .tj-sm { text-align: justify; } .tachyons.ttc-sm, .nested-tachyons .ttc-sm { text-transform: capitalize; } .tachyons.ttl-sm, .nested-tachyons .ttl-sm { text-transform: lowercase; } .tachyons.ttu-sm, .nested-tachyons .ttu-sm { text-transform: uppercase; } .tachyons.ttn-sm, .nested-tachyons .ttn-sm { text-transform: none; } .tachyons.f-6-s,, .nested-tachyons .f-6-s, .f-headline-sm { font-size: 6rem; } .tachyons.f-5-s,, .nested-tachyons .f-5-s, .f-subheadline-sm { font-size: 5rem; } .tachyons.f1-sm, .nested-tachyons .f1-sm { font-size: 3rem; } .tachyons.f2-sm, .nested-tachyons .f2-sm { font-size: 2.25rem; } .tachyons.f3-sm, .nested-tachyons .f3-sm { font-size: 1.5rem; } .tachyons.f4-sm, .nested-tachyons .f4-sm { font-size: 1.25rem; } .tachyons.f5-sm, .nested-tachyons .f5-sm { font-size: 1rem; } .tachyons.f6-sm, .nested-tachyons .f6-sm { font-size: .875rem; } .tachyons.f7-sm, .nested-tachyons .f7-sm { font-size: .75rem; } .tachyons.measure-sm, .nested-tachyons .measure-sm { max-width: 30em; } .tachyons.measure-wide-sm, .nested-tachyons .measure-wide-sm { max-width: 34em; } .tachyons.measure-narrow-sm, .nested-tachyons .measure-narrow-sm { max-width: 20em; } .tachyons.indent-sm, .nested-tachyons .indent-sm { text-indent: 1em; margin-top: 0; margin-bottom: 0; } .tachyons.small-caps-sm, .nested-tachyons .small-caps-sm { font-variant: small-caps; } .tachyons.truncate-sm, .nested-tachyons .truncate-sm { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tachyons.f--6-sm, .nested-tachyons .f--6-sm { font-size: 6px; } .tachyons.f--7-sm, .nested-tachyons .f--7-sm { font-size: 7px; } .tachyons.f--8-sm, .nested-tachyons .f--8-sm { font-size: 8px; } .tachyons.f--9-sm, .nested-tachyons .f--9-sm { font-size: 9px; } .tachyons.f--10-sm, .nested-tachyons .f--10-sm { font-size: 10px; } .tachyons.f--11-sm, .nested-tachyons .f--11-sm { font-size: 11px; } .tachyons.f--12-sm, .nested-tachyons .f--12-sm { font-size: 12px; } .tachyons.f--13-sm, .nested-tachyons .f--13-sm { font-size: 13px; } .tachyons.f--14-sm, .nested-tachyons .f--14-sm { font-size: 14px; } .tachyons.f--15-sm, .nested-tachyons .f--15-sm { font-size: 15px; } .tachyons.f--16-sm, .nested-tachyons .f--16-sm { font-size: 16px; } .tachyons.f--17-sm, .nested-tachyons .f--17-sm { font-size: 17px; } .tachyons.f--18-sm, .nested-tachyons .f--18-sm { font-size: 18px; } .tachyons.f--19-sm, .nested-tachyons .f--19-sm { font-size: 19px; } .tachyons.f--20-sm, .nested-tachyons .f--20-sm { font-size: 20px; } .tachyons.f--21-sm, .nested-tachyons .f--21-sm { font-size: 21px; } .tachyons.f--22-sm, .nested-tachyons .f--22-sm { font-size: 22px; } .tachyons.f--23-sm, .nested-tachyons .f--23-sm { font-size: 23px; } .tachyons.f--24-sm, .nested-tachyons .f--24-sm { font-size: 24px; } .tachyons.f--25-sm, .nested-tachyons .f--25-sm { font-size: 25px; } .tachyons.f--26-sm, .nested-tachyons .f--26-sm { font-size: 26px; } .tachyons.f--27-sm, .nested-tachyons .f--27-sm { font-size: 27px; } .tachyons.f--28-sm, .nested-tachyons .f--28-sm { font-size: 28px; } .tachyons.f--29-sm, .nested-tachyons .f--29-sm { font-size: 29px; } .tachyons.f--30-sm, .nested-tachyons .f--30-sm { font-size: 30px; } .tachyons.f--31-sm, .nested-tachyons .f--31-sm { font-size: 31px; } .tachyons.f--32-sm, .nested-tachyons .f--32-sm { font-size: 32px; } .tachyons.f--33-sm, .nested-tachyons .f--33-sm { font-size: 33px; } .tachyons.f--34-sm, .nested-tachyons .f--34-sm { font-size: 34px; } .tachyons.f--35-sm, .nested-tachyons .f--35-sm { font-size: 35px; } .tachyons.f--36-sm, .nested-tachyons .f--36-sm { font-size: 36px; } .tachyons.f--37-sm, .nested-tachyons .f--37-sm { font-size: 37px; } .tachyons.f--38-sm, .nested-tachyons .f--38-sm { font-size: 38px; } .tachyons.f--39-sm, .nested-tachyons .f--39-sm { font-size: 39px; } .tachyons.f--40-sm, .nested-tachyons .f--40-sm { font-size: 40px; } .tachyons.f--41-sm, .nested-tachyons .f--41-sm { font-size: 41px; } .tachyons.f--42-sm, .nested-tachyons .f--42-sm { font-size: 42px; } .tachyons.f--43-sm, .nested-tachyons .f--43-sm { font-size: 43px; } .tachyons.f--44-sm, .nested-tachyons .f--44-sm { font-size: 44px; } .tachyons.f--45-sm, .nested-tachyons .f--45-sm { font-size: 45px; } .tachyons.f--46-sm, .nested-tachyons .f--46-sm { font-size: 46px; } .tachyons.f--47-sm, .nested-tachyons .f--47-sm { font-size: 47px; } .tachyons.f--48-sm, .nested-tachyons .f--48-sm { font-size: 48px; } .tachyons.f--49-sm, .nested-tachyons .f--49-sm { font-size: 49px; } .tachyons.f--50-sm, .nested-tachyons .f--50-sm { font-size: 50px; } .tachyons.f--51-sm, .nested-tachyons .f--51-sm { font-size: 51px; } .tachyons.f--52-sm, .nested-tachyons .f--52-sm { font-size: 52px; } .tachyons.f--53-sm, .nested-tachyons .f--53-sm { font-size: 53px; } .tachyons.f--54-sm, .nested-tachyons .f--54-sm { font-size: 54px; } .tachyons.f--55-sm, .nested-tachyons .f--55-sm { font-size: 55px; } .tachyons.f--56-sm, .nested-tachyons .f--56-sm { font-size: 56px; } .tachyons.f--57-sm, .nested-tachyons .f--57-sm { font-size: 57px; } .tachyons.f--58-sm, .nested-tachyons .f--58-sm { font-size: 58px; } .tachyons.f--59-sm, .nested-tachyons .f--59-sm { font-size: 59px; } .tachyons.f--60-sm, .nested-tachyons .f--60-sm { font-size: 60px; } .tachyons.f--61-sm, .nested-tachyons .f--61-sm { font-size: 61px; } .tachyons.f--62-sm, .nested-tachyons .f--62-sm { font-size: 62px; } .tachyons.f--63-sm, .nested-tachyons .f--63-sm { font-size: 63px; } .tachyons.f--64-sm, .nested-tachyons .f--64-sm { font-size: 64px; } .tachyons.f--65-sm, .nested-tachyons .f--65-sm { font-size: 65px; } .tachyons.f--66-sm, .nested-tachyons .f--66-sm { font-size: 66px; } .tachyons.f--67-sm, .nested-tachyons .f--67-sm { font-size: 67px; } .tachyons.f--68-sm, .nested-tachyons .f--68-sm { font-size: 68px; } .tachyons.f--69-sm, .nested-tachyons .f--69-sm { font-size: 69px; } .tachyons.f--70-sm, .nested-tachyons .f--70-sm { font-size: 70px; } .tachyons.f--71-sm, .nested-tachyons .f--71-sm { font-size: 71px; } .tachyons.f--72-sm, .nested-tachyons .f--72-sm { font-size: 72px; } .tachyons.f--73-sm, .nested-tachyons .f--73-sm { font-size: 73px; } .tachyons.f--74-sm, .nested-tachyons .f--74-sm { font-size: 74px; } .tachyons.f--75-sm, .nested-tachyons .f--75-sm { font-size: 75px; } .tachyons.f--76-sm, .nested-tachyons .f--76-sm { font-size: 76px; } .tachyons.f--77-sm, .nested-tachyons .f--77-sm { font-size: 77px; } .tachyons.f--78-sm, .nested-tachyons .f--78-sm { font-size: 78px; } .tachyons.f--79-sm, .nested-tachyons .f--79-sm { font-size: 79px; } .tachyons.f--80-sm, .nested-tachyons .f--80-sm { font-size: 80px; } .tachyons.f--81-sm, .nested-tachyons .f--81-sm { font-size: 81px; } .tachyons.f--82-sm, .nested-tachyons .f--82-sm { font-size: 82px; } .tachyons.f--83-sm, .nested-tachyons .f--83-sm { font-size: 83px; } .tachyons.f--84-sm, .nested-tachyons .f--84-sm { font-size: 84px; } .tachyons.f--85-sm, .nested-tachyons .f--85-sm { font-size: 85px; } .tachyons.f--86-sm, .nested-tachyons .f--86-sm { font-size: 86px; } .tachyons.f--87-sm, .nested-tachyons .f--87-sm { font-size: 87px; } .tachyons.f--88-sm, .nested-tachyons .f--88-sm { font-size: 88px; } .tachyons.f--89-sm, .nested-tachyons .f--89-sm { font-size: 89px; } .tachyons.f--90-sm, .nested-tachyons .f--90-sm { font-size: 90px; } .tachyons.center-sm, .nested-tachyons .center-sm { margin-right: auto; margin-seft: auto; } .tachyons.mr-auto-sm, .nested-tachyons .mr-auto-sm { margin-right: auto; } .tachyons.ml-auto-sm, .nested-tachyons .ml-auto-sm { margin-seft: auto; } .tachyons.clip-sm, .nested-tachyons .clip-sm { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); } .tachyons.ws-normal-sm, .nested-tachyons .ws-normal-sm { white-space: normal; } .tachyons.nowrap-sm, .nested-tachyons .nowrap-sm { white-space: nowrap; } .tachyons.pre-sm, .nested-tachyons .pre-sm { white-space: pre; } .tachyons.v-base-sm, .nested-tachyons .v-base-sm { vertical-align: baseline; } .tachyons.v-mid-sm, .nested-tachyons .v-mid-sm { vertical-align: middle; } .tachyons.v-top-sm, .nested-tachyons .v-top-sm { vertical-align: top; } .tachyons.v-btm-sm, .nested-tachyons .v-btm-sm { vertical-align: bottom; } } @media screen and (min-width: 768px) { .tachyons.aspect-ratio-md, .nested-tachyons .aspect-ratio-md { height: 0; position: relative; } .tachyons.aspect-ratio--16x9-md, .nested-tachyons .aspect-ratio--16x9-md { padding-bottom: 56.25%; } .tachyons.aspect-ratio--9x16-md, .nested-tachyons .aspect-ratio--9x16-md { padding-bottom: 177.77%; } .tachyons.aspect-ratio--4x3-md, .nested-tachyons .aspect-ratio--4x3-md { padding-bottom: 75%; } .tachyons.aspect-ratio--3x4-md, .nested-tachyons .aspect-ratio--3x4-md { padding-bottom: 133.33%; } .tachyons.aspect-ratio--6x4-md, .nested-tachyons .aspect-ratio--6x4-md { padding-bottom: 66.6%; } .tachyons.aspect-ratio--4x6-md, .nested-tachyons .aspect-ratio--4x6-md { padding-bottom: 150%; } .tachyons.aspect-ratio--8x5-md, .nested-tachyons .aspect-ratio--8x5-md { padding-bottom: 62.5%; } .tachyons.aspect-ratio--5x8-md, .nested-tachyons .aspect-ratio--5x8-md { padding-bottom: 160%; } .tachyons.aspect-ratio--7x5-md, .nested-tachyons .aspect-ratio--7x5-md { padding-bottom: 71.42%; } .tachyons.aspect-ratio--5x7-md, .nested-tachyons .aspect-ratio--5x7-md { padding-bottom: 140%; } .tachyons.aspect-ratio--1x1-md, .nested-tachyons .aspect-ratio--1x1-md { padding-bottom: 100%; } .tachyons.aspect-ratio--object-md, .nested-tachyons .aspect-ratio--object-md { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; } .tachyons.cover-md, .nested-tachyons .cover-md { background-size: cover !important; } .tachyons.contain-md, .nested-tachyons .contain-md { background-size: contain !important; } .tachyons.bg-center-md, .nested-tachyons .bg-center-md { background-repeat: no-repeat; background-position: center center; } .tachyons.bg-top-md, .nested-tachyons .bg-top-md { background-repeat: no-repeat; background-position: top center; } .tachyons.bg-right-md, .nested-tachyons .bg-right-md { background-repeat: no-repeat; background-position: center right; } .tachyons.bg-bottom-md, .nested-tachyons .bg-bottom-md { background-repeat: no-repeat; background-position: bottom center; } .tachyons.bg-left-md, .nested-tachyons .bg-left-md { background-repeat: no-repeat; background-position: center left; } .tachyons.outline-md, .nested-tachyons .outline-md { outline: 1px solid; } .tachyons.outline-transparent-md, .nested-tachyons .outline-transparent-md { outline: 1px solid transparent; } .tachyons.outline-0-md, .nested-tachyons .outline-0-md { outline: 0; } .tachyons.ba-md, .nested-tachyons .ba-md { border-style: solid; border-width: 1px; } .tachyons.bt-md, .nested-tachyons .bt-md { border-top-style: solid; border-top-width: 1px; } .tachyons.br-md, .nested-tachyons .br-md { border-right-style: solid; border-right-width: 1px; } .tachyons.bb-md, .nested-tachyons .bb-md { border-bottom-style: solid; border-bottom-width: 1px; } .tachyons.bl-md, .nested-tachyons .bl-md { border-left-style: solid; border-left-width: 1px; } .tachyons.bn-md, .nested-tachyons .bn-md { border-style: none; border-width: 0; } .tachyons.br0-md, .nested-tachyons .br0-md { border-radius: 0; } .tachyons.br1-md, .nested-tachyons .br1-md { border-radius: .125rem; } .tachyons.br2-md, .nested-tachyons .br2-md { border-radius: .25rem; } .tachyons.br3-md, .nested-tachyons .br3-md { border-radius: .5rem; } .tachyons.br4-md, .nested-tachyons .br4-md { border-radius: 1rem; } .tachyons.br-100-md, .nested-tachyons .br-100-md { border-radius: 100%; } .tachyons.br-pill-md, .nested-tachyons .br-pill-md { border-radius: 9999px; } .tachyons.br--bottom-md, .nested-tachyons .br--bottom-md { border-top-left-radius: 0; border-top-right-radius: 0; } .tachyons.br--top-md, .nested-tachyons .br--top-md { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .tachyons.br--right-md, .nested-tachyons .br--right-md { border-top-left-radius: 0; border-bottom-left-radius: 0; } .tachyons.br--left-md, .nested-tachyons .br--left-md { border-top-right-radius: 0; border-bottom-right-radius: 0; } .tachyons.br-inherit-md, .nested-tachyons .br-inherit-md { border-radius: inherit; } .tachyons.br-initial-md, .nested-tachyons .br-initial-md { border-radius: initial; } .tachyons.br-unset-md, .nested-tachyons .br-unset-md { border-radius: unset; } .tachyons.b--dotted-md, .nested-tachyons .b--dotted-md { border-style: dotted; } .tachyons.b--dashed-md, .nested-tachyons .b--dashed-md { border-style: dashed; } .tachyons.b--solid-md, .nested-tachyons .b--solid-md { border-style: solid; } .tachyons.b--none-md, .nested-tachyons .b--none-md { border-style: none; } .tachyons.bw0-md, .nested-tachyons .bw0-md { border-width: 0; } .tachyons.bw1-md, .nested-tachyons .bw1-md { border-width: .125rem; } .tachyons.bw2-md, .nested-tachyons .bw2-md { border-width: .25rem; } .tachyons.bw3-md, .nested-tachyons .bw3-md { border-width: .5rem; } .tachyons.bw4-md, .nested-tachyons .bw4-md { border-width: 1rem; } .tachyons.bw5-md, .nested-tachyons .bw5-md { border-width: 2rem; } .tachyons.bt-0-md, .nested-tachyons .bt-0-md { border-top-width: 0; } .tachyons.br-0-md, .nested-tachyons .br-0-md { border-right-width: 0; } .tachyons.bb-0-md, .nested-tachyons .bb-0-md { border-bottom-width: 0; } .tachyons.bl-0-md, .nested-tachyons .bl-0-md { border-left-width: 0; } .tachyons.shadow-1-md, .nested-tachyons .shadow-1-md { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); } .tachyons.shadow-2-md, .nested-tachyons .shadow-2-md { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); } .tachyons.shadow-3-md, .nested-tachyons .shadow-3-md { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); } .tachyons.shadow-4-md, .nested-tachyons .shadow-4-md { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); } .tachyons.shadow-5-md, .nested-tachyons .shadow-5-md { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); } .tachyons.top-0-md, .nested-tachyons .top-0-md { top: 0; } .tachyons.left-0-md, .nested-tachyons .left-0-md { left: 0; } .tachyons.right-0-md, .nested-tachyons .right-0-md { right: 0; } .tachyons.bottom-0-md, .nested-tachyons .bottom-0-md { bottom: 0; } .tachyons.top-1-md, .nested-tachyons .top-1-md { top: 1rem; } .tachyons.left-1-md, .nested-tachyons .left-1-md { left: 1rem; } .tachyons.right-1-md, .nested-tachyons .right-1-md { right: 1rem; } .tachyons.bottom-1-md, .nested-tachyons .bottom-1-md { bottom: 1rem; } .tachyons.top-2-md, .nested-tachyons .top-2-md { top: 2rem; } .tachyons.left-2-md, .nested-tachyons .left-2-md { left: 2rem; } .tachyons.right-2-md, .nested-tachyons .right-2-md { right: 2rem; } .tachyons.bottom-2-md, .nested-tachyons .bottom-2-md { bottom: 2rem; } .tachyons.top--1-md, .nested-tachyons .top--1-md { top: -1rem; } .tachyons.right--1-md, .nested-tachyons .right--1-md { right: -1rem; } .tachyons.bottom--1-md, .nested-tachyons .bottom--1-md { bottom: -1rem; } .tachyons.left--1-md, .nested-tachyons .left--1-md { left: -1rem; } .tachyons.top--2-md, .nested-tachyons .top--2-md { top: -2rem; } .tachyons.right--2-md, .nested-tachyons .right--2-md { right: -2rem; } .tachyons.bottom--2-md, .nested-tachyons .bottom--2-md { bottom: -2rem; } .tachyons.left--2-md, .nested-tachyons .left--2-md { left: -2rem; } .tachyons.absolute--fill-md, .nested-tachyons .absolute--fill-md { top: 0; right: 0; bottom: 0; left: 0; } .tachyons.cl-md, .nested-tachyons .cl-md { clear: left; } .tachyons.cr-md, .nested-tachyons .cr-md { clear: right; } .tachyons.cb-md, .nested-tachyons .cb-md { clear: both; } .tachyons.cn-md, .nested-tachyons .cn-md { clear: none; } .tachyons.dn-md, .nested-tachyons .dn-md { display: none; } .tachyons.di-md, .nested-tachyons .di-md { display: inline; } .tachyons.db-md, .nested-tachyons .db-md { display: block; } .tachyons.dib-md, .nested-tachyons .dib-md { display: inline-block; } .tachyons.dit-md, .nested-tachyons .dit-md { display: inline-table; } .tachyons.dt-md, .nested-tachyons .dt-md { display: table; } .tachyons.dtc-md, .nested-tachyons .dtc-md { display: table-cell; } .tachyons.dt-row-md, .nested-tachyons .dt-row-md { display: table-row; } .tachyons.dt-row-group-md, .nested-tachyons .dt-row-group-md { display: table-row-group; } .tachyons.dt-column-md, .nested-tachyons .dt-column-md { display: table-column; } .tachyons.dt-column-group-md, .nested-tachyons .dt-column-group-md { display: table-column-group; } .tachyons.dt--fixed-md, .nested-tachyons .dt--fixed-md { table-mayout: fixed; width: 100%; } .tachyons.flex-md, .nested-tachyons .flex-md { display: flex; } .tachyons.inline-flex-md, .nested-tachyons .inline-flex-md { display: inline-flex; } .tachyons.flex-auto-md, .nested-tachyons .flex-auto-md { flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ } .tachyons.flex-none-md, .nested-tachyons .flex-none-md { flex: none; } .tachyons.flex-column-md, .nested-tachyons .flex-column-md { flex-direction: column; } .tachyons.flex-row-md, .nested-tachyons .flex-row-md { flex-direction: row; } .tachyons.flex-wrap-md, .nested-tachyons .flex-wrap-md { flex-wrap: wrap; } .tachyons.flex-nowrap-md, .nested-tachyons .flex-nowrap-md { flex-wrap: nowrap; } .tachyons.flex-wrap-reverse-md, .nested-tachyons .flex-wrap-reverse-md { flex-wrap: wrap-reverse; } .tachyons.flex-column-reverse-md, .nested-tachyons .flex-column-reverse-md { flex-direction: column-reverse; } .tachyons.flex-row-reverse-md, .nested-tachyons .flex-row-reverse-md { flex-direction: row-reverse; } .tachyons.items-start-md, .nested-tachyons .items-start-md { align-items: flex-start; } .tachyons.items-end-md, .nested-tachyons .items-end-md { align-items: flex-end; } .tachyons.items-center-md, .nested-tachyons .items-center-md { align-items: center; } .tachyons.items-baseline-md, .nested-tachyons .items-baseline-md { align-items: baseline; } .tachyons.items-stretch-md, .nested-tachyons .items-stretch-md { align-items: stretch; } .tachyons.self-start-md, .nested-tachyons .self-start-md { align-self: flex-start; } .tachyons.self-end-md, .nested-tachyons .self-end-md { align-self: flex-end; } .tachyons.self-center-md, .nested-tachyons .self-center-md { align-self: center; } .tachyons.self-baseline-md, .nested-tachyons .self-baseline-md { align-self: baseline; } .tachyons.self-stretch-md, .nested-tachyons .self-stretch-md { align-self: stretch; } .tachyons.justify-start-md, .nested-tachyons .justify-start-md { justify-content: flex-start; } .tachyons.justify-end-md, .nested-tachyons .justify-end-md { justify-content: flex-end; } .tachyons.justify-center-md, .nested-tachyons .justify-center-md { justify-content: center; } .tachyons.justify-between-md, .nested-tachyons .justify-between-md { justify-content: space-between; } .tachyons.justify-around-md, .nested-tachyons .justify-around-md { justify-content: space-around; } .tachyons.content-start-md, .nested-tachyons .content-start-md { align-content: flex-start; } .tachyons.content-end-md, .nested-tachyons .content-end-md { align-content: flex-end; } .tachyons.content-center-md, .nested-tachyons .content-center-md { align-content: center; } .tachyons.content-between-md, .nested-tachyons .content-between-md { align-content: space-between; } .tachyons.content-around-md, .nested-tachyons .content-around-md { align-content: space-around; } .tachyons.content-stretch-md, .nested-tachyons .content-stretch-md { align-content: stretch; } .tachyons.order-0-md, .nested-tachyons .order-0-md { order: 0; } .tachyons.order-1-md, .nested-tachyons .order-1-md { order: 1; } .tachyons.order-2-md, .nested-tachyons .order-2-md { order: 2; } .tachyons.order-3-md, .nested-tachyons .order-3-md { order: 3; } .tachyons.order-4-md, .nested-tachyons .order-4-md { order: 4; } .tachyons.order-5-md, .nested-tachyons .order-5-md { order: 5; } .tachyons.order-6-md, .nested-tachyons .order-6-md { order: 6; } .tachyons.order-7-md, .nested-tachyons .order-7-md { order: 7; } .tachyons.order-8-md, .nested-tachyons .order-8-md { order: 8; } .tachyons.order-mast-md, .nested-tachyons .order-mast-md { order: 99999; } .tachyons.flex-grow-0-md, .nested-tachyons .flex-grow-0-md { flex-grow: 0; } .tachyons.flex-grow-1-md, .nested-tachyons .flex-grow-1-md { flex-grow: 1; } .tachyons.flex-shrink-0-md, .nested-tachyons .flex-shrink-0-md { flex-shrink: 0; } .tachyons.flex-shrink-1-md, .nested-tachyons .flex-shrink-1-md { flex-shrink: 1; } .tachyons.fl-md, .nested-tachyons .fl-md { float: left; _display: inline; } .tachyons.fr-md, .nested-tachyons .fr-md { float: right; _display: inline; } .tachyons.fn-md, .nested-tachyons .fn-md { float: none; } .tachyons.i-md, .nested-tachyons .i-md { font-style: italic; } .tachyons.fs-normal-md, .nested-tachyons .fs-normal-md { font-style: normal; } .tachyons.normal-md, .nested-tachyons .normal-md { font-weight: normal; } .tachyons.b-md, .nested-tachyons .b-md { font-weight: bold; } .tachyons.fw1-md, .nested-tachyons .fw1-md { font-weight: 100; } .tachyons.fw2-md, .nested-tachyons .fw2-md { font-weight: 200; } .tachyons.fw3-md, .nested-tachyons .fw3-md { font-weight: 300; } .tachyons.fw4-md, .nested-tachyons .fw4-md { font-weight: 400; } .tachyons.fw5-md, .nested-tachyons .fw5-md { font-weight: 500; } .tachyons.fw6-md, .nested-tachyons .fw6-md { font-weight: 600; } .tachyons.fw7-md, .nested-tachyons .fw7-md { font-weight: 700; } .tachyons.fw8-md, .nested-tachyons .fw8-md { font-weight: 800; } .tachyons.fw9-md, .nested-tachyons .fw9-md { font-weight: 900; } .tachyons.h1-md, .nested-tachyons .h1-md { height: 1rem; } .tachyons.h2-md, .nested-tachyons .h2-md { height: 2rem; } .tachyons.h3-md, .nested-tachyons .h3-md { height: 4rem; } .tachyons.h4-md, .nested-tachyons .h4-md { height: 8rem; } .tachyons.h5-md, .nested-tachyons .h5-md { height: 16rem; } .tachyons.h-25-md, .nested-tachyons .h-25-md { height: 25%; } .tachyons.h-50-md, .nested-tachyons .h-50-md { height: 50%; } .tachyons.h-75-md, .nested-tachyons .h-75-md { height: 75%; } .tachyons.h-100-md, .nested-tachyons .h-100-md { height: 100%; } .tachyons.min-h-100-md, .nested-tachyons .min-h-100-md { min-height: 100%; } .tachyons.vh-25-md, .nested-tachyons .vh-25-md { height: 25vh; } .tachyons.vh-50-md, .nested-tachyons .vh-50-md { height: 50vh; } .tachyons.vh-75-md, .nested-tachyons .vh-75-md { height: 75vh; } .tachyons.vh-100-md, .nested-tachyons .vh-100-md { height: 100vh; } .tachyons.min-vh-100-md, .nested-tachyons .min-vh-100-md { min-height: 100vh; } .tachyons.h-auto-md, .nested-tachyons .h-auto-md { height: auto; } .tachyons.h-inherit-md, .nested-tachyons .h-inherit-md { height: inherit; } .tachyons.tracked-md, .nested-tachyons .tracked-md { letter-spacing: .1em; } .tachyons.tracked-tight-md, .nested-tachyons .tracked-tight-md { letter-spacing: -.05em; } .tachyons.tracked-mega-md, .nested-tachyons .tracked-mega-md { letter-spacing: .25em; } .tachyons.lh-solid-md, .nested-tachyons .lh-solid-md { line-height: 1; } .tachyons.lh-title-md, .nested-tachyons .lh-title-md { line-height: 1.25; } .tachyons.lh-copy-md, .nested-tachyons .lh-copy-md { line-height: 1.5; } .tachyons.mw-100-md, .nested-tachyons .mw-100-md { max-width: 100%; } .tachyons.mw1-md, .nested-tachyons .mw1-md { max-width: 1rem; } .tachyons.mw2-md, .nested-tachyons .mw2-md { max-width: 2rem; } .tachyons.mw3-md, .nested-tachyons .mw3-md { max-width: 4rem; } .tachyons.mw4-md, .nested-tachyons .mw4-md { max-width: 8rem; } .tachyons.mw5-md, .nested-tachyons .mw5-md { max-width: 16rem; } .tachyons.mw6-md, .nested-tachyons .mw6-md { max-width: 32rem; } .tachyons.mw7-md, .nested-tachyons .mw7-md { max-width: 48rem; } .tachyons.mw8-md, .nested-tachyons .mw8-md { max-width: 64rem; } .tachyons.mw9-md, .nested-tachyons .mw9-md { max-width: 96rem; } .tachyons.mw-none-md, .nested-tachyons .mw-none-md { max-width: none; } .tachyons.w1-md, .nested-tachyons .w1-md { width: 1rem; } .tachyons.w2-md, .nested-tachyons .w2-md { width: 2rem; } .tachyons.w3-md, .nested-tachyons .w3-md { width: 4rem; } .tachyons.w4-md, .nested-tachyons .w4-md { width: 8rem; } .tachyons.w5-md, .nested-tachyons .w5-md { width: 16rem; } .tachyons.w-10-md, .nested-tachyons .w-10-md { width: 10%; } .tachyons.w-20-md, .nested-tachyons .w-20-md { width: 20%; } .tachyons.w-25-md, .nested-tachyons .w-25-md { width: 25%; } .tachyons.w-30-md, .nested-tachyons .w-30-md { width: 30%; } .tachyons.w-33-md, .nested-tachyons .w-33-md { width: 33%; } .tachyons.w-34-md, .nested-tachyons .w-34-md { width: 34%; } .tachyons.w-40-md, .nested-tachyons .w-40-md { width: 40%; } .tachyons.w-50-md, .nested-tachyons .w-50-md { width: 50%; } .tachyons.w-60-md, .nested-tachyons .w-60-md { width: 60%; } .tachyons.w-70-md, .nested-tachyons .w-70-md { width: 70%; } .tachyons.w-75-md, .nested-tachyons .w-75-md { width: 75%; } .tachyons.w-80-md, .nested-tachyons .w-80-md { width: 80%; } .tachyons.w-90-md, .nested-tachyons .w-90-md { width: 90%; } .tachyons.w-100-md, .nested-tachyons .w-100-md { width: 100%; } .tachyons.w-third-md, .nested-tachyons .w-third-md { width: 33.33333%; } .tachyons.w-two-thirds-md, .nested-tachyons .w-two-thirds-md { width: 66.66667%; } .tachyons.w-auto-md, .nested-tachyons .w-auto-md { width: auto; } .tachyons.overflow-visible-md, .nested-tachyons .overflow-visible-md { overflow: visible; } .tachyons.overflow-hidden-md, .nested-tachyons .overflow-hidden-md { overflow: hidden; } .tachyons.overflow-scroll-md, .nested-tachyons .overflow-scroll-md { overflow: scroll; } .tachyons.overflow-auto-md, .nested-tachyons .overflow-auto-md { overflow: auto; } .tachyons.overflow-x-visible-md, .nested-tachyons .overflow-x-visible-md { overflow-x: visible; } .tachyons.overflow-x-hidden-md, .nested-tachyons .overflow-x-hidden-md { overflow-x: hidden; } .tachyons.overflow-x-scroll-md, .nested-tachyons .overflow-x-scroll-md { overflow-x: scroll; } .tachyons.overflow-x-auto-md, .nested-tachyons .overflow-x-auto-md { overflow-x: auto; } .tachyons.overflow-y-visible-md, .nested-tachyons .overflow-y-visible-md { overflow-y: visible; } .tachyons.overflow-y-hidden-md, .nested-tachyons .overflow-y-hidden-md { overflow-y: hidden; } .tachyons.overflow-y-scroll-md, .nested-tachyons .overflow-y-scroll-md { overflow-y: scroll; } .tachyons.overflow-y-auto-md, .nested-tachyons .overflow-y-auto-md { overflow-y: auto; } .tachyons.static-md, .nested-tachyons .static-md { position: static; } .tachyons.relative-md, .nested-tachyons .relative-md { position: relative; } .tachyons.absolute-md, .nested-tachyons .absolute-md { position: absolute; } .tachyons.fixed-md, .nested-tachyons .fixed-md { position: fixed; } .tachyons.rotate-45-md, .nested-tachyons .rotate-45-md { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); } .tachyons.rotate-90-md, .nested-tachyons .rotate-90-md { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); } .tachyons.rotate-135-md, .nested-tachyons .rotate-135-md { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); } .tachyons.rotate-180-md, .nested-tachyons .rotate-180-md { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); } .tachyons.rotate-225-md, .nested-tachyons .rotate-225-md { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); } .tachyons.rotate-270-md, .nested-tachyons .rotate-270-md { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); } .tachyons.rotate-315-md, .nested-tachyons .rotate-315-md { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); } .tachyons.pa0-md, .nested-tachyons .pa0-md { padding: 0; } .tachyons.pa1-md, .nested-tachyons .pa1-md { padding: .25rem; } .tachyons.pa2-md, .nested-tachyons .pa2-md { padding: .5rem; } .tachyons.pa3-md, .nested-tachyons .pa3-md { padding: 1rem; } .tachyons.pa4-md, .nested-tachyons .pa4-md { padding: 2rem; } .tachyons.pa5-md, .nested-tachyons .pa5-md { padding: 4rem; } .tachyons.pa6-md, .nested-tachyons .pa6-md { padding: 8rem; } .tachyons.pa7-md, .nested-tachyons .pa7-md { padding: 16rem; } .tachyons.pl0-md, .nested-tachyons .pl0-md { padding-left: 0; } .tachyons.pl1-md, .nested-tachyons .pl1-md { padding-left: .25rem; } .tachyons.pl2-md, .nested-tachyons .pl2-md { padding-left: .5rem; } .tachyons.pl3-md, .nested-tachyons .pl3-md { padding-left: 1rem; } .tachyons.pl4-md, .nested-tachyons .pl4-md { padding-left: 2rem; } .tachyons.pl5-md, .nested-tachyons .pl5-md { padding-left: 4rem; } .tachyons.pl6-md, .nested-tachyons .pl6-md { padding-left: 8rem; } .tachyons.pl7-md, .nested-tachyons .pl7-md { padding-left: 16rem; } .tachyons.pr0-md, .nested-tachyons .pr0-md { padding-right: 0; } .tachyons.pr1-md, .nested-tachyons .pr1-md { padding-right: .25rem; } .tachyons.pr2-md, .nested-tachyons .pr2-md { padding-right: .5rem; } .tachyons.pr3-md, .nested-tachyons .pr3-md { padding-right: 1rem; } .tachyons.pr4-md, .nested-tachyons .pr4-md { padding-right: 2rem; } .tachyons.pr5-md, .nested-tachyons .pr5-md { padding-right: 4rem; } .tachyons.pr6-md, .nested-tachyons .pr6-md { padding-right: 8rem; } .tachyons.pr7-md, .nested-tachyons .pr7-md { padding-right: 16rem; } .tachyons.pb0-md, .nested-tachyons .pb0-md { padding-bottom: 0; } .tachyons.pb1-md, .nested-tachyons .pb1-md { padding-bottom: .25rem; } .tachyons.pb2-md, .nested-tachyons .pb2-md { padding-bottom: .5rem; } .tachyons.pb3-md, .nested-tachyons .pb3-md { padding-bottom: 1rem; } .tachyons.pb4-md, .nested-tachyons .pb4-md { padding-bottom: 2rem; } .tachyons.pb5-md, .nested-tachyons .pb5-md { padding-bottom: 4rem; } .tachyons.pb6-md, .nested-tachyons .pb6-md { padding-bottom: 8rem; } .tachyons.pb7-md, .nested-tachyons .pb7-md { padding-bottom: 16rem; } .tachyons.pt0-md, .nested-tachyons .pt0-md { padding-top: 0; } .tachyons.pt1-md, .nested-tachyons .pt1-md { padding-top: .25rem; } .tachyons.pt2-md, .nested-tachyons .pt2-md { padding-top: .5rem; } .tachyons.pt3-md, .nested-tachyons .pt3-md { padding-top: 1rem; } .tachyons.pt4-md, .nested-tachyons .pt4-md { padding-top: 2rem; } .tachyons.pt5-md, .nested-tachyons .pt5-md { padding-top: 4rem; } .tachyons.pt6-md, .nested-tachyons .pt6-md { padding-top: 8rem; } .tachyons.pt7-md, .nested-tachyons .pt7-md { padding-top: 16rem; } .tachyons.pv0-md, .nested-tachyons .pv0-md { padding-top: 0; padding-bottom: 0; } .tachyons.pv1-md, .nested-tachyons .pv1-md { padding-top: .25rem; padding-bottom: .25rem; } .tachyons.pv2-md, .nested-tachyons .pv2-md { padding-top: .5rem; padding-bottom: .5rem; } .tachyons.pv3-md, .nested-tachyons .pv3-md { padding-top: 1rem; padding-bottom: 1rem; } .tachyons.pv4-md, .nested-tachyons .pv4-md { padding-top: 2rem; padding-bottom: 2rem; } .tachyons.pv5-md, .nested-tachyons .pv5-md { padding-top: 4rem; padding-bottom: 4rem; } .tachyons.pv6-md, .nested-tachyons .pv6-md { padding-top: 8rem; padding-bottom: 8rem; } .tachyons.pv7-md, .nested-tachyons .pv7-md { padding-top: 16rem; padding-bottom: 16rem; } .tachyons.ph0-md, .nested-tachyons .ph0-md { padding-left: 0; padding-right: 0; } .tachyons.ph1-md, .nested-tachyons .ph1-md { padding-left: .25rem; padding-right: .25rem; } .tachyons.ph2-md, .nested-tachyons .ph2-md { padding-left: .5rem; padding-right: .5rem; } .tachyons.ph3-md, .nested-tachyons .ph3-md { padding-left: 1rem; padding-right: 1rem; } .tachyons.ph4-md, .nested-tachyons .ph4-md { padding-left: 2rem; padding-right: 2rem; } .tachyons.ph5-md, .nested-tachyons .ph5-md { padding-left: 4rem; padding-right: 4rem; } .tachyons.ph6-md, .nested-tachyons .ph6-md { padding-left: 8rem; padding-right: 8rem; } .tachyons.ph7-md, .nested-tachyons .ph7-md { padding-left: 16rem; padding-right: 16rem; } .tachyons.ma0-md, .nested-tachyons .ma0-md { margin: 0; } .tachyons.ma1-md, .nested-tachyons .ma1-md { margin: .25rem; } .tachyons.ma2-md, .nested-tachyons .ma2-md { margin: .5rem; } .tachyons.ma3-md, .nested-tachyons .ma3-md { margin: 1rem; } .tachyons.ma4-md, .nested-tachyons .ma4-md { margin: 2rem; } .tachyons.ma5-md, .nested-tachyons .ma5-md { margin: 4rem; } .tachyons.ma6-md, .nested-tachyons .ma6-md { margin: 8rem; } .tachyons.ma7-md, .nested-tachyons .ma7-md { margin: 16rem; } .tachyons.ml0-md, .nested-tachyons .ml0-md { margin-left: 0; } .tachyons.ml1-md, .nested-tachyons .ml1-md { margin-left: .25rem; } .tachyons.ml2-md, .nested-tachyons .ml2-md { margin-left: .5rem; } .tachyons.ml3-md, .nested-tachyons .ml3-md { margin-left: 1rem; } .tachyons.ml4-md, .nested-tachyons .ml4-md { margin-left: 2rem; } .tachyons.ml5-md, .nested-tachyons .ml5-md { margin-left: 4rem; } .tachyons.ml6-md, .nested-tachyons .ml6-md { margin-left: 8rem; } .tachyons.ml7-md, .nested-tachyons .ml7-md { margin-left: 16rem; } .tachyons.mr0-md, .nested-tachyons .mr0-md { margin-right: 0; } .tachyons.mr1-md, .nested-tachyons .mr1-md { margin-right: .25rem; } .tachyons.mr2-md, .nested-tachyons .mr2-md { margin-right: .5rem; } .tachyons.mr3-md, .nested-tachyons .mr3-md { margin-right: 1rem; } .tachyons.mr4-md, .nested-tachyons .mr4-md { margin-right: 2rem; } .tachyons.mr5-md, .nested-tachyons .mr5-md { margin-right: 4rem; } .tachyons.mr6-md, .nested-tachyons .mr6-md { margin-right: 8rem; } .tachyons.mr7-md, .nested-tachyons .mr7-md { margin-right: 16rem; } .tachyons.mb0-md, .nested-tachyons .mb0-md { margin-bottom: 0; } .tachyons.mb1-md, .nested-tachyons .mb1-md { margin-bottom: .25rem; } .tachyons.mb2-md, .nested-tachyons .mb2-md { margin-bottom: .5rem; } .tachyons.mb3-md, .nested-tachyons .mb3-md { margin-bottom: 1rem; } .tachyons.mb4-md, .nested-tachyons .mb4-md { margin-bottom: 2rem; } .tachyons.mb5-md, .nested-tachyons .mb5-md { margin-bottom: 4rem; } .tachyons.mb6-md, .nested-tachyons .mb6-md { margin-bottom: 8rem; } .tachyons.mb7-md, .nested-tachyons .mb7-md { margin-bottom: 16rem; } .tachyons.mt0-md, .nested-tachyons .mt0-md { margin-top: 0; } .tachyons.mt1-md, .nested-tachyons .mt1-md { margin-top: .25rem; } .tachyons.mt2-md, .nested-tachyons .mt2-md { margin-top: .5rem; } .tachyons.mt3-md, .nested-tachyons .mt3-md { margin-top: 1rem; } .tachyons.mt4-md, .nested-tachyons .mt4-md { margin-top: 2rem; } .tachyons.mt5-md, .nested-tachyons .mt5-md { margin-top: 4rem; } .tachyons.mt6-md, .nested-tachyons .mt6-md { margin-top: 8rem; } .tachyons.mt7-md, .nested-tachyons .mt7-md { margin-top: 16rem; } .tachyons.mv0-md, .nested-tachyons .mv0-md { margin-top: 0; margin-bottom: 0; } .tachyons.mv1-md, .nested-tachyons .mv1-md { margin-top: .25rem; margin-bottom: .25rem; } .tachyons.mv2-md, .nested-tachyons .mv2-md { margin-top: .5rem; margin-bottom: .5rem; } .tachyons.mv3-md, .nested-tachyons .mv3-md { margin-top: 1rem; margin-bottom: 1rem; } .tachyons.mv4-md, .nested-tachyons .mv4-md { margin-top: 2rem; margin-bottom: 2rem; } .tachyons.mv5-md, .nested-tachyons .mv5-md { margin-top: 4rem; margin-bottom: 4rem; } .tachyons.mv6-md, .nested-tachyons .mv6-md { margin-top: 8rem; margin-bottom: 8rem; } .tachyons.mv7-md, .nested-tachyons .mv7-md { margin-top: 16rem; margin-bottom: 16rem; } .tachyons.mh0-md, .nested-tachyons .mh0-md { margin-left: 0; margin-right: 0; } .tachyons.mh1-md, .nested-tachyons .mh1-md { margin-left: .25rem; margin-right: .25rem; } .tachyons.mh2-md, .nested-tachyons .mh2-md { margin-left: .5rem; margin-right: .5rem; } .tachyons.mh3-md, .nested-tachyons .mh3-md { margin-left: 1rem; margin-right: 1rem; } .tachyons.mh4-md, .nested-tachyons .mh4-md { margin-left: 2rem; margin-right: 2rem; } .tachyons.mh5-md, .nested-tachyons .mh5-md { margin-left: 4rem; margin-right: 4rem; } .tachyons.mh6-md, .nested-tachyons .mh6-md { margin-left: 8rem; margin-right: 8rem; } .tachyons.mh7-md, .nested-tachyons .mh7-md { margin-left: 16rem; margin-right: 16rem; } .tachyons.na1-md, .nested-tachyons .na1-md { margin: -0.25rem; } .tachyons.na2-md, .nested-tachyons .na2-md { margin: -0.5rem; } .tachyons.na3-md, .nested-tachyons .na3-md { margin: -1rem; } .tachyons.na4-md, .nested-tachyons .na4-md { margin: -2rem; } .tachyons.na5-md, .nested-tachyons .na5-md { margin: -4rem; } .tachyons.na6-md, .nested-tachyons .na6-md { margin: -8rem; } .tachyons.na7-md, .nested-tachyons .na7-md { margin: -16rem; } .tachyons.nl1-md, .nested-tachyons .nl1-md { margin-left: -0.25rem; } .tachyons.nl2-md, .nested-tachyons .nl2-md { margin-left: -0.5rem; } .tachyons.nl3-md, .nested-tachyons .nl3-md { margin-left: -1rem; } .tachyons.nl4-md, .nested-tachyons .nl4-md { margin-left: -2rem; } .tachyons.nl5-md, .nested-tachyons .nl5-md { margin-left: -4rem; } .tachyons.nl6-md, .nested-tachyons .nl6-md { margin-left: -8rem; } .tachyons.nl7-md, .nested-tachyons .nl7-md { margin-left: -16rem; } .tachyons.nr1-md, .nested-tachyons .nr1-md { margin-right: -0.25rem; } .tachyons.nr2-md, .nested-tachyons .nr2-md { margin-right: -0.5rem; } .tachyons.nr3-md, .nested-tachyons .nr3-md { margin-right: -1rem; } .tachyons.nr4-md, .nested-tachyons .nr4-md { margin-right: -2rem; } .tachyons.nr5-md, .nested-tachyons .nr5-md { margin-right: -4rem; } .tachyons.nr6-md, .nested-tachyons .nr6-md { margin-right: -8rem; } .tachyons.nr7-md, .nested-tachyons .nr7-md { margin-right: -16rem; } .tachyons.nb1-md, .nested-tachyons .nb1-md { margin-bottom: -0.25rem; } .tachyons.nb2-md, .nested-tachyons .nb2-md { margin-bottom: -0.5rem; } .tachyons.nb3-md, .nested-tachyons .nb3-md { margin-bottom: -1rem; } .tachyons.nb4-md, .nested-tachyons .nb4-md { margin-bottom: -2rem; } .tachyons.nb5-md, .nested-tachyons .nb5-md { margin-bottom: -4rem; } .tachyons.nb6-md, .nested-tachyons .nb6-md { margin-bottom: -8rem; } .tachyons.nb7-md, .nested-tachyons .nb7-md { margin-bottom: -16rem; } .tachyons.nt1-md, .nested-tachyons .nt1-md { margin-top: -0.25rem; } .tachyons.nt2-md, .nested-tachyons .nt2-md { margin-top: -0.5rem; } .tachyons.nt3-md, .nested-tachyons .nt3-md { margin-top: -1rem; } .tachyons.nt4-md, .nested-tachyons .nt4-md { margin-top: -2rem; } .tachyons.nt5-md, .nested-tachyons .nt5-md { margin-top: -4rem; } .tachyons.nt6-md, .nested-tachyons .nt6-md { margin-top: -8rem; } .tachyons.nt7-md, .nested-tachyons .nt7-md { margin-top: -16rem; } .tachyons.strike-md, .nested-tachyons .strike-md { text-decoration: line-through; } .tachyons.underline-md, .nested-tachyons .underline-md { text-decoration: underline; } .tachyons.no-underline-md, .nested-tachyons .no-underline-md { text-decoration: none; } .tachyons.tl-md, .nested-tachyons .tl-md { text-align: left; } .tachyons.tr-md, .nested-tachyons .tr-md { text-align: right; } .tachyons.tc-md, .nested-tachyons .tc-md { text-align: center; } .tachyons.tj-md, .nested-tachyons .tj-md { text-align: justify; } .tachyons.ttc-md, .nested-tachyons .ttc-md { text-transform: capitalize; } .tachyons.ttl-md, .nested-tachyons .ttl-md { text-transform: lowercase; } .tachyons.ttu-md, .nested-tachyons .ttu-md { text-transform: uppercase; } .tachyons.ttn-md, .nested-tachyons .ttn-md { text-transform: none; } .tachyons.f-6-m,, .nested-tachyons .f-6-m, .f-headline-md { font-size: 6rem; } .tachyons.f-5-m,, .nested-tachyons .f-5-m, .f-subheadline-md { font-size: 5rem; } .tachyons.f1-md, .nested-tachyons .f1-md { font-size: 3rem; } .tachyons.f2-md, .nested-tachyons .f2-md { font-size: 2.25rem; } .tachyons.f3-md, .nested-tachyons .f3-md { font-size: 1.5rem; } .tachyons.f4-md, .nested-tachyons .f4-md { font-size: 1.25rem; } .tachyons.f5-md, .nested-tachyons .f5-md { font-size: 1rem; } .tachyons.f6-md, .nested-tachyons .f6-md { font-size: .875rem; } .tachyons.f7-md, .nested-tachyons .f7-md { font-size: .75rem; } .tachyons.measure-md, .nested-tachyons .measure-md { max-width: 30em; } .tachyons.measure-wide-md, .nested-tachyons .measure-wide-md { max-width: 34em; } .tachyons.measure-narrow-md, .nested-tachyons .measure-narrow-md { max-width: 20em; } .tachyons.indent-md, .nested-tachyons .indent-md { text-indent: 1em; margin-top: 0; margin-bottom: 0; } .tachyons.small-caps-md, .nested-tachyons .small-caps-md { font-variant: small-caps; } .tachyons.truncate-md, .nested-tachyons .truncate-md { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tachyons.f--6-md, .nested-tachyons .f--6-md { font-size: 6px; } .tachyons.f--7-md, .nested-tachyons .f--7-md { font-size: 7px; } .tachyons.f--8-md, .nested-tachyons .f--8-md { font-size: 8px; } .tachyons.f--9-md, .nested-tachyons .f--9-md { font-size: 9px; } .tachyons.f--10-md, .nested-tachyons .f--10-md { font-size: 10px; } .tachyons.f--11-md, .nested-tachyons .f--11-md { font-size: 11px; } .tachyons.f--12-md, .nested-tachyons .f--12-md { font-size: 12px; } .tachyons.f--13-md, .nested-tachyons .f--13-md { font-size: 13px; } .tachyons.f--14-md, .nested-tachyons .f--14-md { font-size: 14px; } .tachyons.f--15-md, .nested-tachyons .f--15-md { font-size: 15px; } .tachyons.f--16-md, .nested-tachyons .f--16-md { font-size: 16px; } .tachyons.f--17-md, .nested-tachyons .f--17-md { font-size: 17px; } .tachyons.f--18-md, .nested-tachyons .f--18-md { font-size: 18px; } .tachyons.f--19-md, .nested-tachyons .f--19-md { font-size: 19px; } .tachyons.f--20-md, .nested-tachyons .f--20-md { font-size: 20px; } .tachyons.f--21-md, .nested-tachyons .f--21-md { font-size: 21px; } .tachyons.f--22-md, .nested-tachyons .f--22-md { font-size: 22px; } .tachyons.f--23-md, .nested-tachyons .f--23-md { font-size: 23px; } .tachyons.f--24-md, .nested-tachyons .f--24-md { font-size: 24px; } .tachyons.f--25-md, .nested-tachyons .f--25-md { font-size: 25px; } .tachyons.f--26-md, .nested-tachyons .f--26-md { font-size: 26px; } .tachyons.f--27-md, .nested-tachyons .f--27-md { font-size: 27px; } .tachyons.f--28-md, .nested-tachyons .f--28-md { font-size: 28px; } .tachyons.f--29-md, .nested-tachyons .f--29-md { font-size: 29px; } .tachyons.f--30-md, .nested-tachyons .f--30-md { font-size: 30px; } .tachyons.f--31-md, .nested-tachyons .f--31-md { font-size: 31px; } .tachyons.f--32-md, .nested-tachyons .f--32-md { font-size: 32px; } .tachyons.f--33-md, .nested-tachyons .f--33-md { font-size: 33px; } .tachyons.f--34-md, .nested-tachyons .f--34-md { font-size: 34px; } .tachyons.f--35-md, .nested-tachyons .f--35-md { font-size: 35px; } .tachyons.f--36-md, .nested-tachyons .f--36-md { font-size: 36px; } .tachyons.f--37-md, .nested-tachyons .f--37-md { font-size: 37px; } .tachyons.f--38-md, .nested-tachyons .f--38-md { font-size: 38px; } .tachyons.f--39-md, .nested-tachyons .f--39-md { font-size: 39px; } .tachyons.f--40-md, .nested-tachyons .f--40-md { font-size: 40px; } .tachyons.f--41-md, .nested-tachyons .f--41-md { font-size: 41px; } .tachyons.f--42-md, .nested-tachyons .f--42-md { font-size: 42px; } .tachyons.f--43-md, .nested-tachyons .f--43-md { font-size: 43px; } .tachyons.f--44-md, .nested-tachyons .f--44-md { font-size: 44px; } .tachyons.f--45-md, .nested-tachyons .f--45-md { font-size: 45px; } .tachyons.f--46-md, .nested-tachyons .f--46-md { font-size: 46px; } .tachyons.f--47-md, .nested-tachyons .f--47-md { font-size: 47px; } .tachyons.f--48-md, .nested-tachyons .f--48-md { font-size: 48px; } .tachyons.f--49-md, .nested-tachyons .f--49-md { font-size: 49px; } .tachyons.f--50-md, .nested-tachyons .f--50-md { font-size: 50px; } .tachyons.f--51-md, .nested-tachyons .f--51-md { font-size: 51px; } .tachyons.f--52-md, .nested-tachyons .f--52-md { font-size: 52px; } .tachyons.f--53-md, .nested-tachyons .f--53-md { font-size: 53px; } .tachyons.f--54-md, .nested-tachyons .f--54-md { font-size: 54px; } .tachyons.f--55-md, .nested-tachyons .f--55-md { font-size: 55px; } .tachyons.f--56-md, .nested-tachyons .f--56-md { font-size: 56px; } .tachyons.f--57-md, .nested-tachyons .f--57-md { font-size: 57px; } .tachyons.f--58-md, .nested-tachyons .f--58-md { font-size: 58px; } .tachyons.f--59-md, .nested-tachyons .f--59-md { font-size: 59px; } .tachyons.f--60-md, .nested-tachyons .f--60-md { font-size: 60px; } .tachyons.f--61-md, .nested-tachyons .f--61-md { font-size: 61px; } .tachyons.f--62-md, .nested-tachyons .f--62-md { font-size: 62px; } .tachyons.f--63-md, .nested-tachyons .f--63-md { font-size: 63px; } .tachyons.f--64-md, .nested-tachyons .f--64-md { font-size: 64px; } .tachyons.f--65-md, .nested-tachyons .f--65-md { font-size: 65px; } .tachyons.f--66-md, .nested-tachyons .f--66-md { font-size: 66px; } .tachyons.f--67-md, .nested-tachyons .f--67-md { font-size: 67px; } .tachyons.f--68-md, .nested-tachyons .f--68-md { font-size: 68px; } .tachyons.f--69-md, .nested-tachyons .f--69-md { font-size: 69px; } .tachyons.f--70-md, .nested-tachyons .f--70-md { font-size: 70px; } .tachyons.f--71-md, .nested-tachyons .f--71-md { font-size: 71px; } .tachyons.f--72-md, .nested-tachyons .f--72-md { font-size: 72px; } .tachyons.f--73-md, .nested-tachyons .f--73-md { font-size: 73px; } .tachyons.f--74-md, .nested-tachyons .f--74-md { font-size: 74px; } .tachyons.f--75-md, .nested-tachyons .f--75-md { font-size: 75px; } .tachyons.f--76-md, .nested-tachyons .f--76-md { font-size: 76px; } .tachyons.f--77-md, .nested-tachyons .f--77-md { font-size: 77px; } .tachyons.f--78-md, .nested-tachyons .f--78-md { font-size: 78px; } .tachyons.f--79-md, .nested-tachyons .f--79-md { font-size: 79px; } .tachyons.f--80-md, .nested-tachyons .f--80-md { font-size: 80px; } .tachyons.f--81-md, .nested-tachyons .f--81-md { font-size: 81px; } .tachyons.f--82-md, .nested-tachyons .f--82-md { font-size: 82px; } .tachyons.f--83-md, .nested-tachyons .f--83-md { font-size: 83px; } .tachyons.f--84-md, .nested-tachyons .f--84-md { font-size: 84px; } .tachyons.f--85-md, .nested-tachyons .f--85-md { font-size: 85px; } .tachyons.f--86-md, .nested-tachyons .f--86-md { font-size: 86px; } .tachyons.f--87-md, .nested-tachyons .f--87-md { font-size: 87px; } .tachyons.f--88-md, .nested-tachyons .f--88-md { font-size: 88px; } .tachyons.f--89-md, .nested-tachyons .f--89-md { font-size: 89px; } .tachyons.f--90-md, .nested-tachyons .f--90-md { font-size: 90px; } .tachyons.center-md, .nested-tachyons .center-md { margin-right: auto; margin-left: auto; } .tachyons.mr-auto-md, .nested-tachyons .mr-auto-md { margin-right: auto; } .tachyons.ml-auto-md, .nested-tachyons .ml-auto-md { margin-left: auto; } .tachyons.clip-md, .nested-tachyons .clip-md { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); } .tachyons.ws-normal-md, .nested-tachyons .ws-normal-md { white-space: normal; } .tachyons.nowrap-md, .nested-tachyons .nowrap-md { white-space: nowrap; } .tachyons.pre-md, .nested-tachyons .pre-md { white-space: pre; } .tachyons.v-base-md, .nested-tachyons .v-base-md { vertical-align: baseline; } .tachyons.v-mid-md, .nested-tachyons .v-mid-md { vertical-align: middle; } .tachyons.v-top-md, .nested-tachyons .v-top-md { vertical-align: top; } .tachyons.v-btm-md, .nested-tachyons .v-btm-md { vertical-align: bottom; } } @media screen and (min-width: 992px) { .tachyons.aspect-ratio-lg, .nested-tachyons .aspect-ratio-lg { height: 0; position: relative; } .tachyons.aspect-ratio--16x9-lg, .nested-tachyons .aspect-ratio--16x9-lg { padding-bottom: 56.25%; } .tachyons.aspect-ratio--9x16-lg, .nested-tachyons .aspect-ratio--9x16-lg { padding-bottom: 177.77%; } .tachyons.aspect-ratio--4x3-lg, .nested-tachyons .aspect-ratio--4x3-lg { padding-bottom: 75%; } .tachyons.aspect-ratio--3x4-lg, .nested-tachyons .aspect-ratio--3x4-lg { padding-bottom: 133.33%; } .tachyons.aspect-ratio--6x4-lg, .nested-tachyons .aspect-ratio--6x4-lg { padding-bottom: 66.6%; } .tachyons.aspect-ratio--4x6-lg, .nested-tachyons .aspect-ratio--4x6-lg { padding-bottom: 150%; } .tachyons.aspect-ratio--8x5-lg, .nested-tachyons .aspect-ratio--8x5-lg { padding-bottom: 62.5%; } .tachyons.aspect-ratio--5x8-lg, .nested-tachyons .aspect-ratio--5x8-lg { padding-bottom: 160%; } .tachyons.aspect-ratio--7x5-lg, .nested-tachyons .aspect-ratio--7x5-lg { padding-bottom: 71.42%; } .tachyons.aspect-ratio--5x7-lg, .nested-tachyons .aspect-ratio--5x7-lg { padding-bottom: 140%; } .tachyons.aspect-ratio--1x1-lg, .nested-tachyons .aspect-ratio--1x1-lg { padding-bottom: 100%; } .tachyons.aspect-ratio--object-lg, .nested-tachyons .aspect-ratio--object-lg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; } .tachyons.cover-lg, .nested-tachyons .cover-lg { background-size: cover !important; } .tachyons.contain-lg, .nested-tachyons .contain-lg { background-size: contain !important; } .tachyons.bg-center-lg, .nested-tachyons .bg-center-lg { background-repeat: no-repeat; background-position: center center; } .tachyons.bg-top-lg, .nested-tachyons .bg-top-lg { background-repeat: no-repeat; background-position: top center; } .tachyons.bg-right-lg, .nested-tachyons .bg-right-lg { background-repeat: no-repeat; background-position: center right; } .tachyons.bg-bottom-lg, .nested-tachyons .bg-bottom-lg { background-repeat: no-repeat; background-position: bottom center; } .tachyons.bg-left-lg, .nested-tachyons .bg-left-lg { background-repeat: no-repeat; background-position: center left; } .tachyons.outline-lg, .nested-tachyons .outline-lg { outline: 1px solid; } .tachyons.outline-transparent-lg, .nested-tachyons .outline-transparent-lg { outline: 1px solid transparent; } .tachyons.outline-0-lg, .nested-tachyons .outline-0-lg { outline: 0; } .tachyons.ba-lg, .nested-tachyons .ba-lg { border-style: solid; border-width: 1px; } .tachyons.bt-lg, .nested-tachyons .bt-lg { border-top-style: solid; border-top-width: 1px; } .tachyons.br-lg, .nested-tachyons .br-lg { border-right-style: solid; border-right-width: 1px; } .tachyons.bb-lg, .nested-tachyons .bb-lg { border-bottom-style: solid; border-bottom-width: 1px; } .tachyons.bl-lg, .nested-tachyons .bl-lg { border-left-style: solid; border-left-width: 1px; } .tachyons.bn-lg, .nested-tachyons .bn-lg { border-style: none; border-width: 0; } .tachyons.br0-lg, .nested-tachyons .br0-lg { border-radius: 0; } .tachyons.br1-lg, .nested-tachyons .br1-lg { border-radius: .125rem; } .tachyons.br2-lg, .nested-tachyons .br2-lg { border-radius: .25rem; } .tachyons.br3-lg, .nested-tachyons .br3-lg { border-radius: .5rem; } .tachyons.br4-lg, .nested-tachyons .br4-lg { border-radius: 1rem; } .tachyons.br-100-lg, .nested-tachyons .br-100-lg { border-radius: 100%; } .tachyons.br-pill-lg, .nested-tachyons .br-pill-lg { border-radius: 9999px; } .tachyons.br--bottom-lg, .nested-tachyons .br--bottom-lg { border-top-left-radius: 0; border-top-right-radius: 0; } .tachyons.br--top-lg, .nested-tachyons .br--top-lg { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .tachyons.br--right-lg, .nested-tachyons .br--right-lg { border-top-left-radius: 0; border-bottom-left-radius: 0; } .tachyons.br--left-lg, .nested-tachyons .br--left-lg { border-top-right-radius: 0; border-bottom-right-radius: 0; } .tachyons.br-inherit-lg, .nested-tachyons .br-inherit-lg { border-radius: inherit; } .tachyons.br-initial-lg, .nested-tachyons .br-initial-lg { border-radius: initial; } .tachyons.br-unset-lg, .nested-tachyons .br-unset-lg { border-radius: unset; } .tachyons.b--dotted-lg, .nested-tachyons .b--dotted-lg { border-style: dotted; } .tachyons.b--dashed-lg, .nested-tachyons .b--dashed-lg { border-style: dashed; } .tachyons.b--solid-lg, .nested-tachyons .b--solid-lg { border-style: solid; } .tachyons.b--none-lg, .nested-tachyons .b--none-lg { border-style: none; } .tachyons.bw0-lg, .nested-tachyons .bw0-lg { border-width: 0; } .tachyons.bw1-lg, .nested-tachyons .bw1-lg { border-width: .125rem; } .tachyons.bw2-lg, .nested-tachyons .bw2-lg { border-width: .25rem; } .tachyons.bw3-lg, .nested-tachyons .bw3-lg { border-width: .5rem; } .tachyons.bw4-lg, .nested-tachyons .bw4-lg { border-width: 1rem; } .tachyons.bw5-lg, .nested-tachyons .bw5-lg { border-width: 2rem; } .tachyons.bt-0-lg, .nested-tachyons .bt-0-lg { border-top-width: 0; } .tachyons.br-0-lg, .nested-tachyons .br-0-lg { border-right-width: 0; } .tachyons.bb-0-lg, .nested-tachyons .bb-0-lg { border-bottom-width: 0; } .tachyons.bl-0-lg, .nested-tachyons .bl-0-lg { border-left-width: 0; } .tachyons.shadow-1-lg, .nested-tachyons .shadow-1-lg { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); } .tachyons.shadow-2-lg, .nested-tachyons .shadow-2-lg { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); } .tachyons.shadow-3-lg, .nested-tachyons .shadow-3-lg { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); } .tachyons.shadow-4-lg, .nested-tachyons .shadow-4-lg { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); } .tachyons.shadow-5-lg, .nested-tachyons .shadow-5-lg { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); } .tachyons.top-0-lg, .nested-tachyons .top-0-lg { top: 0; } .tachyons.left-0-lg, .nested-tachyons .left-0-lg { left: 0; } .tachyons.right-0-lg, .nested-tachyons .right-0-lg { right: 0; } .tachyons.bottom-0-lg, .nested-tachyons .bottom-0-lg { bottom: 0; } .tachyons.top-1-lg, .nested-tachyons .top-1-lg { top: 1rem; } .tachyons.left-1-lg, .nested-tachyons .left-1-lg { left: 1rem; } .tachyons.right-1-lg, .nested-tachyons .right-1-lg { right: 1rem; } .tachyons.bottom-1-lg, .nested-tachyons .bottom-1-lg { bottom: 1rem; } .tachyons.top-2-lg, .nested-tachyons .top-2-lg { top: 2rem; } .tachyons.left-2-lg, .nested-tachyons .left-2-lg { left: 2rem; } .tachyons.right-2-lg, .nested-tachyons .right-2-lg { right: 2rem; } .tachyons.bottom-2-lg, .nested-tachyons .bottom-2-lg { bottom: 2rem; } .tachyons.top--1-lg, .nested-tachyons .top--1-lg { top: -1rem; } .tachyons.right--1-lg, .nested-tachyons .right--1-lg { right: -1rem; } .tachyons.bottom--1-lg, .nested-tachyons .bottom--1-lg { bottom: -1rem; } .tachyons.left--1-lg, .nested-tachyons .left--1-lg { left: -1rem; } .tachyons.top--2-lg, .nested-tachyons .top--2-lg { top: -2rem; } .tachyons.right--2-lg, .nested-tachyons .right--2-lg { right: -2rem; } .tachyons.bottom--2-lg, .nested-tachyons .bottom--2-lg { bottom: -2rem; } .tachyons.left--2-lg, .nested-tachyons .left--2-lg { left: -2rem; } .tachyons.absolute--fill-lg, .nested-tachyons .absolute--fill-lg { top: 0; right: 0; bottom: 0; left: 0; } .tachyons.cl-lg, .nested-tachyons .cl-lg { clear: left; } .tachyons.cr-lg, .nested-tachyons .cr-lg { clear: right; } .tachyons.cb-lg, .nested-tachyons .cb-lg { clear: both; } .tachyons.cn-lg, .nested-tachyons .cn-lg { clear: none; } .tachyons.dn-lg, .nested-tachyons .dn-lg { display: none; } .tachyons.di-lg, .nested-tachyons .di-lg { display: inline; } .tachyons.db-lg, .nested-tachyons .db-lg { display: block; } .tachyons.dib-lg, .nested-tachyons .dib-lg { display: inline-block; } .tachyons.dit-lg, .nested-tachyons .dit-lg { display: inline-table; } .tachyons.dt-lg, .nested-tachyons .dt-lg { display: table; } .tachyons.dtc-lg, .nested-tachyons .dtc-lg { display: table-cell; } .tachyons.dt-row-lg, .nested-tachyons .dt-row-lg { display: table-row; } .tachyons.dt-row-group-lg, .nested-tachyons .dt-row-group-lg { display: table-row-group; } .tachyons.dt-column-lg, .nested-tachyons .dt-column-lg { display: table-column; } .tachyons.dt-column-group-lg, .nested-tachyons .dt-column-group-lg { display: table-column-group; } .tachyons.dt--fixed-lg, .nested-tachyons .dt--fixed-lg { table-layout: fixed; width: 100%; } .tachyons.flex-lg, .nested-tachyons .flex-lg { display: flex; } .tachyons.inline-flex-lg, .nested-tachyons .inline-flex-lg { display: inline-flex; } .tachyons.flex-auto-lg, .nested-tachyons .flex-auto-lg { flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ } .tachyons.flex-none-lg, .nested-tachyons .flex-none-lg { flex: none; } .tachyons.flex-column-lg, .nested-tachyons .flex-column-lg { flex-direction: column; } .tachyons.flex-row-lg, .nested-tachyons .flex-row-lg { flex-direction: row; } .tachyons.flex-wrap-lg, .nested-tachyons .flex-wrap-lg { flex-wrap: wrap; } .tachyons.flex-nowrap-lg, .nested-tachyons .flex-nowrap-lg { flex-wrap: nowrap; } .tachyons.flex-wrap-reverse-lg, .nested-tachyons .flex-wrap-reverse-lg { flex-wrap: wrap-reverse; } .tachyons.flex-column-reverse-lg, .nested-tachyons .flex-column-reverse-lg { flex-direction: column-reverse; } .tachyons.flex-row-reverse-lg, .nested-tachyons .flex-row-reverse-lg { flex-direction: row-reverse; } .tachyons.items-start-lg, .nested-tachyons .items-start-lg { align-items: flex-start; } .tachyons.items-end-lg, .nested-tachyons .items-end-lg { align-items: flex-end; } .tachyons.items-center-lg, .nested-tachyons .items-center-lg { align-items: center; } .tachyons.items-baseline-lg, .nested-tachyons .items-baseline-lg { align-items: baseline; } .tachyons.items-stretch-lg, .nested-tachyons .items-stretch-lg { align-items: stretch; } .tachyons.self-start-lg, .nested-tachyons .self-start-lg { align-self: flex-start; } .tachyons.self-end-lg, .nested-tachyons .self-end-lg { align-self: flex-end; } .tachyons.self-center-lg, .nested-tachyons .self-center-lg { align-self: center; } .tachyons.self-baseline-lg, .nested-tachyons .self-baseline-lg { align-self: baseline; } .tachyons.self-stretch-lg, .nested-tachyons .self-stretch-lg { align-self: stretch; } .tachyons.justify-start-lg, .nested-tachyons .justify-start-lg { justify-content: flex-start; } .tachyons.justify-end-lg, .nested-tachyons .justify-end-lg { justify-content: flex-end; } .tachyons.justify-center-lg, .nested-tachyons .justify-center-lg { justify-content: center; } .tachyons.justify-between-lg, .nested-tachyons .justify-between-lg { justify-content: space-between; } .tachyons.justify-around-lg, .nested-tachyons .justify-around-lg { justify-content: space-around; } .tachyons.content-start-lg, .nested-tachyons .content-start-lg { align-content: flex-start; } .tachyons.content-end-lg, .nested-tachyons .content-end-lg { align-content: flex-end; } .tachyons.content-center-lg, .nested-tachyons .content-center-lg { align-content: center; } .tachyons.content-between-lg, .nested-tachyons .content-between-lg { align-content: space-between; } .tachyons.content-around-lg, .nested-tachyons .content-around-lg { align-content: space-around; } .tachyons.content-stretch-lg, .nested-tachyons .content-stretch-lg { align-content: stretch; } .tachyons.order-0-lg, .nested-tachyons .order-0-lg { order: 0; } .tachyons.order-1-lg, .nested-tachyons .order-1-lg { order: 1; } .tachyons.order-2-lg, .nested-tachyons .order-2-lg { order: 2; } .tachyons.order-3-lg, .nested-tachyons .order-3-lg { order: 3; } .tachyons.order-4-lg, .nested-tachyons .order-4-lg { order: 4; } .tachyons.order-5-lg, .nested-tachyons .order-5-lg { order: 5; } .tachyons.order-6-lg, .nested-tachyons .order-6-lg { order: 6; } .tachyons.order-7-lg, .nested-tachyons .order-7-lg { order: 7; } .tachyons.order-8-lg, .nested-tachyons .order-8-lg { order: 8; } .tachyons.order-last-lg, .nested-tachyons .order-last-lg { order: 99999; } .tachyons.flex-grow-0-lg, .nested-tachyons .flex-grow-0-lg { flex-grow: 0; } .tachyons.flex-grow-1-lg, .nested-tachyons .flex-grow-1-lg { flex-grow: 1; } .tachyons.flex-shrink-0-lg, .nested-tachyons .flex-shrink-0-lg { flex-shrink: 0; } .tachyons.flex-shrink-1-lg, .nested-tachyons .flex-shrink-1-lg { flex-shrink: 1; } .tachyons.fl-lg, .nested-tachyons .fl-lg { float: left; _display: inline; } .tachyons.fr-lg, .nested-tachyons .fr-lg { float: right; _display: inline; } .tachyons.fn-lg, .nested-tachyons .fn-lg { float: none; } .tachyons.i-lg, .nested-tachyons .i-lg { font-style: italic; } .tachyons.fs-normal-lg, .nested-tachyons .fs-normal-lg { font-style: normal; } .tachyons.normal-lg, .nested-tachyons .normal-lg { font-weight: normal; } .tachyons.b-lg, .nested-tachyons .b-lg { font-weight: bold; } .tachyons.fw1-lg, .nested-tachyons .fw1-lg { font-weight: 100; } .tachyons.fw2-lg, .nested-tachyons .fw2-lg { font-weight: 200; } .tachyons.fw3-lg, .nested-tachyons .fw3-lg { font-weight: 300; } .tachyons.fw4-lg, .nested-tachyons .fw4-lg { font-weight: 400; } .tachyons.fw5-lg, .nested-tachyons .fw5-lg { font-weight: 500; } .tachyons.fw6-lg, .nested-tachyons .fw6-lg { font-weight: 600; } .tachyons.fw7-lg, .nested-tachyons .fw7-lg { font-weight: 700; } .tachyons.fw8-lg, .nested-tachyons .fw8-lg { font-weight: 800; } .tachyons.fw9-lg, .nested-tachyons .fw9-lg { font-weight: 900; } .tachyons.h1-lg, .nested-tachyons .h1-lg { height: 1rem; } .tachyons.h2-lg, .nested-tachyons .h2-lg { height: 2rem; } .tachyons.h3-lg, .nested-tachyons .h3-lg { height: 4rem; } .tachyons.h4-lg, .nested-tachyons .h4-lg { height: 8rem; } .tachyons.h5-lg, .nested-tachyons .h5-lg { height: 16rem; } .tachyons.h-25-lg, .nested-tachyons .h-25-lg { height: 25%; } .tachyons.h-50-lg, .nested-tachyons .h-50-lg { height: 50%; } .tachyons.h-75-lg, .nested-tachyons .h-75-lg { height: 75%; } .tachyons.h-100-lg, .nested-tachyons .h-100-lg { height: 100%; } .tachyons.min-h-100-lg, .nested-tachyons .min-h-100-lg { min-height: 100%; } .tachyons.vh-25-lg, .nested-tachyons .vh-25-lg { height: 25vh; } .tachyons.vh-50-lg, .nested-tachyons .vh-50-lg { height: 50vh; } .tachyons.vh-75-lg, .nested-tachyons .vh-75-lg { height: 75vh; } .tachyons.vh-100-lg, .nested-tachyons .vh-100-lg { height: 100vh; } .tachyons.min-vh-100-lg, .nested-tachyons .min-vh-100-lg { min-height: 100vh; } .tachyons.h-auto-lg, .nested-tachyons .h-auto-lg { height: auto; } .tachyons.h-inherit-lg, .nested-tachyons .h-inherit-lg { height: inherit; } .tachyons.tracked-lg, .nested-tachyons .tracked-lg { letter-spacing: .1em; } .tachyons.tracked-tight-lg, .nested-tachyons .tracked-tight-lg { letter-spacing: -.05em; } .tachyons.tracked-mega-lg, .nested-tachyons .tracked-mega-lg { letter-spacing: .25em; } .tachyons.lh-solid-lg, .nested-tachyons .lh-solid-lg { line-height: 1; } .tachyons.lh-title-lg, .nested-tachyons .lh-title-lg { line-height: 1.25; } .tachyons.lh-copy-lg, .nested-tachyons .lh-copy-lg { line-height: 1.5; } .tachyons.mw-100-lg, .nested-tachyons .mw-100-lg { max-width: 100%; } .tachyons.mw1-lg, .nested-tachyons .mw1-lg { max-width: 1rem; } .tachyons.mw2-lg, .nested-tachyons .mw2-lg { max-width: 2rem; } .tachyons.mw3-lg, .nested-tachyons .mw3-lg { max-width: 4rem; } .tachyons.mw4-lg, .nested-tachyons .mw4-lg { max-width: 8rem; } .tachyons.mw5-lg, .nested-tachyons .mw5-lg { max-width: 16rem; } .tachyons.mw6-lg, .nested-tachyons .mw6-lg { max-width: 32rem; } .tachyons.mw7-lg, .nested-tachyons .mw7-lg { max-width: 48rem; } .tachyons.mw8-lg, .nested-tachyons .mw8-lg { max-width: 64rem; } .tachyons.mw9-lg, .nested-tachyons .mw9-lg { max-width: 96rem; } .tachyons.mw-none-lg, .nested-tachyons .mw-none-lg { max-width: none; } .tachyons.w1-lg, .nested-tachyons .w1-lg { width: 1rem; } .tachyons.w2-lg, .nested-tachyons .w2-lg { width: 2rem; } .tachyons.w3-lg, .nested-tachyons .w3-lg { width: 4rem; } .tachyons.w4-lg, .nested-tachyons .w4-lg { width: 8rem; } .tachyons.w5-lg, .nested-tachyons .w5-lg { width: 16rem; } .tachyons.w-10-lg, .nested-tachyons .w-10-lg { width: 10%; } .tachyons.w-20-lg, .nested-tachyons .w-20-lg { width: 20%; } .tachyons.w-25-lg, .nested-tachyons .w-25-lg { width: 25%; } .tachyons.w-30-lg, .nested-tachyons .w-30-lg { width: 30%; } .tachyons.w-33-lg, .nested-tachyons .w-33-lg { width: 33%; } .tachyons.w-34-lg, .nested-tachyons .w-34-lg { width: 34%; } .tachyons.w-40-lg, .nested-tachyons .w-40-lg { width: 40%; } .tachyons.w-50-lg, .nested-tachyons .w-50-lg { width: 50%; } .tachyons.w-60-lg, .nested-tachyons .w-60-lg { width: 60%; } .tachyons.w-70-lg, .nested-tachyons .w-70-lg { width: 70%; } .tachyons.w-75-lg, .nested-tachyons .w-75-lg { width: 75%; } .tachyons.w-80-lg, .nested-tachyons .w-80-lg { width: 80%; } .tachyons.w-90-lg, .nested-tachyons .w-90-lg { width: 90%; } .tachyons.w-100-lg, .nested-tachyons .w-100-lg { width: 100%; } .tachyons.w-third-lg, .nested-tachyons .w-third-lg { width: 33.33333%; } .tachyons.w-two-thirds-lg, .nested-tachyons .w-two-thirds-lg { width: 66.66667%; } .tachyons.w-auto-lg, .nested-tachyons .w-auto-lg { width: auto; } .tachyons.overflow-visible-lg, .nested-tachyons .overflow-visible-lg { overflow: visible; } .tachyons.overflow-hidden-lg, .nested-tachyons .overflow-hidden-lg { overflow: hidden; } .tachyons.overflow-scroll-lg, .nested-tachyons .overflow-scroll-lg { overflow: scroll; } .tachyons.overflow-auto-lg, .nested-tachyons .overflow-auto-lg { overflow: auto; } .tachyons.overflow-x-visible-lg, .nested-tachyons .overflow-x-visible-lg { overflow-x: visible; } .tachyons.overflow-x-hidden-lg, .nested-tachyons .overflow-x-hidden-lg { overflow-x: hidden; } .tachyons.overflow-x-scroll-lg, .nested-tachyons .overflow-x-scroll-lg { overflow-x: scroll; } .tachyons.overflow-x-auto-lg, .nested-tachyons .overflow-x-auto-lg { overflow-x: auto; } .tachyons.overflow-y-visible-lg, .nested-tachyons .overflow-y-visible-lg { overflow-y: visible; } .tachyons.overflow-y-hidden-lg, .nested-tachyons .overflow-y-hidden-lg { overflow-y: hidden; } .tachyons.overflow-y-scroll-lg, .nested-tachyons .overflow-y-scroll-lg { overflow-y: scroll; } .tachyons.overflow-y-auto-lg, .nested-tachyons .overflow-y-auto-lg { overflow-y: auto; } .tachyons.static-lg, .nested-tachyons .static-lg { position: static; } .tachyons.relative-lg, .nested-tachyons .relative-lg { position: relative; } .tachyons.absolute-lg, .nested-tachyons .absolute-lg { position: absolute; } .tachyons.fixed-lg, .nested-tachyons .fixed-lg { position: fixed; } .tachyons.rotate-45-lg, .nested-tachyons .rotate-45-lg { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); } .tachyons.rotate-90-lg, .nested-tachyons .rotate-90-lg { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); } .tachyons.rotate-135-lg, .nested-tachyons .rotate-135-lg { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); } .tachyons.rotate-180-lg, .nested-tachyons .rotate-180-lg { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); } .tachyons.rotate-225-lg, .nested-tachyons .rotate-225-lg { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); } .tachyons.rotate-270-lg, .nested-tachyons .rotate-270-lg { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); } .tachyons.rotate-315-lg, .nested-tachyons .rotate-315-lg { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); } .tachyons.pa0-lg, .nested-tachyons .pa0-lg { padding: 0; } .tachyons.pa1-lg, .nested-tachyons .pa1-lg { padding: .25rem; } .tachyons.pa2-lg, .nested-tachyons .pa2-lg { padding: .5rem; } .tachyons.pa3-lg, .nested-tachyons .pa3-lg { padding: 1rem; } .tachyons.pa4-lg, .nested-tachyons .pa4-lg { padding: 2rem; } .tachyons.pa5-lg, .nested-tachyons .pa5-lg { padding: 4rem; } .tachyons.pa6-lg, .nested-tachyons .pa6-lg { padding: 8rem; } .tachyons.pa7-lg, .nested-tachyons .pa7-lg { padding: 16rem; } .tachyons.pl0-lg, .nested-tachyons .pl0-lg { padding-left: 0; } .tachyons.pl1-lg, .nested-tachyons .pl1-lg { padding-left: .25rem; } .tachyons.pl2-lg, .nested-tachyons .pl2-lg { padding-left: .5rem; } .tachyons.pl3-lg, .nested-tachyons .pl3-lg { padding-left: 1rem; } .tachyons.pl4-lg, .nested-tachyons .pl4-lg { padding-left: 2rem; } .tachyons.pl5-lg, .nested-tachyons .pl5-lg { padding-left: 4rem; } .tachyons.pl6-lg, .nested-tachyons .pl6-lg { padding-left: 8rem; } .tachyons.pl7-lg, .nested-tachyons .pl7-lg { padding-left: 16rem; } .tachyons.pr0-lg, .nested-tachyons .pr0-lg { padding-right: 0; } .tachyons.pr1-lg, .nested-tachyons .pr1-lg { padding-right: .25rem; } .tachyons.pr2-lg, .nested-tachyons .pr2-lg { padding-right: .5rem; } .tachyons.pr3-lg, .nested-tachyons .pr3-lg { padding-right: 1rem; } .tachyons.pr4-lg, .nested-tachyons .pr4-lg { padding-right: 2rem; } .tachyons.pr5-lg, .nested-tachyons .pr5-lg { padding-right: 4rem; } .tachyons.pr6-lg, .nested-tachyons .pr6-lg { padding-right: 8rem; } .tachyons.pr7-lg, .nested-tachyons .pr7-lg { padding-right: 16rem; } .tachyons.pb0-lg, .nested-tachyons .pb0-lg { padding-bottom: 0; } .tachyons.pb1-lg, .nested-tachyons .pb1-lg { padding-bottom: .25rem; } .tachyons.pb2-lg, .nested-tachyons .pb2-lg { padding-bottom: .5rem; } .tachyons.pb3-lg, .nested-tachyons .pb3-lg { padding-bottom: 1rem; } .tachyons.pb4-lg, .nested-tachyons .pb4-lg { padding-bottom: 2rem; } .tachyons.pb5-lg, .nested-tachyons .pb5-lg { padding-bottom: 4rem; } .tachyons.pb6-lg, .nested-tachyons .pb6-lg { padding-bottom: 8rem; } .tachyons.pb7-lg, .nested-tachyons .pb7-lg { padding-bottom: 16rem; } .tachyons.pt0-lg, .nested-tachyons .pt0-lg { padding-top: 0; } .tachyons.pt1-lg, .nested-tachyons .pt1-lg { padding-top: .25rem; } .tachyons.pt2-lg, .nested-tachyons .pt2-lg { padding-top: .5rem; } .tachyons.pt3-lg, .nested-tachyons .pt3-lg { padding-top: 1rem; } .tachyons.pt4-lg, .nested-tachyons .pt4-lg { padding-top: 2rem; } .tachyons.pt5-lg, .nested-tachyons .pt5-lg { padding-top: 4rem; } .tachyons.pt6-lg, .nested-tachyons .pt6-lg { padding-top: 8rem; } .tachyons.pt7-lg, .nested-tachyons .pt7-lg { padding-top: 16rem; } .tachyons.pv0-lg, .nested-tachyons .pv0-lg { padding-top: 0; padding-bottom: 0; } .tachyons.pv1-lg, .nested-tachyons .pv1-lg { padding-top: .25rem; padding-bottom: .25rem; } .tachyons.pv2-lg, .nested-tachyons .pv2-lg { padding-top: .5rem; padding-bottom: .5rem; } .tachyons.pv3-lg, .nested-tachyons .pv3-lg { padding-top: 1rem; padding-bottom: 1rem; } .tachyons.pv4-lg, .nested-tachyons .pv4-lg { padding-top: 2rem; padding-bottom: 2rem; } .tachyons.pv5-lg, .nested-tachyons .pv5-lg { padding-top: 4rem; padding-bottom: 4rem; } .tachyons.pv6-lg, .nested-tachyons .pv6-lg { padding-top: 8rem; padding-bottom: 8rem; } .tachyons.pv7-lg, .nested-tachyons .pv7-lg { padding-top: 16rem; padding-bottom: 16rem; } .tachyons.ph0-lg, .nested-tachyons .ph0-lg { padding-left: 0; padding-right: 0; } .tachyons.ph1-lg, .nested-tachyons .ph1-lg { padding-left: .25rem; padding-right: .25rem; } .tachyons.ph2-lg, .nested-tachyons .ph2-lg { padding-left: .5rem; padding-right: .5rem; } .tachyons.ph3-lg, .nested-tachyons .ph3-lg { padding-left: 1rem; padding-right: 1rem; } .tachyons.ph4-lg, .nested-tachyons .ph4-lg { padding-left: 2rem; padding-right: 2rem; } .tachyons.ph5-lg, .nested-tachyons .ph5-lg { padding-left: 4rem; padding-right: 4rem; } .tachyons.ph6-lg, .nested-tachyons .ph6-lg { padding-left: 8rem; padding-right: 8rem; } .tachyons.ph7-lg, .nested-tachyons .ph7-lg { padding-left: 16rem; padding-right: 16rem; } .tachyons.ma0-lg, .nested-tachyons .ma0-lg { margin: 0; } .tachyons.ma1-lg, .nested-tachyons .ma1-lg { margin: .25rem; } .tachyons.ma2-lg, .nested-tachyons .ma2-lg { margin: .5rem; } .tachyons.ma3-lg, .nested-tachyons .ma3-lg { margin: 1rem; } .tachyons.ma4-lg, .nested-tachyons .ma4-lg { margin: 2rem; } .tachyons.ma5-lg, .nested-tachyons .ma5-lg { margin: 4rem; } .tachyons.ma6-lg, .nested-tachyons .ma6-lg { margin: 8rem; } .tachyons.ma7-lg, .nested-tachyons .ma7-lg { margin: 16rem; } .tachyons.ml0-lg, .nested-tachyons .ml0-lg { margin-left: 0; } .tachyons.ml1-lg, .nested-tachyons .ml1-lg { margin-left: .25rem; } .tachyons.ml2-lg, .nested-tachyons .ml2-lg { margin-left: .5rem; } .tachyons.ml3-lg, .nested-tachyons .ml3-lg { margin-left: 1rem; } .tachyons.ml4-lg, .nested-tachyons .ml4-lg { margin-left: 2rem; } .tachyons.ml5-lg, .nested-tachyons .ml5-lg { margin-left: 4rem; } .tachyons.ml6-lg, .nested-tachyons .ml6-lg { margin-left: 8rem; } .tachyons.ml7-lg, .nested-tachyons .ml7-lg { margin-left: 16rem; } .tachyons.mr0-lg, .nested-tachyons .mr0-lg { margin-right: 0; } .tachyons.mr1-lg, .nested-tachyons .mr1-lg { margin-right: .25rem; } .tachyons.mr2-lg, .nested-tachyons .mr2-lg { margin-right: .5rem; } .tachyons.mr3-lg, .nested-tachyons .mr3-lg { margin-right: 1rem; } .tachyons.mr4-lg, .nested-tachyons .mr4-lg { margin-right: 2rem; } .tachyons.mr5-lg, .nested-tachyons .mr5-lg { margin-right: 4rem; } .tachyons.mr6-lg, .nested-tachyons .mr6-lg { margin-right: 8rem; } .tachyons.mr7-lg, .nested-tachyons .mr7-lg { margin-right: 16rem; } .tachyons.mb0-lg, .nested-tachyons .mb0-lg { margin-bottom: 0; } .tachyons.mb1-lg, .nested-tachyons .mb1-lg { margin-bottom: .25rem; } .tachyons.mb2-lg, .nested-tachyons .mb2-lg { margin-bottom: .5rem; } .tachyons.mb3-lg, .nested-tachyons .mb3-lg { margin-bottom: 1rem; } .tachyons.mb4-lg, .nested-tachyons .mb4-lg { margin-bottom: 2rem; } .tachyons.mb5-lg, .nested-tachyons .mb5-lg { margin-bottom: 4rem; } .tachyons.mb6-lg, .nested-tachyons .mb6-lg { margin-bottom: 8rem; } .tachyons.mb7-lg, .nested-tachyons .mb7-lg { margin-bottom: 16rem; } .tachyons.mt0-lg, .nested-tachyons .mt0-lg { margin-top: 0; } .tachyons.mt1-lg, .nested-tachyons .mt1-lg { margin-top: .25rem; } .tachyons.mt2-lg, .nested-tachyons .mt2-lg { margin-top: .5rem; } .tachyons.mt3-lg, .nested-tachyons .mt3-lg { margin-top: 1rem; } .tachyons.mt4-lg, .nested-tachyons .mt4-lg { margin-top: 2rem; } .tachyons.mt5-lg, .nested-tachyons .mt5-lg { margin-top: 4rem; } .tachyons.mt6-lg, .nested-tachyons .mt6-lg { margin-top: 8rem; } .tachyons.mt7-lg, .nested-tachyons .mt7-lg { margin-top: 16rem; } .tachyons.mv0-lg, .nested-tachyons .mv0-lg { margin-top: 0; margin-bottom: 0; } .tachyons.mv1-lg, .nested-tachyons .mv1-lg { margin-top: .25rem; margin-bottom: .25rem; } .tachyons.mv2-lg, .nested-tachyons .mv2-lg { margin-top: .5rem; margin-bottom: .5rem; } .tachyons.mv3-lg, .nested-tachyons .mv3-lg { margin-top: 1rem; margin-bottom: 1rem; } .tachyons.mv4-lg, .nested-tachyons .mv4-lg { margin-top: 2rem; margin-bottom: 2rem; } .tachyons.mv5-lg, .nested-tachyons .mv5-lg { margin-top: 4rem; margin-bottom: 4rem; } .tachyons.mv6-lg, .nested-tachyons .mv6-lg { margin-top: 8rem; margin-bottom: 8rem; } .tachyons.mv7-lg, .nested-tachyons .mv7-lg { margin-top: 16rem; margin-bottom: 16rem; } .tachyons.mh0-lg, .nested-tachyons .mh0-lg { margin-left: 0; margin-right: 0; } .tachyons.mh1-lg, .nested-tachyons .mh1-lg { margin-left: .25rem; margin-right: .25rem; } .tachyons.mh2-lg, .nested-tachyons .mh2-lg { margin-left: .5rem; margin-right: .5rem; } .tachyons.mh3-lg, .nested-tachyons .mh3-lg { margin-left: 1rem; margin-right: 1rem; } .tachyons.mh4-lg, .nested-tachyons .mh4-lg { margin-left: 2rem; margin-right: 2rem; } .tachyons.mh5-lg, .nested-tachyons .mh5-lg { margin-left: 4rem; margin-right: 4rem; } .tachyons.mh6-lg, .nested-tachyons .mh6-lg { margin-left: 8rem; margin-right: 8rem; } .tachyons.mh7-lg, .nested-tachyons .mh7-lg { margin-left: 16rem; margin-right: 16rem; } .tachyons.na1-lg, .nested-tachyons .na1-lg { margin: -0.25rem; } .tachyons.na2-lg, .nested-tachyons .na2-lg { margin: -0.5rem; } .tachyons.na3-lg, .nested-tachyons .na3-lg { margin: -1rem; } .tachyons.na4-lg, .nested-tachyons .na4-lg { margin: -2rem; } .tachyons.na5-lg, .nested-tachyons .na5-lg { margin: -4rem; } .tachyons.na6-lg, .nested-tachyons .na6-lg { margin: -8rem; } .tachyons.na7-lg, .nested-tachyons .na7-lg { margin: -16rem; } .tachyons.nl1-lg, .nested-tachyons .nl1-lg { margin-left: -0.25rem; } .tachyons.nl2-lg, .nested-tachyons .nl2-lg { margin-left: -0.5rem; } .tachyons.nl3-lg, .nested-tachyons .nl3-lg { margin-left: -1rem; } .tachyons.nl4-lg, .nested-tachyons .nl4-lg { margin-left: -2rem; } .tachyons.nl5-lg, .nested-tachyons .nl5-lg { margin-left: -4rem; } .tachyons.nl6-lg, .nested-tachyons .nl6-lg { margin-left: -8rem; } .tachyons.nl7-lg, .nested-tachyons .nl7-lg { margin-left: -16rem; } .tachyons.nr1-lg, .nested-tachyons .nr1-lg { margin-right: -0.25rem; } .tachyons.nr2-lg, .nested-tachyons .nr2-lg { margin-right: -0.5rem; } .tachyons.nr3-lg, .nested-tachyons .nr3-lg { margin-right: -1rem; } .tachyons.nr4-lg, .nested-tachyons .nr4-lg { margin-right: -2rem; } .tachyons.nr5-lg, .nested-tachyons .nr5-lg { margin-right: -4rem; } .tachyons.nr6-lg, .nested-tachyons .nr6-lg { margin-right: -8rem; } .tachyons.nr7-lg, .nested-tachyons .nr7-lg { margin-right: -16rem; } .tachyons.nb1-lg, .nested-tachyons .nb1-lg { margin-bottom: -0.25rem; } .tachyons.nb2-lg, .nested-tachyons .nb2-lg { margin-bottom: -0.5rem; } .tachyons.nb3-lg, .nested-tachyons .nb3-lg { margin-bottom: -1rem; } .tachyons.nb4-lg, .nested-tachyons .nb4-lg { margin-bottom: -2rem; } .tachyons.nb5-lg, .nested-tachyons .nb5-lg { margin-bottom: -4rem; } .tachyons.nb6-lg, .nested-tachyons .nb6-lg { margin-bottom: -8rem; } .tachyons.nb7-lg, .nested-tachyons .nb7-lg { margin-bottom: -16rem; } .tachyons.nt1-lg, .nested-tachyons .nt1-lg { margin-top: -0.25rem; } .tachyons.nt2-lg, .nested-tachyons .nt2-lg { margin-top: -0.5rem; } .tachyons.nt3-lg, .nested-tachyons .nt3-lg { margin-top: -1rem; } .tachyons.nt4-lg, .nested-tachyons .nt4-lg { margin-top: -2rem; } .tachyons.nt5-lg, .nested-tachyons .nt5-lg { margin-top: -4rem; } .tachyons.nt6-lg, .nested-tachyons .nt6-lg { margin-top: -8rem; } .tachyons.nt7-lg, .nested-tachyons .nt7-lg { margin-top: -16rem; } .tachyons.strike-lg, .nested-tachyons .strike-lg { text-decoration: line-through; } .tachyons.underline-lg, .nested-tachyons .underline-lg { text-decoration: underline; } .tachyons.no-underline-lg, .nested-tachyons .no-underline-lg { text-decoration: none; } .tachyons.tl-lg, .nested-tachyons .tl-lg { text-align: left; } .tachyons.tr-lg, .nested-tachyons .tr-lg { text-align: right; } .tachyons.tc-lg, .nested-tachyons .tc-lg { text-align: center; } .tachyons.tj-lg, .nested-tachyons .tj-lg { text-align: justify; } .tachyons.ttc-lg, .nested-tachyons .ttc-lg { text-transform: capitalize; } .tachyons.ttl-lg, .nested-tachyons .ttl-lg { text-transform: lowercase; } .tachyons.ttu-lg, .nested-tachyons .ttu-lg { text-transform: uppercase; } .tachyons.ttn-lg, .nested-tachyons .ttn-lg { text-transform: none; } .tachyons.f-6-l,, .nested-tachyons .f-6-l, .f-headline-lg { font-size: 6rem; } .tachyons.f-5-l,, .nested-tachyons .f-5-l, .f-subheadline-lg { font-size: 5rem; } .tachyons.f1-lg, .nested-tachyons .f1-lg { font-size: 3rem; } .tachyons.f2-lg, .nested-tachyons .f2-lg { font-size: 2.25rem; } .tachyons.f3-lg, .nested-tachyons .f3-lg { font-size: 1.5rem; } .tachyons.f4-lg, .nested-tachyons .f4-lg { font-size: 1.25rem; } .tachyons.f5-lg, .nested-tachyons .f5-lg { font-size: 1rem; } .tachyons.f6-lg, .nested-tachyons .f6-lg { font-size: .875rem; } .tachyons.f7-lg, .nested-tachyons .f7-lg { font-size: .75rem; } .tachyons.measure-lg, .nested-tachyons .measure-lg { max-width: 30em; } .tachyons.measure-wide-lg, .nested-tachyons .measure-wide-lg { max-width: 34em; } .tachyons.measure-narrow-lg, .nested-tachyons .measure-narrow-lg { max-width: 20em; } .tachyons.indent-lg, .nested-tachyons .indent-lg { text-indent: 1em; margin-top: 0; margin-bottom: 0; } .tachyons.small-caps-lg, .nested-tachyons .small-caps-lg { font-variant: small-caps; } .tachyons.truncate-lg, .nested-tachyons .truncate-lg { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tachyons.f--6-lg, .nested-tachyons .f--6-lg { font-size: 6px; } .tachyons.f--7-lg, .nested-tachyons .f--7-lg { font-size: 7px; } .tachyons.f--8-lg, .nested-tachyons .f--8-lg { font-size: 8px; } .tachyons.f--9-lg, .nested-tachyons .f--9-lg { font-size: 9px; } .tachyons.f--10-lg, .nested-tachyons .f--10-lg { font-size: 10px; } .tachyons.f--11-lg, .nested-tachyons .f--11-lg { font-size: 11px; } .tachyons.f--12-lg, .nested-tachyons .f--12-lg { font-size: 12px; } .tachyons.f--13-lg, .nested-tachyons .f--13-lg { font-size: 13px; } .tachyons.f--14-lg, .nested-tachyons .f--14-lg { font-size: 14px; } .tachyons.f--15-lg, .nested-tachyons .f--15-lg { font-size: 15px; } .tachyons.f--16-lg, .nested-tachyons .f--16-lg { font-size: 16px; } .tachyons.f--17-lg, .nested-tachyons .f--17-lg { font-size: 17px; } .tachyons.f--18-lg, .nested-tachyons .f--18-lg { font-size: 18px; } .tachyons.f--19-lg, .nested-tachyons .f--19-lg { font-size: 19px; } .tachyons.f--20-lg, .nested-tachyons .f--20-lg { font-size: 20px; } .tachyons.f--21-lg, .nested-tachyons .f--21-lg { font-size: 21px; } .tachyons.f--22-lg, .nested-tachyons .f--22-lg { font-size: 22px; } .tachyons.f--23-lg, .nested-tachyons .f--23-lg { font-size: 23px; } .tachyons.f--24-lg, .nested-tachyons .f--24-lg { font-size: 24px; } .tachyons.f--25-lg, .nested-tachyons .f--25-lg { font-size: 25px; } .tachyons.f--26-lg, .nested-tachyons .f--26-lg { font-size: 26px; } .tachyons.f--27-lg, .nested-tachyons .f--27-lg { font-size: 27px; } .tachyons.f--28-lg, .nested-tachyons .f--28-lg { font-size: 28px; } .tachyons.f--29-lg, .nested-tachyons .f--29-lg { font-size: 29px; } .tachyons.f--30-lg, .nested-tachyons .f--30-lg { font-size: 30px; } .tachyons.f--31-lg, .nested-tachyons .f--31-lg { font-size: 31px; } .tachyons.f--32-lg, .nested-tachyons .f--32-lg { font-size: 32px; } .tachyons.f--33-lg, .nested-tachyons .f--33-lg { font-size: 33px; } .tachyons.f--34-lg, .nested-tachyons .f--34-lg { font-size: 34px; } .tachyons.f--35-lg, .nested-tachyons .f--35-lg { font-size: 35px; } .tachyons.f--36-lg, .nested-tachyons .f--36-lg { font-size: 36px; } .tachyons.f--37-lg, .nested-tachyons .f--37-lg { font-size: 37px; } .tachyons.f--38-lg, .nested-tachyons .f--38-lg { font-size: 38px; } .tachyons.f--39-lg, .nested-tachyons .f--39-lg { font-size: 39px; } .tachyons.f--40-lg, .nested-tachyons .f--40-lg { font-size: 40px; } .tachyons.f--41-lg, .nested-tachyons .f--41-lg { font-size: 41px; } .tachyons.f--42-lg, .nested-tachyons .f--42-lg { font-size: 42px; } .tachyons.f--43-lg, .nested-tachyons .f--43-lg { font-size: 43px; } .tachyons.f--44-lg, .nested-tachyons .f--44-lg { font-size: 44px; } .tachyons.f--45-lg, .nested-tachyons .f--45-lg { font-size: 45px; } .tachyons.f--46-lg, .nested-tachyons .f--46-lg { font-size: 46px; } .tachyons.f--47-lg, .nested-tachyons .f--47-lg { font-size: 47px; } .tachyons.f--48-lg, .nested-tachyons .f--48-lg { font-size: 48px; } .tachyons.f--49-lg, .nested-tachyons .f--49-lg { font-size: 49px; } .tachyons.f--50-lg, .nested-tachyons .f--50-lg { font-size: 50px; } .tachyons.f--51-lg, .nested-tachyons .f--51-lg { font-size: 51px; } .tachyons.f--52-lg, .nested-tachyons .f--52-lg { font-size: 52px; } .tachyons.f--53-lg, .nested-tachyons .f--53-lg { font-size: 53px; } .tachyons.f--54-lg, .nested-tachyons .f--54-lg { font-size: 54px; } .tachyons.f--55-lg, .nested-tachyons .f--55-lg { font-size: 55px; } .tachyons.f--56-lg, .nested-tachyons .f--56-lg { font-size: 56px; } .tachyons.f--57-lg, .nested-tachyons .f--57-lg { font-size: 57px; } .tachyons.f--58-lg, .nested-tachyons .f--58-lg { font-size: 58px; } .tachyons.f--59-lg, .nested-tachyons .f--59-lg { font-size: 59px; } .tachyons.f--60-lg, .nested-tachyons .f--60-lg { font-size: 60px; } .tachyons.f--61-lg, .nested-tachyons .f--61-lg { font-size: 61px; } .tachyons.f--62-lg, .nested-tachyons .f--62-lg { font-size: 62px; } .tachyons.f--63-lg, .nested-tachyons .f--63-lg { font-size: 63px; } .tachyons.f--64-lg, .nested-tachyons .f--64-lg { font-size: 64px; } .tachyons.f--65-lg, .nested-tachyons .f--65-lg { font-size: 65px; } .tachyons.f--66-lg, .nested-tachyons .f--66-lg { font-size: 66px; } .tachyons.f--67-lg, .nested-tachyons .f--67-lg { font-size: 67px; } .tachyons.f--68-lg, .nested-tachyons .f--68-lg { font-size: 68px; } .tachyons.f--69-lg, .nested-tachyons .f--69-lg { font-size: 69px; } .tachyons.f--70-lg, .nested-tachyons .f--70-lg { font-size: 70px; } .tachyons.f--71-lg, .nested-tachyons .f--71-lg { font-size: 71px; } .tachyons.f--72-lg, .nested-tachyons .f--72-lg { font-size: 72px; } .tachyons.f--73-lg, .nested-tachyons .f--73-lg { font-size: 73px; } .tachyons.f--74-lg, .nested-tachyons .f--74-lg { font-size: 74px; } .tachyons.f--75-lg, .nested-tachyons .f--75-lg { font-size: 75px; } .tachyons.f--76-lg, .nested-tachyons .f--76-lg { font-size: 76px; } .tachyons.f--77-lg, .nested-tachyons .f--77-lg { font-size: 77px; } .tachyons.f--78-lg, .nested-tachyons .f--78-lg { font-size: 78px; } .tachyons.f--79-lg, .nested-tachyons .f--79-lg { font-size: 79px; } .tachyons.f--80-lg, .nested-tachyons .f--80-lg { font-size: 80px; } .tachyons.f--81-lg, .nested-tachyons .f--81-lg { font-size: 81px; } .tachyons.f--82-lg, .nested-tachyons .f--82-lg { font-size: 82px; } .tachyons.f--83-lg, .nested-tachyons .f--83-lg { font-size: 83px; } .tachyons.f--84-lg, .nested-tachyons .f--84-lg { font-size: 84px; } .tachyons.f--85-lg, .nested-tachyons .f--85-lg { font-size: 85px; } .tachyons.f--86-lg, .nested-tachyons .f--86-lg { font-size: 86px; } .tachyons.f--87-lg, .nested-tachyons .f--87-lg { font-size: 87px; } .tachyons.f--88-lg, .nested-tachyons .f--88-lg { font-size: 88px; } .tachyons.f--89-lg, .nested-tachyons .f--89-lg { font-size: 89px; } .tachyons.f--90-lg, .nested-tachyons .f--90-lg { font-size: 90px; } .tachyons.center-lg, .nested-tachyons .center-lg { margin-right: auto; margin-left: auto; } .tachyons.mr-auto-lg, .nested-tachyons .mr-auto-lg { margin-right: auto; } .tachyons.ml-auto-lg, .nested-tachyons .ml-auto-lg { margin-left: auto; } .tachyons.clip-lg, .nested-tachyons .clip-lg { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); } .tachyons.ws-normal-lg, .nested-tachyons .ws-normal-lg { white-space: normal; } .tachyons.nowrap-lg, .nested-tachyons .nowrap-lg { white-space: nowrap; } .tachyons.pre-lg, .nested-tachyons .pre-lg { white-space: pre; } .tachyons.v-base-lg, .nested-tachyons .v-base-lg { vertical-align: baseline; } .tachyons.v-mid-lg, .nested-tachyons .v-mid-lg { vertical-align: middle; } .tachyons.v-top-lg, .nested-tachyons .v-top-lg { vertical-align: top; } .tachyons.v-btm-lg, .nested-tachyons .v-btm-lg { vertical-align: bottom; } } @media screen and (min-width: 1200px) { .tachyons.aspect-ratio-xl, .nested-tachyons .aspect-ratio-xl { height: 0; position: relative; } .tachyons.aspect-ratio--16x9-xl, .nested-tachyons .aspect-ratio--16x9-xl { padding-bottom: 56.25%; } .tachyons.aspect-ratio--9x16-xl, .nested-tachyons .aspect-ratio--9x16-xl { padding-bottom: 177.77%; } .tachyons.aspect-ratio--4x3-xl, .nested-tachyons .aspect-ratio--4x3-xl { padding-bottom: 75%; } .tachyons.aspect-ratio--3x4-xl, .nested-tachyons .aspect-ratio--3x4-xl { padding-bottom: 133.33%; } .tachyons.aspect-ratio--6x4-xl, .nested-tachyons .aspect-ratio--6x4-xl { padding-bottom: 66.6%; } .tachyons.aspect-ratio--4x6-xl, .nested-tachyons .aspect-ratio--4x6-xl { padding-bottom: 150%; } .tachyons.aspect-ratio--8x5-xl, .nested-tachyons .aspect-ratio--8x5-xl { padding-bottom: 62.5%; } .tachyons.aspect-ratio--5x8-xl, .nested-tachyons .aspect-ratio--5x8-xl { padding-bottom: 160%; } .tachyons.aspect-ratio--7x5-xl, .nested-tachyons .aspect-ratio--7x5-xl { padding-bottom: 71.42%; } .tachyons.aspect-ratio--5x7-xl, .nested-tachyons .aspect-ratio--5x7-xl { padding-bottom: 140%; } .tachyons.aspect-ratio--1x1-xl, .nested-tachyons .aspect-ratio--1x1-xl { padding-bottom: 100%; } .tachyons.aspect-ratio--object-xl, .nested-tachyons .aspect-ratio--object-xl { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; } .tachyons.cover-xl, .nested-tachyons .cover-xl { background-size: cover !important; } .tachyons.contain-xl, .nested-tachyons .contain-xl { background-size: contain !important; } .tachyons.bg-center-xl, .nested-tachyons .bg-center-xl { background-repeat: no-repeat; background-position: center center; } .tachyons.bg-top-xl, .nested-tachyons .bg-top-xl { background-repeat: no-repeat; background-position: top center; } .tachyons.bg-right-xl, .nested-tachyons .bg-right-xl { background-repeat: no-repeat; background-position: center right; } .tachyons.bg-bottom-xl, .nested-tachyons .bg-bottom-xl { background-repeat: no-repeat; background-position: bottom center; } .tachyons.bg-left-xl, .nested-tachyons .bg-left-xl { background-repeat: no-repeat; background-position: center left; } .tachyons.outline-xl, .nested-tachyons .outline-xl { outline: 1px solid; } .tachyons.outline-transparent-xl, .nested-tachyons .outline-transparent-xl { outline: 1px solid transparent; } .tachyons.outline-0-xl, .nested-tachyons .outline-0-xl { outline: 0; } .tachyons.ba-xl, .nested-tachyons .ba-xl { border-style: solid; border-width: 1px; } .tachyons.bt-xl, .nested-tachyons .bt-xl { border-top-style: solid; border-top-width: 1px; } .tachyons.br-xl, .nested-tachyons .br-xl { border-right-style: solid; border-right-width: 1px; } .tachyons.bb-xl, .nested-tachyons .bb-xl { border-bottom-style: solid; border-bottom-width: 1px; } .tachyons.bl-xl, .nested-tachyons .bl-xl { border-left-style: solid; border-left-width: 1px; } .tachyons.bn-xl, .nested-tachyons .bn-xl { border-style: none; border-width: 0; } .tachyons.br0-xl, .nested-tachyons .br0-xl { border-radius: 0; } .tachyons.br1-xl, .nested-tachyons .br1-xl { border-radius: .125rem; } .tachyons.br2-xl, .nested-tachyons .br2-xl { border-radius: .25rem; } .tachyons.br3-xl, .nested-tachyons .br3-xl { border-radius: .5rem; } .tachyons.br4-xl, .nested-tachyons .br4-xl { border-radius: 1rem; } .tachyons.br-100-xl, .nested-tachyons .br-100-xl { border-radius: 100%; } .tachyons.br-pill-xl, .nested-tachyons .br-pill-xl { border-radius: 9999px; } .tachyons.br--bottom-xl, .nested-tachyons .br--bottom-xl { border-top-left-radius: 0; border-top-right-radius: 0; } .tachyons.br--top-xl, .nested-tachyons .br--top-xl { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .tachyons.br--right-xl, .nested-tachyons .br--right-xl { border-top-left-radius: 0; border-bottom-left-radius: 0; } .tachyons.br--left-xl, .nested-tachyons .br--left-xl { border-top-right-radius: 0; border-bottom-right-radius: 0; } .tachyons.br-inherit-xl, .nested-tachyons .br-inherit-xl { border-radius: inherit; } .tachyons.br-initial-xl, .nested-tachyons .br-initial-xl { border-radius: initial; } .tachyons.br-unset-xl, .nested-tachyons .br-unset-xl { border-radius: unset; } .tachyons.b--dotted-xl, .nested-tachyons .b--dotted-xl { border-style: dotted; } .tachyons.b--dashed-xl, .nested-tachyons .b--dashed-xl { border-style: dashed; } .tachyons.b--solid-xl, .nested-tachyons .b--solid-xl { border-style: solid; } .tachyons.b--none-xl, .nested-tachyons .b--none-xl { border-style: none; } .tachyons.bw0-xl, .nested-tachyons .bw0-xl { border-width: 0; } .tachyons.bw1-xl, .nested-tachyons .bw1-xl { border-width: .125rem; } .tachyons.bw2-xl, .nested-tachyons .bw2-xl { border-width: .25rem; } .tachyons.bw3-xl, .nested-tachyons .bw3-xl { border-width: .5rem; } .tachyons.bw4-xl, .nested-tachyons .bw4-xl { border-width: 1rem; } .tachyons.bw5-xl, .nested-tachyons .bw5-xl { border-width: 2rem; } .tachyons.bt-0-xl, .nested-tachyons .bt-0-xl { border-top-width: 0; } .tachyons.br-0-xl, .nested-tachyons .br-0-xl { border-right-width: 0; } .tachyons.bb-0-xl, .nested-tachyons .bb-0-xl { border-bottom-width: 0; } .tachyons.bl-0-xl, .nested-tachyons .bl-0-xl { border-left-width: 0; } .tachyons.shadow-1-xl, .nested-tachyons .shadow-1-xl { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); } .tachyons.shadow-2-xl, .nested-tachyons .shadow-2-xl { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); } .tachyons.shadow-3-xl, .nested-tachyons .shadow-3-xl { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); } .tachyons.shadow-4-xl, .nested-tachyons .shadow-4-xl { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); } .tachyons.shadow-5-xl, .nested-tachyons .shadow-5-xl { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); } .tachyons.top-0-xl, .nested-tachyons .top-0-xl { top: 0; } .tachyons.left-0-xl, .nested-tachyons .left-0-xl { left: 0; } .tachyons.right-0-xl, .nested-tachyons .right-0-xl { right: 0; } .tachyons.bottom-0-xl, .nested-tachyons .bottom-0-xl { bottom: 0; } .tachyons.top-1-xl, .nested-tachyons .top-1-xl { top: 1rem; } .tachyons.left-1-xl, .nested-tachyons .left-1-xl { left: 1rem; } .tachyons.right-1-xl, .nested-tachyons .right-1-xl { right: 1rem; } .tachyons.bottom-1-xl, .nested-tachyons .bottom-1-xl { bottom: 1rem; } .tachyons.top-2-xl, .nested-tachyons .top-2-xl { top: 2rem; } .tachyons.left-2-xl, .nested-tachyons .left-2-xl { left: 2rem; } .tachyons.right-2-xl, .nested-tachyons .right-2-xl { right: 2rem; } .tachyons.bottom-2-xl, .nested-tachyons .bottom-2-xl { bottom: 2rem; } .tachyons.top--1-xl, .nested-tachyons .top--1-xl { top: -1rem; } .tachyons.right--1-xl, .nested-tachyons .right--1-xl { right: -1rem; } .tachyons.bottom--1-xl, .nested-tachyons .bottom--1-xl { bottom: -1rem; } .tachyons.left--1-xl, .nested-tachyons .left--1-xl { left: -1rem; } .tachyons.top--2-xl, .nested-tachyons .top--2-xl { top: -2rem; } .tachyons.right--2-xl, .nested-tachyons .right--2-xl { right: -2rem; } .tachyons.bottom--2-xl, .nested-tachyons .bottom--2-xl { bottom: -2rem; } .tachyons.left--2-xl, .nested-tachyons .left--2-xl { left: -2rem; } .tachyons.absolute--fill-xl, .nested-tachyons .absolute--fill-xl { top: 0; right: 0; bottom: 0; left: 0; } .tachyons.cl-xl, .nested-tachyons .cl-xl { clear: left; } .tachyons.cr-xl, .nested-tachyons .cr-xl { clear: right; } .tachyons.cb-xl, .nested-tachyons .cb-xl { clear: both; } .tachyons.cn-xl, .nested-tachyons .cn-xl { clear: none; } .tachyons.dn-xl, .nested-tachyons .dn-xl { display: none; } .tachyons.di-xl, .nested-tachyons .di-xl { display: inline; } .tachyons.db-xl, .nested-tachyons .db-xl { display: block; } .tachyons.dib-xl, .nested-tachyons .dib-xl { display: inline-block; } .tachyons.dit-xl, .nested-tachyons .dit-xl { display: inline-table; } .tachyons.dt-xl, .nested-tachyons .dt-xl { display: table; } .tachyons.dtc-xl, .nested-tachyons .dtc-xl { display: table-cell; } .tachyons.dt-row-xl, .nested-tachyons .dt-row-xl { display: table-row; } .tachyons.dt-row-group-xl, .nested-tachyons .dt-row-group-xl { display: table-row-group; } .tachyons.dt-column-xl, .nested-tachyons .dt-column-xl { display: table-column; } .tachyons.dt-column-group-xl, .nested-tachyons .dt-column-group-xl { display: table-column-group; } .tachyons.dt--fixed-xl, .nested-tachyons .dt--fixed-xl { table-xlayout: fixed; width: 100%; } .tachyons.flex-xl, .nested-tachyons .flex-xl { display: flex; } .tachyons.inline-flex-xl, .nested-tachyons .inline-flex-xl { display: inline-flex; } .tachyons.flex-auto-xl, .nested-tachyons .flex-auto-xl { flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ } .tachyons.flex-none-xl, .nested-tachyons .flex-none-xl { flex: none; } .tachyons.flex-column-xl, .nested-tachyons .flex-column-xl { flex-direction: column; } .tachyons.flex-row-xl, .nested-tachyons .flex-row-xl { flex-direction: row; } .tachyons.flex-wrap-xl, .nested-tachyons .flex-wrap-xl { flex-wrap: wrap; } .tachyons.flex-nowrap-xl, .nested-tachyons .flex-nowrap-xl { flex-wrap: nowrap; } .tachyons.flex-wrap-reverse-xl, .nested-tachyons .flex-wrap-reverse-xl { flex-wrap: wrap-reverse; } .tachyons.flex-column-reverse-xl, .nested-tachyons .flex-column-reverse-xl { flex-direction: column-reverse; } .tachyons.flex-row-reverse-xl, .nested-tachyons .flex-row-reverse-xl { flex-direction: row-reverse; } .tachyons.items-start-xl, .nested-tachyons .items-start-xl { align-items: flex-start; } .tachyons.items-end-xl, .nested-tachyons .items-end-xl { align-items: flex-end; } .tachyons.items-center-xl, .nested-tachyons .items-center-xl { align-items: center; } .tachyons.items-baseline-xl, .nested-tachyons .items-baseline-xl { align-items: baseline; } .tachyons.items-stretch-xl, .nested-tachyons .items-stretch-xl { align-items: stretch; } .tachyons.self-start-xl, .nested-tachyons .self-start-xl { align-self: flex-start; } .tachyons.self-end-xl, .nested-tachyons .self-end-xl { align-self: flex-end; } .tachyons.self-center-xl, .nested-tachyons .self-center-xl { align-self: center; } .tachyons.self-baseline-xl, .nested-tachyons .self-baseline-xl { align-self: baseline; } .tachyons.self-stretch-xl, .nested-tachyons .self-stretch-xl { align-self: stretch; } .tachyons.justify-start-xl, .nested-tachyons .justify-start-xl { justify-content: flex-start; } .tachyons.justify-end-xl, .nested-tachyons .justify-end-xl { justify-content: flex-end; } .tachyons.justify-center-xl, .nested-tachyons .justify-center-xl { justify-content: center; } .tachyons.justify-between-xl, .nested-tachyons .justify-between-xl { justify-content: space-between; } .tachyons.justify-around-xl, .nested-tachyons .justify-around-xl { justify-content: space-around; } .tachyons.content-start-xl, .nested-tachyons .content-start-xl { align-content: flex-start; } .tachyons.content-end-xl, .nested-tachyons .content-end-xl { align-content: flex-end; } .tachyons.content-center-xl, .nested-tachyons .content-center-xl { align-content: center; } .tachyons.content-between-xl, .nested-tachyons .content-between-xl { align-content: space-between; } .tachyons.content-around-xl, .nested-tachyons .content-around-xl { align-content: space-around; } .tachyons.content-stretch-xl, .nested-tachyons .content-stretch-xl { align-content: stretch; } .tachyons.order-0-xl, .nested-tachyons .order-0-xl { order: 0; } .tachyons.order-1-xl, .nested-tachyons .order-1-xl { order: 1; } .tachyons.order-2-xl, .nested-tachyons .order-2-xl { order: 2; } .tachyons.order-3-xl, .nested-tachyons .order-3-xl { order: 3; } .tachyons.order-4-xl, .nested-tachyons .order-4-xl { order: 4; } .tachyons.order-5-xl, .nested-tachyons .order-5-xl { order: 5; } .tachyons.order-6-xl, .nested-tachyons .order-6-xl { order: 6; } .tachyons.order-7-xl, .nested-tachyons .order-7-xl { order: 7; } .tachyons.order-8-xl, .nested-tachyons .order-8-xl { order: 8; } .tachyons.order-xlast-xl, .nested-tachyons .order-xlast-xl { order: 99999; } .tachyons.flex-grow-0-xl, .nested-tachyons .flex-grow-0-xl { flex-grow: 0; } .tachyons.flex-grow-1-xl, .nested-tachyons .flex-grow-1-xl { flex-grow: 1; } .tachyons.flex-shrink-0-xl, .nested-tachyons .flex-shrink-0-xl { flex-shrink: 0; } .tachyons.flex-shrink-1-xl, .nested-tachyons .flex-shrink-1-xl { flex-shrink: 1; } .tachyons.fl-xl, .nested-tachyons .fl-xl { float: left; _display: inline; } .tachyons.fr-xl, .nested-tachyons .fr-xl { float: right; _display: inline; } .tachyons.fn-xl, .nested-tachyons .fn-xl { float: none; } .tachyons.i-xl, .nested-tachyons .i-xl { font-style: italic; } .tachyons.fs-normal-xl, .nested-tachyons .fs-normal-xl { font-style: normal; } .tachyons.normal-xl, .nested-tachyons .normal-xl { font-weight: normal; } .tachyons.b-xl, .nested-tachyons .b-xl { font-weight: bold; } .tachyons.fw1-xl, .nested-tachyons .fw1-xl { font-weight: 100; } .tachyons.fw2-xl, .nested-tachyons .fw2-xl { font-weight: 200; } .tachyons.fw3-xl, .nested-tachyons .fw3-xl { font-weight: 300; } .tachyons.fw4-xl, .nested-tachyons .fw4-xl { font-weight: 400; } .tachyons.fw5-xl, .nested-tachyons .fw5-xl { font-weight: 500; } .tachyons.fw6-xl, .nested-tachyons .fw6-xl { font-weight: 600; } .tachyons.fw7-xl, .nested-tachyons .fw7-xl { font-weight: 700; } .tachyons.fw8-xl, .nested-tachyons .fw8-xl { font-weight: 800; } .tachyons.fw9-xl, .nested-tachyons .fw9-xl { font-weight: 900; } .tachyons.h1-xl, .nested-tachyons .h1-xl { height: 1rem; } .tachyons.h2-xl, .nested-tachyons .h2-xl { height: 2rem; } .tachyons.h3-xl, .nested-tachyons .h3-xl { height: 4rem; } .tachyons.h4-xl, .nested-tachyons .h4-xl { height: 8rem; } .tachyons.h5-xl, .nested-tachyons .h5-xl { height: 16rem; } .tachyons.h-25-xl, .nested-tachyons .h-25-xl { height: 25%; } .tachyons.h-50-xl, .nested-tachyons .h-50-xl { height: 50%; } .tachyons.h-75-xl, .nested-tachyons .h-75-xl { height: 75%; } .tachyons.h-100-xl, .nested-tachyons .h-100-xl { height: 100%; } .tachyons.min-h-100-xl, .nested-tachyons .min-h-100-xl { min-height: 100%; } .tachyons.vh-25-xl, .nested-tachyons .vh-25-xl { height: 25vh; } .tachyons.vh-50-xl, .nested-tachyons .vh-50-xl { height: 50vh; } .tachyons.vh-75-xl, .nested-tachyons .vh-75-xl { height: 75vh; } .tachyons.vh-100-xl, .nested-tachyons .vh-100-xl { height: 100vh; } .tachyons.min-vh-100-xl, .nested-tachyons .min-vh-100-xl { min-height: 100vh; } .tachyons.h-auto-xl, .nested-tachyons .h-auto-xl { height: auto; } .tachyons.h-inherit-xl, .nested-tachyons .h-inherit-xl { height: inherit; } .tachyons.tracked-xl, .nested-tachyons .tracked-xl { letter-spacing: .1em; } .tachyons.tracked-tight-xl, .nested-tachyons .tracked-tight-xl { letter-spacing: -.05em; } .tachyons.tracked-mega-xl, .nested-tachyons .tracked-mega-xl { letter-spacing: .25em; } .tachyons.lh-solid-xl, .nested-tachyons .lh-solid-xl { line-height: 1; } .tachyons.lh-title-xl, .nested-tachyons .lh-title-xl { line-height: 1.25; } .tachyons.lh-copy-xl, .nested-tachyons .lh-copy-xl { line-height: 1.5; } .tachyons.mw-100-xl, .nested-tachyons .mw-100-xl { max-width: 100%; } .tachyons.mw1-xl, .nested-tachyons .mw1-xl { max-width: 1rem; } .tachyons.mw2-xl, .nested-tachyons .mw2-xl { max-width: 2rem; } .tachyons.mw3-xl, .nested-tachyons .mw3-xl { max-width: 4rem; } .tachyons.mw4-xl, .nested-tachyons .mw4-xl { max-width: 8rem; } .tachyons.mw5-xl, .nested-tachyons .mw5-xl { max-width: 16rem; } .tachyons.mw6-xl, .nested-tachyons .mw6-xl { max-width: 32rem; } .tachyons.mw7-xl, .nested-tachyons .mw7-xl { max-width: 48rem; } .tachyons.mw8-xl, .nested-tachyons .mw8-xl { max-width: 64rem; } .tachyons.mw9-xl, .nested-tachyons .mw9-xl { max-width: 96rem; } .tachyons.mw-none-xl, .nested-tachyons .mw-none-xl { max-width: none; } .tachyons.w1-xl, .nested-tachyons .w1-xl { width: 1rem; } .tachyons.w2-xl, .nested-tachyons .w2-xl { width: 2rem; } .tachyons.w3-xl, .nested-tachyons .w3-xl { width: 4rem; } .tachyons.w4-xl, .nested-tachyons .w4-xl { width: 8rem; } .tachyons.w5-xl, .nested-tachyons .w5-xl { width: 16rem; } .tachyons.w-10-xl, .nested-tachyons .w-10-xl { width: 10%; } .tachyons.w-20-xl, .nested-tachyons .w-20-xl { width: 20%; } .tachyons.w-25-xl, .nested-tachyons .w-25-xl { width: 25%; } .tachyons.w-30-xl, .nested-tachyons .w-30-xl { width: 30%; } .tachyons.w-33-xl, .nested-tachyons .w-33-xl { width: 33%; } .tachyons.w-34-xl, .nested-tachyons .w-34-xl { width: 34%; } .tachyons.w-40-xl, .nested-tachyons .w-40-xl { width: 40%; } .tachyons.w-50-xl, .nested-tachyons .w-50-xl { width: 50%; } .tachyons.w-60-xl, .nested-tachyons .w-60-xl { width: 60%; } .tachyons.w-70-xl, .nested-tachyons .w-70-xl { width: 70%; } .tachyons.w-75-xl, .nested-tachyons .w-75-xl { width: 75%; } .tachyons.w-80-xl, .nested-tachyons .w-80-xl { width: 80%; } .tachyons.w-90-xl, .nested-tachyons .w-90-xl { width: 90%; } .tachyons.w-100-xl, .nested-tachyons .w-100-xl { width: 100%; } .tachyons.w-third-xl, .nested-tachyons .w-third-xl { width: 33.33333%; } .tachyons.w-two-thirds-xl, .nested-tachyons .w-two-thirds-xl { width: 66.66667%; } .tachyons.w-auto-xl, .nested-tachyons .w-auto-xl { width: auto; } .tachyons.overflow-visible-xl, .nested-tachyons .overflow-visible-xl { overflow: visible; } .tachyons.overflow-hidden-xl, .nested-tachyons .overflow-hidden-xl { overflow: hidden; } .tachyons.overflow-scroll-xl, .nested-tachyons .overflow-scroll-xl { overflow: scroll; } .tachyons.overflow-auto-xl, .nested-tachyons .overflow-auto-xl { overflow: auto; } .tachyons.overflow-x-visible-xl, .nested-tachyons .overflow-x-visible-xl { overflow-x: visible; } .tachyons.overflow-x-hidden-xl, .nested-tachyons .overflow-x-hidden-xl { overflow-x: hidden; } .tachyons.overflow-x-scroll-xl, .nested-tachyons .overflow-x-scroll-xl { overflow-x: scroll; } .tachyons.overflow-x-auto-xl, .nested-tachyons .overflow-x-auto-xl { overflow-x: auto; } .tachyons.overflow-y-visible-xl, .nested-tachyons .overflow-y-visible-xl { overflow-y: visible; } .tachyons.overflow-y-hidden-xl, .nested-tachyons .overflow-y-hidden-xl { overflow-y: hidden; } .tachyons.overflow-y-scroll-xl, .nested-tachyons .overflow-y-scroll-xl { overflow-y: scroll; } .tachyons.overflow-y-auto-xl, .nested-tachyons .overflow-y-auto-xl { overflow-y: auto; } .tachyons.static-xl, .nested-tachyons .static-xl { position: static; } .tachyons.relative-xl, .nested-tachyons .relative-xl { position: relative; } .tachyons.absolute-xl, .nested-tachyons .absolute-xl { position: absolute; } .tachyons.fixed-xl, .nested-tachyons .fixed-xl { position: fixed; } .tachyons.rotate-45-xl, .nested-tachyons .rotate-45-xl { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); } .tachyons.rotate-90-xl, .nested-tachyons .rotate-90-xl { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); } .tachyons.rotate-135-xl, .nested-tachyons .rotate-135-xl { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); } .tachyons.rotate-180-xl, .nested-tachyons .rotate-180-xl { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); } .tachyons.rotate-225-xl, .nested-tachyons .rotate-225-xl { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); } .tachyons.rotate-270-xl, .nested-tachyons .rotate-270-xl { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); } .tachyons.rotate-315-xl, .nested-tachyons .rotate-315-xl { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); } .tachyons.pa0-xl, .nested-tachyons .pa0-xl { padding: 0; } .tachyons.pa1-xl, .nested-tachyons .pa1-xl { padding: .25rem; } .tachyons.pa2-xl, .nested-tachyons .pa2-xl { padding: .5rem; } .tachyons.pa3-xl, .nested-tachyons .pa3-xl { padding: 1rem; } .tachyons.pa4-xl, .nested-tachyons .pa4-xl { padding: 2rem; } .tachyons.pa5-xl, .nested-tachyons .pa5-xl { padding: 4rem; } .tachyons.pa6-xl, .nested-tachyons .pa6-xl { padding: 8rem; } .tachyons.pa7-xl, .nested-tachyons .pa7-xl { padding: 16rem; } .tachyons.pl0-xl, .nested-tachyons .pl0-xl { padding-left: 0; } .tachyons.pl1-xl, .nested-tachyons .pl1-xl { padding-left: .25rem; } .tachyons.pl2-xl, .nested-tachyons .pl2-xl { padding-left: .5rem; } .tachyons.pl3-xl, .nested-tachyons .pl3-xl { padding-left: 1rem; } .tachyons.pl4-xl, .nested-tachyons .pl4-xl { padding-left: 2rem; } .tachyons.pl5-xl, .nested-tachyons .pl5-xl { padding-left: 4rem; } .tachyons.pl6-xl, .nested-tachyons .pl6-xl { padding-left: 8rem; } .tachyons.pl7-xl, .nested-tachyons .pl7-xl { padding-left: 16rem; } .tachyons.pr0-xl, .nested-tachyons .pr0-xl { padding-right: 0; } .tachyons.pr1-xl, .nested-tachyons .pr1-xl { padding-right: .25rem; } .tachyons.pr2-xl, .nested-tachyons .pr2-xl { padding-right: .5rem; } .tachyons.pr3-xl, .nested-tachyons .pr3-xl { padding-right: 1rem; } .tachyons.pr4-xl, .nested-tachyons .pr4-xl { padding-right: 2rem; } .tachyons.pr5-xl, .nested-tachyons .pr5-xl { padding-right: 4rem; } .tachyons.pr6-xl, .nested-tachyons .pr6-xl { padding-right: 8rem; } .tachyons.pr7-xl, .nested-tachyons .pr7-xl { padding-right: 16rem; } .tachyons.pb0-xl, .nested-tachyons .pb0-xl { padding-bottom: 0; } .tachyons.pb1-xl, .nested-tachyons .pb1-xl { padding-bottom: .25rem; } .tachyons.pb2-xl, .nested-tachyons .pb2-xl { padding-bottom: .5rem; } .tachyons.pb3-xl, .nested-tachyons .pb3-xl { padding-bottom: 1rem; } .tachyons.pb4-xl, .nested-tachyons .pb4-xl { padding-bottom: 2rem; } .tachyons.pb5-xl, .nested-tachyons .pb5-xl { padding-bottom: 4rem; } .tachyons.pb6-xl, .nested-tachyons .pb6-xl { padding-bottom: 8rem; } .tachyons.pb7-xl, .nested-tachyons .pb7-xl { padding-bottom: 16rem; } .tachyons.pt0-xl, .nested-tachyons .pt0-xl { padding-top: 0; } .tachyons.pt1-xl, .nested-tachyons .pt1-xl { padding-top: .25rem; } .tachyons.pt2-xl, .nested-tachyons .pt2-xl { padding-top: .5rem; } .tachyons.pt3-xl, .nested-tachyons .pt3-xl { padding-top: 1rem; } .tachyons.pt4-xl, .nested-tachyons .pt4-xl { padding-top: 2rem; } .tachyons.pt5-xl, .nested-tachyons .pt5-xl { padding-top: 4rem; } .tachyons.pt6-xl, .nested-tachyons .pt6-xl { padding-top: 8rem; } .tachyons.pt7-xl, .nested-tachyons .pt7-xl { padding-top: 16rem; } .tachyons.pv0-xl, .nested-tachyons .pv0-xl { padding-top: 0; padding-bottom: 0; } .tachyons.pv1-xl, .nested-tachyons .pv1-xl { padding-top: .25rem; padding-bottom: .25rem; } .tachyons.pv2-xl, .nested-tachyons .pv2-xl { padding-top: .5rem; padding-bottom: .5rem; } .tachyons.pv3-xl, .nested-tachyons .pv3-xl { padding-top: 1rem; padding-bottom: 1rem; } .tachyons.pv4-xl, .nested-tachyons .pv4-xl { padding-top: 2rem; padding-bottom: 2rem; } .tachyons.pv5-xl, .nested-tachyons .pv5-xl { padding-top: 4rem; padding-bottom: 4rem; } .tachyons.pv6-xl, .nested-tachyons .pv6-xl { padding-top: 8rem; padding-bottom: 8rem; } .tachyons.pv7-xl, .nested-tachyons .pv7-xl { padding-top: 16rem; padding-bottom: 16rem; } .tachyons.ph0-xl, .nested-tachyons .ph0-xl { padding-left: 0; padding-right: 0; } .tachyons.ph1-xl, .nested-tachyons .ph1-xl { padding-left: .25rem; padding-right: .25rem; } .tachyons.ph2-xl, .nested-tachyons .ph2-xl { padding-left: .5rem; padding-right: .5rem; } .tachyons.ph3-xl, .nested-tachyons .ph3-xl { padding-left: 1rem; padding-right: 1rem; } .tachyons.ph4-xl, .nested-tachyons .ph4-xl { padding-left: 2rem; padding-right: 2rem; } .tachyons.ph5-xl, .nested-tachyons .ph5-xl { padding-left: 4rem; padding-right: 4rem; } .tachyons.ph6-xl, .nested-tachyons .ph6-xl { padding-left: 8rem; padding-right: 8rem; } .tachyons.ph7-xl, .nested-tachyons .ph7-xl { padding-left: 16rem; padding-right: 16rem; } .tachyons.ma0-xl, .nested-tachyons .ma0-xl { margin: 0; } .tachyons.ma1-xl, .nested-tachyons .ma1-xl { margin: .25rem; } .tachyons.ma2-xl, .nested-tachyons .ma2-xl { margin: .5rem; } .tachyons.ma3-xl, .nested-tachyons .ma3-xl { margin: 1rem; } .tachyons.ma4-xl, .nested-tachyons .ma4-xl { margin: 2rem; } .tachyons.ma5-xl, .nested-tachyons .ma5-xl { margin: 4rem; } .tachyons.ma6-xl, .nested-tachyons .ma6-xl { margin: 8rem; } .tachyons.ma7-xl, .nested-tachyons .ma7-xl { margin: 16rem; } .tachyons.ml0-xl, .nested-tachyons .ml0-xl { margin-left: 0; } .tachyons.ml1-xl, .nested-tachyons .ml1-xl { margin-left: .25rem; } .tachyons.ml2-xl, .nested-tachyons .ml2-xl { margin-left: .5rem; } .tachyons.ml3-xl, .nested-tachyons .ml3-xl { margin-left: 1rem; } .tachyons.ml4-xl, .nested-tachyons .ml4-xl { margin-left: 2rem; } .tachyons.ml5-xl, .nested-tachyons .ml5-xl { margin-left: 4rem; } .tachyons.ml6-xl, .nested-tachyons .ml6-xl { margin-left: 8rem; } .tachyons.ml7-xl, .nested-tachyons .ml7-xl { margin-left: 16rem; } .tachyons.mr0-xl, .nested-tachyons .mr0-xl { margin-right: 0; } .tachyons.mr1-xl, .nested-tachyons .mr1-xl { margin-right: .25rem; } .tachyons.mr2-xl, .nested-tachyons .mr2-xl { margin-right: .5rem; } .tachyons.mr3-xl, .nested-tachyons .mr3-xl { margin-right: 1rem; } .tachyons.mr4-xl, .nested-tachyons .mr4-xl { margin-right: 2rem; } .tachyons.mr5-xl, .nested-tachyons .mr5-xl { margin-right: 4rem; } .tachyons.mr6-xl, .nested-tachyons .mr6-xl { margin-right: 8rem; } .tachyons.mr7-xl, .nested-tachyons .mr7-xl { margin-right: 16rem; } .tachyons.mb0-xl, .nested-tachyons .mb0-xl { margin-bottom: 0; } .tachyons.mb1-xl, .nested-tachyons .mb1-xl { margin-bottom: .25rem; } .tachyons.mb2-xl, .nested-tachyons .mb2-xl { margin-bottom: .5rem; } .tachyons.mb3-xl, .nested-tachyons .mb3-xl { margin-bottom: 1rem; } .tachyons.mb4-xl, .nested-tachyons .mb4-xl { margin-bottom: 2rem; } .tachyons.mb5-xl, .nested-tachyons .mb5-xl { margin-bottom: 4rem; } .tachyons.mb6-xl, .nested-tachyons .mb6-xl { margin-bottom: 8rem; } .tachyons.mb7-xl, .nested-tachyons .mb7-xl { margin-bottom: 16rem; } .tachyons.mt0-xl, .nested-tachyons .mt0-xl { margin-top: 0; } .tachyons.mt1-xl, .nested-tachyons .mt1-xl { margin-top: .25rem; } .tachyons.mt2-xl, .nested-tachyons .mt2-xl { margin-top: .5rem; } .tachyons.mt3-xl, .nested-tachyons .mt3-xl { margin-top: 1rem; } .tachyons.mt4-xl, .nested-tachyons .mt4-xl { margin-top: 2rem; } .tachyons.mt5-xl, .nested-tachyons .mt5-xl { margin-top: 4rem; } .tachyons.mt6-xl, .nested-tachyons .mt6-xl { margin-top: 8rem; } .tachyons.mt7-xl, .nested-tachyons .mt7-xl { margin-top: 16rem; } .tachyons.mv0-xl, .nested-tachyons .mv0-xl { margin-top: 0; margin-bottom: 0; } .tachyons.mv1-xl, .nested-tachyons .mv1-xl { margin-top: .25rem; margin-bottom: .25rem; } .tachyons.mv2-xl, .nested-tachyons .mv2-xl { margin-top: .5rem; margin-bottom: .5rem; } .tachyons.mv3-xl, .nested-tachyons .mv3-xl { margin-top: 1rem; margin-bottom: 1rem; } .tachyons.mv4-xl, .nested-tachyons .mv4-xl { margin-top: 2rem; margin-bottom: 2rem; } .tachyons.mv5-xl, .nested-tachyons .mv5-xl { margin-top: 4rem; margin-bottom: 4rem; } .tachyons.mv6-xl, .nested-tachyons .mv6-xl { margin-top: 8rem; margin-bottom: 8rem; } .tachyons.mv7-xl, .nested-tachyons .mv7-xl { margin-top: 16rem; margin-bottom: 16rem; } .tachyons.mh0-xl, .nested-tachyons .mh0-xl { margin-left: 0; margin-right: 0; } .tachyons.mh1-xl, .nested-tachyons .mh1-xl { margin-left: .25rem; margin-right: .25rem; } .tachyons.mh2-xl, .nested-tachyons .mh2-xl { margin-left: .5rem; margin-right: .5rem; } .tachyons.mh3-xl, .nested-tachyons .mh3-xl { margin-left: 1rem; margin-right: 1rem; } .tachyons.mh4-xl, .nested-tachyons .mh4-xl { margin-left: 2rem; margin-right: 2rem; } .tachyons.mh5-xl, .nested-tachyons .mh5-xl { margin-left: 4rem; margin-right: 4rem; } .tachyons.mh6-xl, .nested-tachyons .mh6-xl { margin-left: 8rem; margin-right: 8rem; } .tachyons.mh7-xl, .nested-tachyons .mh7-xl { margin-left: 16rem; margin-right: 16rem; } .tachyons.na1-xl, .nested-tachyons .na1-xl { margin: -0.25rem; } .tachyons.na2-xl, .nested-tachyons .na2-xl { margin: -0.5rem; } .tachyons.na3-xl, .nested-tachyons .na3-xl { margin: -1rem; } .tachyons.na4-xl, .nested-tachyons .na4-xl { margin: -2rem; } .tachyons.na5-xl, .nested-tachyons .na5-xl { margin: -4rem; } .tachyons.na6-xl, .nested-tachyons .na6-xl { margin: -8rem; } .tachyons.na7-xl, .nested-tachyons .na7-xl { margin: -16rem; } .tachyons.nl1-xl, .nested-tachyons .nl1-xl { margin-left: -0.25rem; } .tachyons.nl2-xl, .nested-tachyons .nl2-xl { margin-left: -0.5rem; } .tachyons.nl3-xl, .nested-tachyons .nl3-xl { margin-left: -1rem; } .tachyons.nl4-xl, .nested-tachyons .nl4-xl { margin-left: -2rem; } .tachyons.nl5-xl, .nested-tachyons .nl5-xl { margin-left: -4rem; } .tachyons.nl6-xl, .nested-tachyons .nl6-xl { margin-left: -8rem; } .tachyons.nl7-xl, .nested-tachyons .nl7-xl { margin-left: -16rem; } .tachyons.nr1-xl, .nested-tachyons .nr1-xl { margin-right: -0.25rem; } .tachyons.nr2-xl, .nested-tachyons .nr2-xl { margin-right: -0.5rem; } .tachyons.nr3-xl, .nested-tachyons .nr3-xl { margin-right: -1rem; } .tachyons.nr4-xl, .nested-tachyons .nr4-xl { margin-right: -2rem; } .tachyons.nr5-xl, .nested-tachyons .nr5-xl { margin-right: -4rem; } .tachyons.nr6-xl, .nested-tachyons .nr6-xl { margin-right: -8rem; } .tachyons.nr7-xl, .nested-tachyons .nr7-xl { margin-right: -16rem; } .tachyons.nb1-xl, .nested-tachyons .nb1-xl { margin-bottom: -0.25rem; } .tachyons.nb2-xl, .nested-tachyons .nb2-xl { margin-bottom: -0.5rem; } .tachyons.nb3-xl, .nested-tachyons .nb3-xl { margin-bottom: -1rem; } .tachyons.nb4-xl, .nested-tachyons .nb4-xl { margin-bottom: -2rem; } .tachyons.nb5-xl, .nested-tachyons .nb5-xl { margin-bottom: -4rem; } .tachyons.nb6-xl, .nested-tachyons .nb6-xl { margin-bottom: -8rem; } .tachyons.nb7-xl, .nested-tachyons .nb7-xl { margin-bottom: -16rem; } .tachyons.nt1-xl, .nested-tachyons .nt1-xl { margin-top: -0.25rem; } .tachyons.nt2-xl, .nested-tachyons .nt2-xl { margin-top: -0.5rem; } .tachyons.nt3-xl, .nested-tachyons .nt3-xl { margin-top: -1rem; } .tachyons.nt4-xl, .nested-tachyons .nt4-xl { margin-top: -2rem; } .tachyons.nt5-xl, .nested-tachyons .nt5-xl { margin-top: -4rem; } .tachyons.nt6-xl, .nested-tachyons .nt6-xl { margin-top: -8rem; } .tachyons.nt7-xl, .nested-tachyons .nt7-xl { margin-top: -16rem; } .tachyons.strike-xl, .nested-tachyons .strike-xl { text-decoration: line-through; } .tachyons.underline-xl, .nested-tachyons .underline-xl { text-decoration: underline; } .tachyons.no-underline-xl, .nested-tachyons .no-underline-xl { text-decoration: none; } .tachyons.tl-xl, .nested-tachyons .tl-xl { text-align: left; } .tachyons.tr-xl, .nested-tachyons .tr-xl { text-align: right; } .tachyons.tc-xl, .nested-tachyons .tc-xl { text-align: center; } .tachyons.tj-xl, .nested-tachyons .tj-xl { text-align: justify; } .tachyons.ttc-xl, .nested-tachyons .ttc-xl { text-transform: capitalize; } .tachyons.ttl-xl, .nested-tachyons .ttl-xl { text-transform: lowercase; } .tachyons.ttu-xl, .nested-tachyons .ttu-xl { text-transform: uppercase; } .tachyons.ttn-xl, .nested-tachyons .ttn-xl { text-transform: none; } .tachyons.f-6-xl,, .nested-tachyons .f-6-xl, .f-headline-xl { font-size: 6rem; } .tachyons.f-5-xl,, .nested-tachyons .f-5-xl, .f-subheadline-xl { font-size: 5rem; } .tachyons.f1-xl, .nested-tachyons .f1-xl { font-size: 3rem; } .tachyons.f2-xl, .nested-tachyons .f2-xl { font-size: 2.25rem; } .tachyons.f3-xl, .nested-tachyons .f3-xl { font-size: 1.5rem; } .tachyons.f4-xl, .nested-tachyons .f4-xl { font-size: 1.25rem; } .tachyons.f5-xl, .nested-tachyons .f5-xl { font-size: 1rem; } .tachyons.f6-xl, .nested-tachyons .f6-xl { font-size: .875rem; } .tachyons.f7-xl, .nested-tachyons .f7-xl { font-size: .75rem; } .tachyons.measure-xl, .nested-tachyons .measure-xl { max-width: 30em; } .tachyons.measure-wide-xl, .nested-tachyons .measure-wide-xl { max-width: 34em; } .tachyons.measure-narrow-xl, .nested-tachyons .measure-narrow-xl { max-width: 20em; } .tachyons.indent-xl, .nested-tachyons .indent-xl { text-indent: 1em; margin-top: 0; margin-bottom: 0; } .tachyons.small-caps-xl, .nested-tachyons .small-caps-xl { font-variant: small-caps; } .tachyons.truncate-xl, .nested-tachyons .truncate-xl { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tachyons.f--6-xl, .nested-tachyons .f--6-xl { font-size: 6px; } .tachyons.f--7-xl, .nested-tachyons .f--7-xl { font-size: 7px; } .tachyons.f--8-xl, .nested-tachyons .f--8-xl { font-size: 8px; } .tachyons.f--9-xl, .nested-tachyons .f--9-xl { font-size: 9px; } .tachyons.f--10-xl, .nested-tachyons .f--10-xl { font-size: 10px; } .tachyons.f--11-xl, .nested-tachyons .f--11-xl { font-size: 11px; } .tachyons.f--12-xl, .nested-tachyons .f--12-xl { font-size: 12px; } .tachyons.f--13-xl, .nested-tachyons .f--13-xl { font-size: 13px; } .tachyons.f--14-xl, .nested-tachyons .f--14-xl { font-size: 14px; } .tachyons.f--15-xl, .nested-tachyons .f--15-xl { font-size: 15px; } .tachyons.f--16-xl, .nested-tachyons .f--16-xl { font-size: 16px; } .tachyons.f--17-xl, .nested-tachyons .f--17-xl { font-size: 17px; } .tachyons.f--18-xl, .nested-tachyons .f--18-xl { font-size: 18px; } .tachyons.f--19-xl, .nested-tachyons .f--19-xl { font-size: 19px; } .tachyons.f--20-xl, .nested-tachyons .f--20-xl { font-size: 20px; } .tachyons.f--21-xl, .nested-tachyons .f--21-xl { font-size: 21px; } .tachyons.f--22-xl, .nested-tachyons .f--22-xl { font-size: 22px; } .tachyons.f--23-xl, .nested-tachyons .f--23-xl { font-size: 23px; } .tachyons.f--24-xl, .nested-tachyons .f--24-xl { font-size: 24px; } .tachyons.f--25-xl, .nested-tachyons .f--25-xl { font-size: 25px; } .tachyons.f--26-xl, .nested-tachyons .f--26-xl { font-size: 26px; } .tachyons.f--27-xl, .nested-tachyons .f--27-xl { font-size: 27px; } .tachyons.f--28-xl, .nested-tachyons .f--28-xl { font-size: 28px; } .tachyons.f--29-xl, .nested-tachyons .f--29-xl { font-size: 29px; } .tachyons.f--30-xl, .nested-tachyons .f--30-xl { font-size: 30px; } .tachyons.f--31-xl, .nested-tachyons .f--31-xl { font-size: 31px; } .tachyons.f--32-xl, .nested-tachyons .f--32-xl { font-size: 32px; } .tachyons.f--33-xl, .nested-tachyons .f--33-xl { font-size: 33px; } .tachyons.f--34-xl, .nested-tachyons .f--34-xl { font-size: 34px; } .tachyons.f--35-xl, .nested-tachyons .f--35-xl { font-size: 35px; } .tachyons.f--36-xl, .nested-tachyons .f--36-xl { font-size: 36px; } .tachyons.f--37-xl, .nested-tachyons .f--37-xl { font-size: 37px; } .tachyons.f--38-xl, .nested-tachyons .f--38-xl { font-size: 38px; } .tachyons.f--39-xl, .nested-tachyons .f--39-xl { font-size: 39px; } .tachyons.f--40-xl, .nested-tachyons .f--40-xl { font-size: 40px; } .tachyons.f--41-xl, .nested-tachyons .f--41-xl { font-size: 41px; } .tachyons.f--42-xl, .nested-tachyons .f--42-xl { font-size: 42px; } .tachyons.f--43-xl, .nested-tachyons .f--43-xl { font-size: 43px; } .tachyons.f--44-xl, .nested-tachyons .f--44-xl { font-size: 44px; } .tachyons.f--45-xl, .nested-tachyons .f--45-xl { font-size: 45px; } .tachyons.f--46-xl, .nested-tachyons .f--46-xl { font-size: 46px; } .tachyons.f--47-xl, .nested-tachyons .f--47-xl { font-size: 47px; } .tachyons.f--48-xl, .nested-tachyons .f--48-xl { font-size: 48px; } .tachyons.f--49-xl, .nested-tachyons .f--49-xl { font-size: 49px; } .tachyons.f--50-xl, .nested-tachyons .f--50-xl { font-size: 50px; } .tachyons.f--51-xl, .nested-tachyons .f--51-xl { font-size: 51px; } .tachyons.f--52-xl, .nested-tachyons .f--52-xl { font-size: 52px; } .tachyons.f--53-xl, .nested-tachyons .f--53-xl { font-size: 53px; } .tachyons.f--54-xl, .nested-tachyons .f--54-xl { font-size: 54px; } .tachyons.f--55-xl, .nested-tachyons .f--55-xl { font-size: 55px; } .tachyons.f--56-xl, .nested-tachyons .f--56-xl { font-size: 56px; } .tachyons.f--57-xl, .nested-tachyons .f--57-xl { font-size: 57px; } .tachyons.f--58-xl, .nested-tachyons .f--58-xl { font-size: 58px; } .tachyons.f--59-xl, .nested-tachyons .f--59-xl { font-size: 59px; } .tachyons.f--60-xl, .nested-tachyons .f--60-xl { font-size: 60px; } .tachyons.f--61-xl, .nested-tachyons .f--61-xl { font-size: 61px; } .tachyons.f--62-xl, .nested-tachyons .f--62-xl { font-size: 62px; } .tachyons.f--63-xl, .nested-tachyons .f--63-xl { font-size: 63px; } .tachyons.f--64-xl, .nested-tachyons .f--64-xl { font-size: 64px; } .tachyons.f--65-xl, .nested-tachyons .f--65-xl { font-size: 65px; } .tachyons.f--66-xl, .nested-tachyons .f--66-xl { font-size: 66px; } .tachyons.f--67-xl, .nested-tachyons .f--67-xl { font-size: 67px; } .tachyons.f--68-xl, .nested-tachyons .f--68-xl { font-size: 68px; } .tachyons.f--69-xl, .nested-tachyons .f--69-xl { font-size: 69px; } .tachyons.f--70-xl, .nested-tachyons .f--70-xl { font-size: 70px; } .tachyons.f--71-xl, .nested-tachyons .f--71-xl { font-size: 71px; } .tachyons.f--72-xl, .nested-tachyons .f--72-xl { font-size: 72px; } .tachyons.f--73-xl, .nested-tachyons .f--73-xl { font-size: 73px; } .tachyons.f--74-xl, .nested-tachyons .f--74-xl { font-size: 74px; } .tachyons.f--75-xl, .nested-tachyons .f--75-xl { font-size: 75px; } .tachyons.f--76-xl, .nested-tachyons .f--76-xl { font-size: 76px; } .tachyons.f--77-xl, .nested-tachyons .f--77-xl { font-size: 77px; } .tachyons.f--78-xl, .nested-tachyons .f--78-xl { font-size: 78px; } .tachyons.f--79-xl, .nested-tachyons .f--79-xl { font-size: 79px; } .tachyons.f--80-xl, .nested-tachyons .f--80-xl { font-size: 80px; } .tachyons.f--81-xl, .nested-tachyons .f--81-xl { font-size: 81px; } .tachyons.f--82-xl, .nested-tachyons .f--82-xl { font-size: 82px; } .tachyons.f--83-xl, .nested-tachyons .f--83-xl { font-size: 83px; } .tachyons.f--84-xl, .nested-tachyons .f--84-xl { font-size: 84px; } .tachyons.f--85-xl, .nested-tachyons .f--85-xl { font-size: 85px; } .tachyons.f--86-xl, .nested-tachyons .f--86-xl { font-size: 86px; } .tachyons.f--87-xl, .nested-tachyons .f--87-xl { font-size: 87px; } .tachyons.f--88-xl, .nested-tachyons .f--88-xl { font-size: 88px; } .tachyons.f--89-xl, .nested-tachyons .f--89-xl { font-size: 89px; } .tachyons.f--90-xl, .nested-tachyons .f--90-xl { font-size: 90px; } .tachyons.center-xl, .nested-tachyons .center-xl { margin-right: auto; margin-left: auto; } .tachyons.mr-auto-xl, .nested-tachyons .mr-auto-xl { margin-right: auto; } .tachyons.ml-auto-xl, .nested-tachyons .ml-auto-xl { margin-left: auto; } .tachyons.clip-xl, .nested-tachyons .clip-xl { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); } .tachyons.ws-normal-xl, .nested-tachyons .ws-normal-xl { white-space: normal; } .tachyons.nowrap-xl, .nested-tachyons .nowrap-xl { white-space: nowrap; } .tachyons.pre-xl, .nested-tachyons .pre-xl { white-space: pre; } .tachyons.v-base-xl, .nested-tachyons .v-base-xl { vertical-align: baseline; } .tachyons.v-mid-xl, .nested-tachyons .v-mid-xl { vertical-align: middle; } .tachyons.v-top-xl, .nested-tachyons .v-top-xl { vertical-align: top; } .tachyons.v-btm-xl, .nested-tachyons .v-btm-xl { vertical-align: bottom; } } @media screen and (min-width: 1400px) { .tachyons.aspect-ratio-xxl, .nested-tachyons .aspect-ratio-xxl { height: 0; position: relative; } .tachyons.aspect-ratio--16x9-xxl, .nested-tachyons .aspect-ratio--16x9-xxl { padding-bottom: 56.25%; } .tachyons.aspect-ratio--9x16-xxl, .nested-tachyons .aspect-ratio--9x16-xxl { padding-bottom: 177.77%; } .tachyons.aspect-ratio--4x3-xxl, .nested-tachyons .aspect-ratio--4x3-xxl { padding-bottom: 75%; } .tachyons.aspect-ratio--3x4-xxl, .nested-tachyons .aspect-ratio--3x4-xxl { padding-bottom: 133.33%; } .tachyons.aspect-ratio--6x4-xxl, .nested-tachyons .aspect-ratio--6x4-xxl { padding-bottom: 66.6%; } .tachyons.aspect-ratio--4x6-xxl, .nested-tachyons .aspect-ratio--4x6-xxl { padding-bottom: 150%; } .tachyons.aspect-ratio--8x5-xxl, .nested-tachyons .aspect-ratio--8x5-xxl { padding-bottom: 62.5%; } .tachyons.aspect-ratio--5x8-xxl, .nested-tachyons .aspect-ratio--5x8-xxl { padding-bottom: 160%; } .tachyons.aspect-ratio--7x5-xxl, .nested-tachyons .aspect-ratio--7x5-xxl { padding-bottom: 71.42%; } .tachyons.aspect-ratio--5x7-xxl, .nested-tachyons .aspect-ratio--5x7-xxl { padding-bottom: 140%; } .tachyons.aspect-ratio--1x1-xxl, .nested-tachyons .aspect-ratio--1x1-xxl { padding-bottom: 100%; } .tachyons.aspect-ratio--object-xxl, .nested-tachyons .aspect-ratio--object-xxl { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; } .tachyons.cover-xxl, .nested-tachyons .cover-xxl { background-size: cover !important; } .tachyons.contain-xxl, .nested-tachyons .contain-xxl { background-size: contain !important; } .tachyons.bg-center-xxl, .nested-tachyons .bg-center-xxl { background-repeat: no-repeat; background-position: center center; } .tachyons.bg-top-xxl, .nested-tachyons .bg-top-xxl { background-repeat: no-repeat; background-position: top center; } .tachyons.bg-right-xxl, .nested-tachyons .bg-right-xxl { background-repeat: no-repeat; background-position: center right; } .tachyons.bg-bottom-xxl, .nested-tachyons .bg-bottom-xxl { background-repeat: no-repeat; background-position: bottom center; } .tachyons.bg-left-xxl, .nested-tachyons .bg-left-xxl { background-repeat: no-repeat; background-position: center left; } .tachyons.outline-xxl, .nested-tachyons .outline-xxl { outline: 1px solid; } .tachyons.outline-transparent-xxl, .nested-tachyons .outline-transparent-xxl { outline: 1px solid transparent; } .tachyons.outline-0-xxl, .nested-tachyons .outline-0-xxl { outline: 0; } .tachyons.ba-xxl, .nested-tachyons .ba-xxl { border-style: solid; border-width: 1px; } .tachyons.bt-xxl, .nested-tachyons .bt-xxl { border-top-style: solid; border-top-width: 1px; } .tachyons.br-xxl, .nested-tachyons .br-xxl { border-right-style: solid; border-right-width: 1px; } .tachyons.bb-xxl, .nested-tachyons .bb-xxl { border-bottom-style: solid; border-bottom-width: 1px; } .tachyons.bl-xxl, .nested-tachyons .bl-xxl { border-left-style: solid; border-left-width: 1px; } .tachyons.bn-xxl, .nested-tachyons .bn-xxl { border-style: none; border-width: 0; } .tachyons.br0-xxl, .nested-tachyons .br0-xxl { border-radius: 0; } .tachyons.br1-xxl, .nested-tachyons .br1-xxl { border-radius: .125rem; } .tachyons.br2-xxl, .nested-tachyons .br2-xxl { border-radius: .25rem; } .tachyons.br3-xxl, .nested-tachyons .br3-xxl { border-radius: .5rem; } .tachyons.br4-xxl, .nested-tachyons .br4-xxl { border-radius: 1rem; } .tachyons.br-100-xxl, .nested-tachyons .br-100-xxl { border-radius: 100%; } .tachyons.br-pill-xxl, .nested-tachyons .br-pill-xxl { border-radius: 9999px; } .tachyons.br--bottom-xxl, .nested-tachyons .br--bottom-xxl { border-top-left-radius: 0; border-top-right-radius: 0; } .tachyons.br--top-xxl, .nested-tachyons .br--top-xxl { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .tachyons.br--right-xxl, .nested-tachyons .br--right-xxl { border-top-left-radius: 0; border-bottom-left-radius: 0; } .tachyons.br--left-xxl, .nested-tachyons .br--left-xxl { border-top-right-radius: 0; border-bottom-right-radius: 0; } .tachyons.br-inherit-xxl, .nested-tachyons .br-inherit-xxl { border-radius: inherit; } .tachyons.br-initial-xxl, .nested-tachyons .br-initial-xxl { border-radius: initial; } .tachyons.br-unset-xxl, .nested-tachyons .br-unset-xxl { border-radius: unset; } .tachyons.b--dotted-xxl, .nested-tachyons .b--dotted-xxl { border-style: dotted; } .tachyons.b--dashed-xxl, .nested-tachyons .b--dashed-xxl { border-style: dashed; } .tachyons.b--solid-xxl, .nested-tachyons .b--solid-xxl { border-style: solid; } .tachyons.b--none-xxl, .nested-tachyons .b--none-xxl { border-style: none; } .tachyons.bw0-xxl, .nested-tachyons .bw0-xxl { border-width: 0; } .tachyons.bw1-xxl, .nested-tachyons .bw1-xxl { border-width: .125rem; } .tachyons.bw2-xxl, .nested-tachyons .bw2-xxl { border-width: .25rem; } .tachyons.bw3-xxl, .nested-tachyons .bw3-xxl { border-width: .5rem; } .tachyons.bw4-xxl, .nested-tachyons .bw4-xxl { border-width: 1rem; } .tachyons.bw5-xxl, .nested-tachyons .bw5-xxl { border-width: 2rem; } .tachyons.bt-0-xxl, .nested-tachyons .bt-0-xxl { border-top-width: 0; } .tachyons.br-0-xxl, .nested-tachyons .br-0-xxl { border-right-width: 0; } .tachyons.bb-0-xxl, .nested-tachyons .bb-0-xxl { border-bottom-width: 0; } .tachyons.bl-0-xxl, .nested-tachyons .bl-0-xxl { border-left-width: 0; } .tachyons.shadow-1-xxl, .nested-tachyons .shadow-1-xxl { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); } .tachyons.shadow-2-xxl, .nested-tachyons .shadow-2-xxl { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); } .tachyons.shadow-3-xxl, .nested-tachyons .shadow-3-xxl { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); } .tachyons.shadow-4-xxl, .nested-tachyons .shadow-4-xxl { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); } .tachyons.shadow-5-xxl, .nested-tachyons .shadow-5-xxl { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); } .tachyons.top-0-xxl, .nested-tachyons .top-0-xxl { top: 0; } .tachyons.left-0-xxl, .nested-tachyons .left-0-xxl { left: 0; } .tachyons.right-0-xxl, .nested-tachyons .right-0-xxl { right: 0; } .tachyons.bottom-0-xxl, .nested-tachyons .bottom-0-xxl { bottom: 0; } .tachyons.top-1-xxl, .nested-tachyons .top-1-xxl { top: 1rem; } .tachyons.left-1-xxl, .nested-tachyons .left-1-xxl { left: 1rem; } .tachyons.right-1-xxl, .nested-tachyons .right-1-xxl { right: 1rem; } .tachyons.bottom-1-xxl, .nested-tachyons .bottom-1-xxl { bottom: 1rem; } .tachyons.top-2-xxl, .nested-tachyons .top-2-xxl { top: 2rem; } .tachyons.left-2-xxl, .nested-tachyons .left-2-xxl { left: 2rem; } .tachyons.right-2-xxl, .nested-tachyons .right-2-xxl { right: 2rem; } .tachyons.bottom-2-xxl, .nested-tachyons .bottom-2-xxl { bottom: 2rem; } .tachyons.top--1-xxl, .nested-tachyons .top--1-xxl { top: -1rem; } .tachyons.right--1-xxl, .nested-tachyons .right--1-xxl { right: -1rem; } .tachyons.bottom--1-xxl, .nested-tachyons .bottom--1-xxl { bottom: -1rem; } .tachyons.left--1-xxl, .nested-tachyons .left--1-xxl { left: -1rem; } .tachyons.top--2-xxl, .nested-tachyons .top--2-xxl { top: -2rem; } .tachyons.right--2-xxl, .nested-tachyons .right--2-xxl { right: -2rem; } .tachyons.bottom--2-xxl, .nested-tachyons .bottom--2-xxl { bottom: -2rem; } .tachyons.left--2-xxl, .nested-tachyons .left--2-xxl { left: -2rem; } .tachyons.absolute--fill-xxl, .nested-tachyons .absolute--fill-xxl { top: 0; right: 0; bottom: 0; left: 0; } .tachyons.cl-xxl, .nested-tachyons .cl-xxl { clear: left; } .tachyons.cr-xxl, .nested-tachyons .cr-xxl { clear: right; } .tachyons.cb-xxl, .nested-tachyons .cb-xxl { clear: both; } .tachyons.cn-xxl, .nested-tachyons .cn-xxl { clear: none; } .tachyons.dn-xxl, .nested-tachyons .dn-xxl { display: none; } .tachyons.di-xxl, .nested-tachyons .di-xxl { display: inline; } .tachyons.db-xxl, .nested-tachyons .db-xxl { display: block; } .tachyons.dib-xxl, .nested-tachyons .dib-xxl { display: inline-block; } .tachyons.dit-xxl, .nested-tachyons .dit-xxl { display: inline-table; } .tachyons.dt-xxl, .nested-tachyons .dt-xxl { display: table; } .tachyons.dtc-xxl, .nested-tachyons .dtc-xxl { display: table-cell; } .tachyons.dt-row-xxl, .nested-tachyons .dt-row-xxl { display: table-row; } .tachyons.dt-row-group-xxl, .nested-tachyons .dt-row-group-xxl { display: table-row-group; } .tachyons.dt-column-xxl, .nested-tachyons .dt-column-xxl { display: table-column; } .tachyons.dt-column-group-xxl, .nested-tachyons .dt-column-group-xxl { display: table-column-group; } .tachyons.dt--fixed-xxl, .nested-tachyons .dt--fixed-xxl { table-xlayout: fixed; width: 100%; } .tachyons.flex-xxl, .nested-tachyons .flex-xxl { display: flex; } .tachyons.inline-flex-xxl, .nested-tachyons .inline-flex-xxl { display: inline-flex; } .tachyons.flex-auto-xxl, .nested-tachyons .flex-auto-xxl { flex: 1 1 auto; min-width: 0; /* 1 */ min-height: 0; /* 1 */ } .tachyons.flex-none-xxl, .nested-tachyons .flex-none-xxl { flex: none; } .tachyons.flex-column-xxl, .nested-tachyons .flex-column-xxl { flex-direction: column; } .tachyons.flex-row-xxl, .nested-tachyons .flex-row-xxl { flex-direction: row; } .tachyons.flex-wrap-xxl, .nested-tachyons .flex-wrap-xxl { flex-wrap: wrap; } .tachyons.flex-nowrap-xxl, .nested-tachyons .flex-nowrap-xxl { flex-wrap: nowrap; } .tachyons.flex-wrap-reverse-xxl, .nested-tachyons .flex-wrap-reverse-xxl { flex-wrap: wrap-reverse; } .tachyons.flex-column-reverse-xxl, .nested-tachyons .flex-column-reverse-xxl { flex-direction: column-reverse; } .tachyons.flex-row-reverse-xxl, .nested-tachyons .flex-row-reverse-xxl { flex-direction: row-reverse; } .tachyons.items-start-xxl, .nested-tachyons .items-start-xxl { align-items: flex-start; } .tachyons.items-end-xxl, .nested-tachyons .items-end-xxl { align-items: flex-end; } .tachyons.items-center-xxl, .nested-tachyons .items-center-xxl { align-items: center; } .tachyons.items-baseline-xxl, .nested-tachyons .items-baseline-xxl { align-items: baseline; } .tachyons.items-stretch-xxl, .nested-tachyons .items-stretch-xxl { align-items: stretch; } .tachyons.self-start-xxl, .nested-tachyons .self-start-xxl { align-self: flex-start; } .tachyons.self-end-xxl, .nested-tachyons .self-end-xxl { align-self: flex-end; } .tachyons.self-center-xxl, .nested-tachyons .self-center-xxl { align-self: center; } .tachyons.self-baseline-xxl, .nested-tachyons .self-baseline-xxl { align-self: baseline; } .tachyons.self-stretch-xxl, .nested-tachyons .self-stretch-xxl { align-self: stretch; } .tachyons.justify-start-xxl, .nested-tachyons .justify-start-xxl { justify-content: flex-start; } .tachyons.justify-end-xxl, .nested-tachyons .justify-end-xxl { justify-content: flex-end; } .tachyons.justify-center-xxl, .nested-tachyons .justify-center-xxl { justify-content: center; } .tachyons.justify-between-xxl, .nested-tachyons .justify-between-xxl { justify-content: space-between; } .tachyons.justify-around-xxl, .nested-tachyons .justify-around-xxl { justify-content: space-around; } .tachyons.content-start-xxl, .nested-tachyons .content-start-xxl { align-content: flex-start; } .tachyons.content-end-xxl, .nested-tachyons .content-end-xxl { align-content: flex-end; } .tachyons.content-center-xxl, .nested-tachyons .content-center-xxl { align-content: center; } .tachyons.content-between-xxl, .nested-tachyons .content-between-xxl { align-content: space-between; } .tachyons.content-around-xxl, .nested-tachyons .content-around-xxl { align-content: space-around; } .tachyons.content-stretch-xxl, .nested-tachyons .content-stretch-xxl { align-content: stretch; } .tachyons.order-0-xxl, .nested-tachyons .order-0-xxl { order: 0; } .tachyons.order-1-xxl, .nested-tachyons .order-1-xxl { order: 1; } .tachyons.order-2-xxl, .nested-tachyons .order-2-xxl { order: 2; } .tachyons.order-3-xxl, .nested-tachyons .order-3-xxl { order: 3; } .tachyons.order-4-xxl, .nested-tachyons .order-4-xxl { order: 4; } .tachyons.order-5-xxl, .nested-tachyons .order-5-xxl { order: 5; } .tachyons.order-6-xxl, .nested-tachyons .order-6-xxl { order: 6; } .tachyons.order-7-xxl, .nested-tachyons .order-7-xxl { order: 7; } .tachyons.order-8-xxl, .nested-tachyons .order-8-xxl { order: 8; } .tachyons.order-xlast-xxl, .nested-tachyons .order-xlast-xxl { order: 99999; } .tachyons.flex-grow-0-xxl, .nested-tachyons .flex-grow-0-xxl { flex-grow: 0; } .tachyons.flex-grow-1-xxl, .nested-tachyons .flex-grow-1-xxl { flex-grow: 1; } .tachyons.flex-shrink-0-xxl, .nested-tachyons .flex-shrink-0-xxl { flex-shrink: 0; } .tachyons.flex-shrink-1-xxl, .nested-tachyons .flex-shrink-1-xxl { flex-shrink: 1; } .tachyons.fl-xxl, .nested-tachyons .fl-xxl { float: left; _display: inline; } .tachyons.fr-xxl, .nested-tachyons .fr-xxl { float: right; _display: inline; } .tachyons.fn-xxl, .nested-tachyons .fn-xxl { float: none; } .tachyons.i-xxl, .nested-tachyons .i-xxl { font-style: italic; } .tachyons.fs-normal-xxl, .nested-tachyons .fs-normal-xxl { font-style: normal; } .tachyons.normal-xxl, .nested-tachyons .normal-xxl { font-weight: normal; } .tachyons.b-xxl, .nested-tachyons .b-xxl { font-weight: bold; } .tachyons.fw1-xxl, .nested-tachyons .fw1-xxl { font-weight: 100; } .tachyons.fw2-xxl, .nested-tachyons .fw2-xxl { font-weight: 200; } .tachyons.fw3-xxl, .nested-tachyons .fw3-xxl { font-weight: 300; } .tachyons.fw4-xxl, .nested-tachyons .fw4-xxl { font-weight: 400; } .tachyons.fw5-xxl, .nested-tachyons .fw5-xxl { font-weight: 500; } .tachyons.fw6-xxl, .nested-tachyons .fw6-xxl { font-weight: 600; } .tachyons.fw7-xxl, .nested-tachyons .fw7-xxl { font-weight: 700; } .tachyons.fw8-xxl, .nested-tachyons .fw8-xxl { font-weight: 800; } .tachyons.fw9-xxl, .nested-tachyons .fw9-xxl { font-weight: 900; } .tachyons.h1-xxl, .nested-tachyons .h1-xxl { height: 1rem; } .tachyons.h2-xxl, .nested-tachyons .h2-xxl { height: 2rem; } .tachyons.h3-xxl, .nested-tachyons .h3-xxl { height: 4rem; } .tachyons.h4-xxl, .nested-tachyons .h4-xxl { height: 8rem; } .tachyons.h5-xxl, .nested-tachyons .h5-xxl { height: 16rem; } .tachyons.h-25-xxl, .nested-tachyons .h-25-xxl { height: 25%; } .tachyons.h-50-xxl, .nested-tachyons .h-50-xxl { height: 50%; } .tachyons.h-75-xxl, .nested-tachyons .h-75-xxl { height: 75%; } .tachyons.h-100-xxl, .nested-tachyons .h-100-xxl { height: 100%; } .tachyons.min-h-100-xxl, .nested-tachyons .min-h-100-xxl { min-height: 100%; } .tachyons.vh-25-xxl, .nested-tachyons .vh-25-xxl { height: 25vh; } .tachyons.vh-50-xxl, .nested-tachyons .vh-50-xxl { height: 50vh; } .tachyons.vh-75-xxl, .nested-tachyons .vh-75-xxl { height: 75vh; } .tachyons.vh-100-xxl, .nested-tachyons .vh-100-xxl { height: 100vh; } .tachyons.min-vh-100-xxl, .nested-tachyons .min-vh-100-xxl { min-height: 100vh; } .tachyons.h-auto-xxl, .nested-tachyons .h-auto-xxl { height: auto; } .tachyons.h-inherit-xxl, .nested-tachyons .h-inherit-xxl { height: inherit; } .tachyons.tracked-xxl, .nested-tachyons .tracked-xxl { letter-spacing: .1em; } .tachyons.tracked-tight-xxl, .nested-tachyons .tracked-tight-xxl { letter-spacing: -.05em; } .tachyons.tracked-mega-xxl, .nested-tachyons .tracked-mega-xxl { letter-spacing: .25em; } .tachyons.lh-solid-xxl, .nested-tachyons .lh-solid-xxl { line-height: 1; } .tachyons.lh-title-xxl, .nested-tachyons .lh-title-xxl { line-height: 1.25; } .tachyons.lh-copy-xxl, .nested-tachyons .lh-copy-xxl { line-height: 1.5; } .tachyons.mw-100-xxl, .nested-tachyons .mw-100-xxl { max-width: 100%; } .tachyons.mw1-xxl, .nested-tachyons .mw1-xxl { max-width: 1rem; } .tachyons.mw2-xxl, .nested-tachyons .mw2-xxl { max-width: 2rem; } .tachyons.mw3-xxl, .nested-tachyons .mw3-xxl { max-width: 4rem; } .tachyons.mw4-xxl, .nested-tachyons .mw4-xxl { max-width: 8rem; } .tachyons.mw5-xxl, .nested-tachyons .mw5-xxl { max-width: 16rem; } .tachyons.mw6-xxl, .nested-tachyons .mw6-xxl { max-width: 32rem; } .tachyons.mw7-xxl, .nested-tachyons .mw7-xxl { max-width: 48rem; } .tachyons.mw8-xxl, .nested-tachyons .mw8-xxl { max-width: 64rem; } .tachyons.mw9-xxl, .nested-tachyons .mw9-xxl { max-width: 96rem; } .tachyons.mw-none-xxl, .nested-tachyons .mw-none-xxl { max-width: none; } .tachyons.w1-xxl, .nested-tachyons .w1-xxl { width: 1rem; } .tachyons.w2-xxl, .nested-tachyons .w2-xxl { width: 2rem; } .tachyons.w3-xxl, .nested-tachyons .w3-xxl { width: 4rem; } .tachyons.w4-xxl, .nested-tachyons .w4-xxl { width: 8rem; } .tachyons.w5-xxl, .nested-tachyons .w5-xxl { width: 16rem; } .tachyons.w-10-xxl, .nested-tachyons .w-10-xxl { width: 10%; } .tachyons.w-20-xxl, .nested-tachyons .w-20-xxl { width: 20%; } .tachyons.w-25-xxl, .nested-tachyons .w-25-xxl { width: 25%; } .tachyons.w-30-xxl, .nested-tachyons .w-30-xxl { width: 30%; } .tachyons.w-33-xxl, .nested-tachyons .w-33-xxl { width: 33%; } .tachyons.w-34-xxl, .nested-tachyons .w-34-xxl { width: 34%; } .tachyons.w-40-xxl, .nested-tachyons .w-40-xxl { width: 40%; } .tachyons.w-50-xxl, .nested-tachyons .w-50-xxl { width: 50%; } .tachyons.w-60-xxl, .nested-tachyons .w-60-xxl { width: 60%; } .tachyons.w-70-xxl, .nested-tachyons .w-70-xxl { width: 70%; } .tachyons.w-75-xxl, .nested-tachyons .w-75-xxl { width: 75%; } .tachyons.w-80-xxl, .nested-tachyons .w-80-xxl { width: 80%; } .tachyons.w-90-xxl, .nested-tachyons .w-90-xxl { width: 90%; } .tachyons.w-100-xxl, .nested-tachyons .w-100-xxl { width: 100%; } .tachyons.w-third-xxl, .nested-tachyons .w-third-xxl { width: 33.33333%; } .tachyons.w-two-thirds-xxl, .nested-tachyons .w-two-thirds-xxl { width: 66.66667%; } .tachyons.w-auto-xxl, .nested-tachyons .w-auto-xxl { width: auto; } .tachyons.overflow-visible-xxl, .nested-tachyons .overflow-visible-xxl { overflow: visible; } .tachyons.overflow-hidden-xxl, .nested-tachyons .overflow-hidden-xxl { overflow: hidden; } .tachyons.overflow-scroll-xxl, .nested-tachyons .overflow-scroll-xxl { overflow: scroll; } .tachyons.overflow-auto-xxl, .nested-tachyons .overflow-auto-xxl { overflow: auto; } .tachyons.overflow-x-visible-xxl, .nested-tachyons .overflow-x-visible-xxl { overflow-x: visible; } .tachyons.overflow-x-hidden-xxl, .nested-tachyons .overflow-x-hidden-xxl { overflow-x: hidden; } .tachyons.overflow-x-scroll-xxl, .nested-tachyons .overflow-x-scroll-xxl { overflow-x: scroll; } .tachyons.overflow-x-auto-xxl, .nested-tachyons .overflow-x-auto-xxl { overflow-x: auto; } .tachyons.overflow-y-visible-xxl, .nested-tachyons .overflow-y-visible-xxl { overflow-y: visible; } .tachyons.overflow-y-hidden-xxl, .nested-tachyons .overflow-y-hidden-xxl { overflow-y: hidden; } .tachyons.overflow-y-scroll-xxl, .nested-tachyons .overflow-y-scroll-xxl { overflow-y: scroll; } .tachyons.overflow-y-auto-xxl, .nested-tachyons .overflow-y-auto-xxl { overflow-y: auto; } .tachyons.static-xxl, .nested-tachyons .static-xxl { position: static; } .tachyons.relative-xxl, .nested-tachyons .relative-xxl { position: relative; } .tachyons.absolute-xxl, .nested-tachyons .absolute-xxl { position: absolute; } .tachyons.fixed-xxl, .nested-tachyons .fixed-xxl { position: fixed; } .tachyons.rotate-45-xxl, .nested-tachyons .rotate-45-xxl { -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); } .tachyons.rotate-90-xxl, .nested-tachyons .rotate-90-xxl { -webkit-transform: rotate( 90deg ); transform: rotate( 90deg ); } .tachyons.rotate-135-xxl, .nested-tachyons .rotate-135-xxl { -webkit-transform: rotate( 135deg ); transform: rotate( 135deg ); } .tachyons.rotate-180-xxl, .nested-tachyons .rotate-180-xxl { -webkit-transform: rotate( 180deg ); transform: rotate( 180deg ); } .tachyons.rotate-225-xxl, .nested-tachyons .rotate-225-xxl { -webkit-transform: rotate( 225deg ); transform: rotate( 225deg ); } .tachyons.rotate-270-xxl, .nested-tachyons .rotate-270-xxl { -webkit-transform: rotate( 270deg ); transform: rotate( 270deg ); } .tachyons.rotate-315-xxl, .nested-tachyons .rotate-315-xxl { -webkit-transform: rotate( 315deg ); transform: rotate( 315deg ); } .tachyons.pa0-xxl, .nested-tachyons .pa0-xxl { padding: 0; } .tachyons.pa1-xxl, .nested-tachyons .pa1-xxl { padding: .25rem; } .tachyons.pa2-xxl, .nested-tachyons .pa2-xxl { padding: .5rem; } .tachyons.pa3-xxl, .nested-tachyons .pa3-xxl { padding: 1rem; } .tachyons.pa4-xxl, .nested-tachyons .pa4-xxl { padding: 2rem; } .tachyons.pa5-xxl, .nested-tachyons .pa5-xxl { padding: 4rem; } .tachyons.pa6-xxl, .nested-tachyons .pa6-xxl { padding: 8rem; } .tachyons.pa7-xxl, .nested-tachyons .pa7-xxl { padding: 16rem; } .tachyons.pl0-xxl, .nested-tachyons .pl0-xxl { padding-left: 0; } .tachyons.pl1-xxl, .nested-tachyons .pl1-xxl { padding-left: .25rem; } .tachyons.pl2-xxl, .nested-tachyons .pl2-xxl { padding-left: .5rem; } .tachyons.pl3-xxl, .nested-tachyons .pl3-xxl { padding-left: 1rem; } .tachyons.pl4-xxl, .nested-tachyons .pl4-xxl { padding-left: 2rem; } .tachyons.pl5-xxl, .nested-tachyons .pl5-xxl { padding-left: 4rem; } .tachyons.pl6-xxl, .nested-tachyons .pl6-xxl { padding-left: 8rem; } .tachyons.pl7-xxl, .nested-tachyons .pl7-xxl { padding-left: 16rem; } .tachyons.pr0-xxl, .nested-tachyons .pr0-xxl { padding-right: 0; } .tachyons.pr1-xxl, .nested-tachyons .pr1-xxl { padding-right: .25rem; } .tachyons.pr2-xxl, .nested-tachyons .pr2-xxl { padding-right: .5rem; } .tachyons.pr3-xxl, .nested-tachyons .pr3-xxl { padding-right: 1rem; } .tachyons.pr4-xxl, .nested-tachyons .pr4-xxl { padding-right: 2rem; } .tachyons.pr5-xxl, .nested-tachyons .pr5-xxl { padding-right: 4rem; } .tachyons.pr6-xxl, .nested-tachyons .pr6-xxl { padding-right: 8rem; } .tachyons.pr7-xxl, .nested-tachyons .pr7-xxl { padding-right: 16rem; } .tachyons.pb0-xxl, .nested-tachyons .pb0-xxl { padding-bottom: 0; } .tachyons.pb1-xxl, .nested-tachyons .pb1-xxl { padding-bottom: .25rem; } .tachyons.pb2-xxl, .nested-tachyons .pb2-xxl { padding-bottom: .5rem; } .tachyons.pb3-xxl, .nested-tachyons .pb3-xxl { padding-bottom: 1rem; } .tachyons.pb4-xxl, .nested-tachyons .pb4-xxl { padding-bottom: 2rem; } .tachyons.pb5-xxl, .nested-tachyons .pb5-xxl { padding-bottom: 4rem; } .tachyons.pb6-xxl, .nested-tachyons .pb6-xxl { padding-bottom: 8rem; } .tachyons.pb7-xxl, .nested-tachyons .pb7-xxl { padding-bottom: 16rem; } .tachyons.pt0-xxl, .nested-tachyons .pt0-xxl { padding-top: 0; } .tachyons.pt1-xxl, .nested-tachyons .pt1-xxl { padding-top: .25rem; } .tachyons.pt2-xxl, .nested-tachyons .pt2-xxl { padding-top: .5rem; } .tachyons.pt3-xxl, .nested-tachyons .pt3-xxl { padding-top: 1rem; } .tachyons.pt4-xxl, .nested-tachyons .pt4-xxl { padding-top: 2rem; } .tachyons.pt5-xxl, .nested-tachyons .pt5-xxl { padding-top: 4rem; } .tachyons.pt6-xxl, .nested-tachyons .pt6-xxl { padding-top: 8rem; } .tachyons.pt7-xxl, .nested-tachyons .pt7-xxl { padding-top: 16rem; } .tachyons.pv0-xxl, .nested-tachyons .pv0-xxl { padding-top: 0; padding-bottom: 0; } .tachyons.pv1-xxl, .nested-tachyons .pv1-xxl { padding-top: .25rem; padding-bottom: .25rem; } .tachyons.pv2-xxl, .nested-tachyons .pv2-xxl { padding-top: .5rem; padding-bottom: .5rem; } .tachyons.pv3-xxl, .nested-tachyons .pv3-xxl { padding-top: 1rem; padding-bottom: 1rem; } .tachyons.pv4-xxl, .nested-tachyons .pv4-xxl { padding-top: 2rem; padding-bottom: 2rem; } .tachyons.pv5-xxl, .nested-tachyons .pv5-xxl { padding-top: 4rem; padding-bottom: 4rem; } .tachyons.pv6-xxl, .nested-tachyons .pv6-xxl { padding-top: 8rem; padding-bottom: 8rem; } .tachyons.pv7-xxl, .nested-tachyons .pv7-xxl { padding-top: 16rem; padding-bottom: 16rem; } .tachyons.ph0-xxl, .nested-tachyons .ph0-xxl { padding-left: 0; padding-right: 0; } .tachyons.ph1-xxl, .nested-tachyons .ph1-xxl { padding-left: .25rem; padding-right: .25rem; } .tachyons.ph2-xxl, .nested-tachyons .ph2-xxl { padding-left: .5rem; padding-right: .5rem; } .tachyons.ph3-xxl, .nested-tachyons .ph3-xxl { padding-left: 1rem; padding-right: 1rem; } .tachyons.ph4-xxl, .nested-tachyons .ph4-xxl { padding-left: 2rem; padding-right: 2rem; } .tachyons.ph5-xxl, .nested-tachyons .ph5-xxl { padding-left: 4rem; padding-right: 4rem; } .tachyons.ph6-xxl, .nested-tachyons .ph6-xxl { padding-left: 8rem; padding-right: 8rem; } .tachyons.ph7-xxl, .nested-tachyons .ph7-xxl { padding-left: 16rem; padding-right: 16rem; } .tachyons.ma0-xxl, .nested-tachyons .ma0-xxl { margin: 0; } .tachyons.ma1-xxl, .nested-tachyons .ma1-xxl { margin: .25rem; } .tachyons.ma2-xxl, .nested-tachyons .ma2-xxl { margin: .5rem; } .tachyons.ma3-xxl, .nested-tachyons .ma3-xxl { margin: 1rem; } .tachyons.ma4-xxl, .nested-tachyons .ma4-xxl { margin: 2rem; } .tachyons.ma5-xxl, .nested-tachyons .ma5-xxl { margin: 4rem; } .tachyons.ma6-xxl, .nested-tachyons .ma6-xxl { margin: 8rem; } .tachyons.ma7-xxl, .nested-tachyons .ma7-xxl { margin: 16rem; } .tachyons.ml0-xxl, .nested-tachyons .ml0-xxl { margin-left: 0; } .tachyons.ml1-xxl, .nested-tachyons .ml1-xxl { margin-left: .25rem; } .tachyons.ml2-xxl, .nested-tachyons .ml2-xxl { margin-left: .5rem; } .tachyons.ml3-xxl, .nested-tachyons .ml3-xxl { margin-left: 1rem; } .tachyons.ml4-xxl, .nested-tachyons .ml4-xxl { margin-left: 2rem; } .tachyons.ml5-xxl, .nested-tachyons .ml5-xxl { margin-left: 4rem; } .tachyons.ml6-xxl, .nested-tachyons .ml6-xxl { margin-left: 8rem; } .tachyons.ml7-xxl, .nested-tachyons .ml7-xxl { margin-left: 16rem; } .tachyons.mr0-xxl, .nested-tachyons .mr0-xxl { margin-right: 0; } .tachyons.mr1-xxl, .nested-tachyons .mr1-xxl { margin-right: .25rem; } .tachyons.mr2-xxl, .nested-tachyons .mr2-xxl { margin-right: .5rem; } .tachyons.mr3-xxl, .nested-tachyons .mr3-xxl { margin-right: 1rem; } .tachyons.mr4-xxl, .nested-tachyons .mr4-xxl { margin-right: 2rem; } .tachyons.mr5-xxl, .nested-tachyons .mr5-xxl { margin-right: 4rem; } .tachyons.mr6-xxl, .nested-tachyons .mr6-xxl { margin-right: 8rem; } .tachyons.mr7-xxl, .nested-tachyons .mr7-xxl { margin-right: 16rem; } .tachyons.mb0-xxl, .nested-tachyons .mb0-xxl { margin-bottom: 0; } .tachyons.mb1-xxl, .nested-tachyons .mb1-xxl { margin-bottom: .25rem; } .tachyons.mb2-xxl, .nested-tachyons .mb2-xxl { margin-bottom: .5rem; } .tachyons.mb3-xxl, .nested-tachyons .mb3-xxl { margin-bottom: 1rem; } .tachyons.mb4-xxl, .nested-tachyons .mb4-xxl { margin-bottom: 2rem; } .tachyons.mb5-xxl, .nested-tachyons .mb5-xxl { margin-bottom: 4rem; } .tachyons.mb6-xxl, .nested-tachyons .mb6-xxl { margin-bottom: 8rem; } .tachyons.mb7-xxl, .nested-tachyons .mb7-xxl { margin-bottom: 16rem; } .tachyons.mt0-xxl, .nested-tachyons .mt0-xxl { margin-top: 0; } .tachyons.mt1-xxl, .nested-tachyons .mt1-xxl { margin-top: .25rem; } .tachyons.mt2-xxl, .nested-tachyons .mt2-xxl { margin-top: .5rem; } .tachyons.mt3-xxl, .nested-tachyons .mt3-xxl { margin-top: 1rem; } .tachyons.mt4-xxl, .nested-tachyons .mt4-xxl { margin-top: 2rem; } .tachyons.mt5-xxl, .nested-tachyons .mt5-xxl { margin-top: 4rem; } .tachyons.mt6-xxl, .nested-tachyons .mt6-xxl { margin-top: 8rem; } .tachyons.mt7-xxl, .nested-tachyons .mt7-xxl { margin-top: 16rem; } .tachyons.mv0-xxl, .nested-tachyons .mv0-xxl { margin-top: 0; margin-bottom: 0; } .tachyons.mv1-xxl, .nested-tachyons .mv1-xxl { margin-top: .25rem; margin-bottom: .25rem; } .tachyons.mv2-xxl, .nested-tachyons .mv2-xxl { margin-top: .5rem; margin-bottom: .5rem; } .tachyons.mv3-xxl, .nested-tachyons .mv3-xxl { margin-top: 1rem; margin-bottom: 1rem; } .tachyons.mv4-xxl, .nested-tachyons .mv4-xxl { margin-top: 2rem; margin-bottom: 2rem; } .tachyons.mv5-xxl, .nested-tachyons .mv5-xxl { margin-top: 4rem; margin-bottom: 4rem; } .tachyons.mv6-xxl, .nested-tachyons .mv6-xxl { margin-top: 8rem; margin-bottom: 8rem; } .tachyons.mv7-xxl, .nested-tachyons .mv7-xxl { margin-top: 16rem; margin-bottom: 16rem; } .tachyons.mh0-xxl, .nested-tachyons .mh0-xxl { margin-left: 0; margin-right: 0; } .tachyons.mh1-xxl, .nested-tachyons .mh1-xxl { margin-left: .25rem; margin-right: .25rem; } .tachyons.mh2-xxl, .nested-tachyons .mh2-xxl { margin-left: .5rem; margin-right: .5rem; } .tachyons.mh3-xxl, .nested-tachyons .mh3-xxl { margin-left: 1rem; margin-right: 1rem; } .tachyons.mh4-xxl, .nested-tachyons .mh4-xxl { margin-left: 2rem; margin-right: 2rem; } .tachyons.mh5-xxl, .nested-tachyons .mh5-xxl { margin-left: 4rem; margin-right: 4rem; } .tachyons.mh6-xxl, .nested-tachyons .mh6-xxl { margin-left: 8rem; margin-right: 8rem; } .tachyons.mh7-xxl, .nested-tachyons .mh7-xxl { margin-left: 16rem; margin-right: 16rem; } .tachyons.na1-xxl, .nested-tachyons .na1-xxl { margin: -0.25rem; } .tachyons.na2-xxl, .nested-tachyons .na2-xxl { margin: -0.5rem; } .tachyons.na3-xxl, .nested-tachyons .na3-xxl { margin: -1rem; } .tachyons.na4-xxl, .nested-tachyons .na4-xxl { margin: -2rem; } .tachyons.na5-xxl, .nested-tachyons .na5-xxl { margin: -4rem; } .tachyons.na6-xxl, .nested-tachyons .na6-xxl { margin: -8rem; } .tachyons.na7-xxl, .nested-tachyons .na7-xxl { margin: -16rem; } .tachyons.nl1-xxl, .nested-tachyons .nl1-xxl { margin-left: -0.25rem; } .tachyons.nl2-xxl, .nested-tachyons .nl2-xxl { margin-left: -0.5rem; } .tachyons.nl3-xxl, .nested-tachyons .nl3-xxl { margin-left: -1rem; } .tachyons.nl4-xxl, .nested-tachyons .nl4-xxl { margin-left: -2rem; } .tachyons.nl5-xxl, .nested-tachyons .nl5-xxl { margin-left: -4rem; } .tachyons.nl6-xxl, .nested-tachyons .nl6-xxl { margin-left: -8rem; } .tachyons.nl7-xxl, .nested-tachyons .nl7-xxl { margin-left: -16rem; } .tachyons.nr1-xxl, .nested-tachyons .nr1-xxl { margin-right: -0.25rem; } .tachyons.nr2-xxl, .nested-tachyons .nr2-xxl { margin-right: -0.5rem; } .tachyons.nr3-xxl, .nested-tachyons .nr3-xxl { margin-right: -1rem; } .tachyons.nr4-xxl, .nested-tachyons .nr4-xxl { margin-right: -2rem; } .tachyons.nr5-xxl, .nested-tachyons .nr5-xxl { margin-right: -4rem; } .tachyons.nr6-xxl, .nested-tachyons .nr6-xxl { margin-right: -8rem; } .tachyons.nr7-xxl, .nested-tachyons .nr7-xxl { margin-right: -16rem; } .tachyons.nb1-xxl, .nested-tachyons .nb1-xxl { margin-bottom: -0.25rem; } .tachyons.nb2-xxl, .nested-tachyons .nb2-xxl { margin-bottom: -0.5rem; } .tachyons.nb3-xxl, .nested-tachyons .nb3-xxl { margin-bottom: -1rem; } .tachyons.nb4-xxl, .nested-tachyons .nb4-xxl { margin-bottom: -2rem; } .tachyons.nb5-xxl, .nested-tachyons .nb5-xxl { margin-bottom: -4rem; } .tachyons.nb6-xxl, .nested-tachyons .nb6-xxl { margin-bottom: -8rem; } .tachyons.nb7-xxl, .nested-tachyons .nb7-xxl { margin-bottom: -16rem; } .tachyons.nt1-xxl, .nested-tachyons .nt1-xxl { margin-top: -0.25rem; } .tachyons.nt2-xxl, .nested-tachyons .nt2-xxl { margin-top: -0.5rem; } .tachyons.nt3-xxl, .nested-tachyons .nt3-xxl { margin-top: -1rem; } .tachyons.nt4-xxl, .nested-tachyons .nt4-xxl { margin-top: -2rem; } .tachyons.nt5-xxl, .nested-tachyons .nt5-xxl { margin-top: -4rem; } .tachyons.nt6-xxl, .nested-tachyons .nt6-xxl { margin-top: -8rem; } .tachyons.nt7-xxl, .nested-tachyons .nt7-xxl { margin-top: -16rem; } .tachyons.strike-xxl, .nested-tachyons .strike-xxl { text-decoration: line-through; } .tachyons.underline-xxl, .nested-tachyons .underline-xxl { text-decoration: underline; } .tachyons.no-underline-xxl, .nested-tachyons .no-underline-xxl { text-decoration: none; } .tachyons.tl-xxl, .nested-tachyons .tl-xxl { text-align: left; } .tachyons.tr-xxl, .nested-tachyons .tr-xxl { text-align: right; } .tachyons.tc-xxl, .nested-tachyons .tc-xxl { text-align: center; } .tachyons.tj-xxl, .nested-tachyons .tj-xxl { text-align: justify; } .tachyons.ttc-xxl, .nested-tachyons .ttc-xxl { text-transform: capitalize; } .tachyons.ttl-xxl, .nested-tachyons .ttl-xxl { text-transform: lowercase; } .tachyons.ttu-xxl, .nested-tachyons .ttu-xxl { text-transform: uppercase; } .tachyons.ttn-xxl, .nested-tachyons .ttn-xxl { text-transform: none; } .tachyons.f-6-xl,, .nested-tachyons .f-6-xl, .f-headline-xxl { font-size: 6rem; } .tachyons.f-5-xl,, .nested-tachyons .f-5-xl, .f-subheadline-xxl { font-size: 5rem; } .tachyons.f1-xxl, .nested-tachyons .f1-xxl { font-size: 3rem; } .tachyons.f2-xxl, .nested-tachyons .f2-xxl { font-size: 2.25rem; } .tachyons.f3-xxl, .nested-tachyons .f3-xxl { font-size: 1.5rem; } .tachyons.f4-xxl, .nested-tachyons .f4-xxl { font-size: 1.25rem; } .tachyons.f5-xxl, .nested-tachyons .f5-xxl { font-size: 1rem; } .tachyons.f6-xxl, .nested-tachyons .f6-xxl { font-size: .875rem; } .tachyons.f7-xxl, .nested-tachyons .f7-xxl { font-size: .75rem; } .tachyons.measure-xxl, .nested-tachyons .measure-xxl { max-width: 30em; } .tachyons.measure-wide-xxl, .nested-tachyons .measure-wide-xxl { max-width: 34em; } .tachyons.measure-narrow-xxl, .nested-tachyons .measure-narrow-xxl { max-width: 20em; } .tachyons.indent-xxl, .nested-tachyons .indent-xxl { text-indent: 1em; margin-top: 0; margin-bottom: 0; } .tachyons.small-caps-xxl, .nested-tachyons .small-caps-xxl { font-variant: small-caps; } .tachyons.truncate-xxl, .nested-tachyons .truncate-xxl { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tachyons.f--6-xxl, .nested-tachyons .f--6-xxl { font-size: 6px; } .tachyons.f--7-xxl, .nested-tachyons .f--7-xxl { font-size: 7px; } .tachyons.f--8-xxl, .nested-tachyons .f--8-xxl { font-size: 8px; } .tachyons.f--9-xxl, .nested-tachyons .f--9-xxl { font-size: 9px; } .tachyons.f--10-xxl, .nested-tachyons .f--10-xxl { font-size: 10px; } .tachyons.f--11-xxl, .nested-tachyons .f--11-xxl { font-size: 11px; } .tachyons.f--12-xxl, .nested-tachyons .f--12-xxl { font-size: 12px; } .tachyons.f--13-xxl, .nested-tachyons .f--13-xxl { font-size: 13px; } .tachyons.f--14-xxl, .nested-tachyons .f--14-xxl { font-size: 14px; } .tachyons.f--15-xxl, .nested-tachyons .f--15-xxl { font-size: 15px; } .tachyons.f--16-xxl, .nested-tachyons .f--16-xxl { font-size: 16px; } .tachyons.f--17-xxl, .nested-tachyons .f--17-xxl { font-size: 17px; } .tachyons.f--18-xxl, .nested-tachyons .f--18-xxl { font-size: 18px; } .tachyons.f--19-xxl, .nested-tachyons .f--19-xxl { font-size: 19px; } .tachyons.f--20-xxl, .nested-tachyons .f--20-xxl { font-size: 20px; } .tachyons.f--21-xxl, .nested-tachyons .f--21-xxl { font-size: 21px; } .tachyons.f--22-xxl, .nested-tachyons .f--22-xxl { font-size: 22px; } .tachyons.f--23-xxl, .nested-tachyons .f--23-xxl { font-size: 23px; } .tachyons.f--24-xxl, .nested-tachyons .f--24-xxl { font-size: 24px; } .tachyons.f--25-xxl, .nested-tachyons .f--25-xxl { font-size: 25px; } .tachyons.f--26-xxl, .nested-tachyons .f--26-xxl { font-size: 26px; } .tachyons.f--27-xxl, .nested-tachyons .f--27-xxl { font-size: 27px; } .tachyons.f--28-xxl, .nested-tachyons .f--28-xxl { font-size: 28px; } .tachyons.f--29-xxl, .nested-tachyons .f--29-xxl { font-size: 29px; } .tachyons.f--30-xxl, .nested-tachyons .f--30-xxl { font-size: 30px; } .tachyons.f--31-xxl, .nested-tachyons .f--31-xxl { font-size: 31px; } .tachyons.f--32-xxl, .nested-tachyons .f--32-xxl { font-size: 32px; } .tachyons.f--33-xxl, .nested-tachyons .f--33-xxl { font-size: 33px; } .tachyons.f--34-xxl, .nested-tachyons .f--34-xxl { font-size: 34px; } .tachyons.f--35-xxl, .nested-tachyons .f--35-xxl { font-size: 35px; } .tachyons.f--36-xxl, .nested-tachyons .f--36-xxl { font-size: 36px; } .tachyons.f--37-xxl, .nested-tachyons .f--37-xxl { font-size: 37px; } .tachyons.f--38-xxl, .nested-tachyons .f--38-xxl { font-size: 38px; } .tachyons.f--39-xxl, .nested-tachyons .f--39-xxl { font-size: 39px; } .tachyons.f--40-xxl, .nested-tachyons .f--40-xxl { font-size: 40px; } .tachyons.f--41-xxl, .nested-tachyons .f--41-xxl { font-size: 41px; } .tachyons.f--42-xxl, .nested-tachyons .f--42-xxl { font-size: 42px; } .tachyons.f--43-xxl, .nested-tachyons .f--43-xxl { font-size: 43px; } .tachyons.f--44-xxl, .nested-tachyons .f--44-xxl { font-size: 44px; } .tachyons.f--45-xxl, .nested-tachyons .f--45-xxl { font-size: 45px; } .tachyons.f--46-xxl, .nested-tachyons .f--46-xxl { font-size: 46px; } .tachyons.f--47-xxl, .nested-tachyons .f--47-xxl { font-size: 47px; } .tachyons.f--48-xxl, .nested-tachyons .f--48-xxl { font-size: 48px; } .tachyons.f--49-xxl, .nested-tachyons .f--49-xxl { font-size: 49px; } .tachyons.f--50-xxl, .nested-tachyons .f--50-xxl { font-size: 50px; } .tachyons.f--51-xxl, .nested-tachyons .f--51-xxl { font-size: 51px; } .tachyons.f--52-xxl, .nested-tachyons .f--52-xxl { font-size: 52px; } .tachyons.f--53-xxl, .nested-tachyons .f--53-xxl { font-size: 53px; } .tachyons.f--54-xxl, .nested-tachyons .f--54-xxl { font-size: 54px; } .tachyons.f--55-xxl, .nested-tachyons .f--55-xxl { font-size: 55px; } .tachyons.f--56-xxl, .nested-tachyons .f--56-xxl { font-size: 56px; } .tachyons.f--57-xxl, .nested-tachyons .f--57-xxl { font-size: 57px; } .tachyons.f--58-xxl, .nested-tachyons .f--58-xxl { font-size: 58px; } .tachyons.f--59-xxl, .nested-tachyons .f--59-xxl { font-size: 59px; } .tachyons.f--60-xxl, .nested-tachyons .f--60-xxl { font-size: 60px; } .tachyons.f--61-xxl, .nested-tachyons .f--61-xxl { font-size: 61px; } .tachyons.f--62-xxl, .nested-tachyons .f--62-xxl { font-size: 62px; } .tachyons.f--63-xxl, .nested-tachyons .f--63-xxl { font-size: 63px; } .tachyons.f--64-xxl, .nested-tachyons .f--64-xxl { font-size: 64px; } .tachyons.f--65-xxl, .nested-tachyons .f--65-xxl { font-size: 65px; } .tachyons.f--66-xxl, .nested-tachyons .f--66-xxl { font-size: 66px; } .tachyons.f--67-xxl, .nested-tachyons .f--67-xxl { font-size: 67px; } .tachyons.f--68-xxl, .nested-tachyons .f--68-xxl { font-size: 68px; } .tachyons.f--69-xxl, .nested-tachyons .f--69-xxl { font-size: 69px; } .tachyons.f--70-xxl, .nested-tachyons .f--70-xxl { font-size: 70px; } .tachyons.f--71-xxl, .nested-tachyons .f--71-xxl { font-size: 71px; } .tachyons.f--72-xxl, .nested-tachyons .f--72-xxl { font-size: 72px; } .tachyons.f--73-xxl, .nested-tachyons .f--73-xxl { font-size: 73px; } .tachyons.f--74-xxl, .nested-tachyons .f--74-xxl { font-size: 74px; } .tachyons.f--75-xxl, .nested-tachyons .f--75-xxl { font-size: 75px; } .tachyons.f--76-xxl, .nested-tachyons .f--76-xxl { font-size: 76px; } .tachyons.f--77-xxl, .nested-tachyons .f--77-xxl { font-size: 77px; } .tachyons.f--78-xxl, .nested-tachyons .f--78-xxl { font-size: 78px; } .tachyons.f--79-xxl, .nested-tachyons .f--79-xxl { font-size: 79px; } .tachyons.f--80-xxl, .nested-tachyons .f--80-xxl { font-size: 80px; } .tachyons.f--81-xxl, .nested-tachyons .f--81-xxl { font-size: 81px; } .tachyons.f--82-xxl, .nested-tachyons .f--82-xxl { font-size: 82px; } .tachyons.f--83-xxl, .nested-tachyons .f--83-xxl { font-size: 83px; } .tachyons.f--84-xxl, .nested-tachyons .f--84-xxl { font-size: 84px; } .tachyons.f--85-xxl, .nested-tachyons .f--85-xxl { font-size: 85px; } .tachyons.f--86-xxl, .nested-tachyons .f--86-xxl { font-size: 86px; } .tachyons.f--87-xxl, .nested-tachyons .f--87-xxl { font-size: 87px; } .tachyons.f--88-xxl, .nested-tachyons .f--88-xxl { font-size: 88px; } .tachyons.f--89-xxl, .nested-tachyons .f--89-xxl { font-size: 89px; } .tachyons.f--90-xxl, .nested-tachyons .f--90-xxl { font-size: 90px; } .tachyons.center-xxl, .nested-tachyons .center-xxl { margin-right: auto; margin-left: auto; } .tachyons.mr-auto-xxl, .nested-tachyons .mr-auto-xxl { margin-right: auto; } .tachyons.ml-auto-xxl, .nested-tachyons .ml-auto-xxl { margin-left: auto; } .tachyons.clip-xxl, .nested-tachyons .clip-xxl { position: fixed !important; _position: absolute !important; clip: rect( 1px 1px 1px 1px ); /* IE6, IE7 */ clip: rect( 1px, 1px, 1px, 1px ); } .tachyons.ws-normal-xxl, .nested-tachyons .ws-normal-xxl { white-space: normal; } .tachyons.nowrap-xxl, .nested-tachyons .nowrap-xxl { white-space: nowrap; } .tachyons.pre-xxl, .nested-tachyons .pre-xxl { white-space: pre; } .tachyons.v-base-xxl, .nested-tachyons .v-base-xxl { vertical-align: baseline; } .tachyons.v-mid-xxl, .nested-tachyons .v-mid-xxl { vertical-align: middle; } .tachyons.v-top-xxl, .nested-tachyons .v-top-xxl { vertical-align: top; } .tachyons.v-btm-xxl, .nested-tachyons .v-btm-xxl { vertical-align: bottom; } nested-}