|
90 | 90 | <tr><td class="bb b--black-10 pv3"><pre class="f5">border-top-width</pre></td><td class="bb b--black-10 pv3"><pre class=f5">.bt: 1px<br>.bt-0: 0<br>.bt-0-l: 0<br>.bt-0-m: 0<br>.bt-0-ns: 0<br>.bt-l: 1px<br>.bt-m: 1px<br>.bt-ns: 1px</pre></td><td class="bb b--black-05 pv2"><a class="link blue dim f6" href="https://github.com/tachyons-css/tachyons-borders">borders</a><br><a class="link blue dim f6" href="https://github.com/tachyons-css/tachyons-border-widths">border-widths</a></td></tr>
|
91 | 91 | <tr><td class="bb b--black-10 pv3"><pre class="f5">border-width</pre></td><td class="bb b--black-10 pv3"><pre class=f5">.ba: 1px<br>.ba-l: 1px<br>.ba-m: 1px<br>.ba-ns: 1px<br>.bn: 0<br>.bn-l: 0<br>.bn-m: 0<br>.bn-ns: 0<br>.bw0: 0<br>.bw0-l: 0<br>.bw0-m: 0<br>.bw0-ns: 0<br>.bw1: .125rem<br>.bw1-l: .125rem<br>.bw1-m: .125rem<br>.bw1-ns: .125rem<br>.bw2: .25rem<br>.bw2-l: .25rem<br>.bw2-m: .25rem<br>.bw2-ns: .25rem<br>.bw3: .5rem<br>.bw3-l: .5rem<br>.bw3-m: .5rem<br>.bw3-ns: .5rem<br>.bw4: 1rem<br>.bw4-l: 1rem<br>.bw4-m: 1rem<br>.bw4-ns: 1rem<br>.bw5: 2rem<br>.bw5-l: 2rem<br>.bw5-m: 2rem<br>.bw5-ns: 2rem</pre></td><td class="bb b--black-05 pv2"><a class="link blue dim f6" href="https://github.com/tachyons-css/tachyons-borders">borders</a><br><a class="link blue dim f6" href="https://github.com/tachyons-css/tachyons-border-widths">border-widths</a></td></tr>
|
92 | 92 | <tr><td class="bb b--black-10 pv3"><pre class="f5">bottom</pre></td><td class="bb b--black-10 pv3"><pre class=f5">.absolute--fill: 0<br>.absolute--fill-l: 0<br>.absolute--fill-m: 0<br>.absolute--fill-ns: 0<br>.aspect-ratio--object: 0<br>.bottom--1: -1rem<br>.bottom--1-l: -1rem<br>.bottom--1-m: -1rem<br>.bottom--1-ns: -1rem<br>.bottom--2: -2rem<br>.bottom--2-l: -2rem<br>.bottom--2-m: -2rem<br>.bottom--2-ns: -2rem<br>.bottom-0: 0<br>.bottom-0-l: 0<br>.bottom-0-m: 0<br>.bottom-0-ns: 0<br>.bottom-1: 1rem<br>.bottom-1-l: 1rem<br>.bottom-1-m: 1rem<br>.bottom-1-ns: 1rem<br>.bottom-2: 2rem<br>.bottom-2-l: 2rem<br>.bottom-2-m: 2rem<br>.bottom-2-ns: 2rem</pre></td><td class="bb b--black-05 pv2"><a class="link blue dim f6" href="https://github.com/tachyons-css/tachyons-coordinates">coordinates</a><br><a class="link blue dim f6" href="https://github.com/tachyons-css/tachyons-utilities">utilities</a></td></tr>
|
93 |
| -<tr><td class="bb b--black-10 pv3"><pre class="f5">box-shadow</pre></td><td class="bb b--black-10 pv3"><pre class=f5">.shadow-1: 0px 0px 4px 2px rgba( 0, 0, 0, 0.2 )<br>.shadow-1-l: 0px 0px 4px 2px rgba( 0, 0, 0, 0.2 )<br>.shadow-1-m: 0px 0px 4px 2px rgba( 0, 0, 0, 0.2 )<br>.shadow-1-ns: 0px 0px 4px 2px rgba( 0, 0, 0, 0.2 )<br>.shadow-2: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 )<br>.shadow-2-l: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 )<br>.shadow-2-m: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 )<br>.shadow-2-ns: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 )<br>.shadow-3: 2px 2px 4px 2px rgba( 0, 0, 0, 0.2 )<br>.shadow-3-l: 2px 2px 4px 2px rgba( 0, 0, 0, 0.2 )<br>.shadow-3-m: 2px 2px 4px 2px rgba( 0, 0, 0, 0.2 )<br>.shadow-3-ns: 2px 2px 4px 2px rgba( 0, 0, 0, 0.2 )<br>.shadow-4: 2px 2px 8px 0px rgba( 0, 0, 0, 0.2 )<br>.shadow-4-l: 2px 2px 8px 0px rgba( 0, 0, 0, 0.2 )<br>.shadow-4-m: 2px 2px 8px 0px rgba( 0, 0, 0, 0.2 )<br>.shadow-4-ns: 2px 2px 8px 0px rgba( 0, 0, 0, 0.2 )<br>.shadow-5: 4px 4px 8px 0px rgba( 0, 0, 0, 0.2 )<br>.shadow-5-l: 4px 4px 8px 0px rgba( 0, 0, 0, 0.2 )<br>.shadow-5-m: 4px 4px 8px 0px rgba( 0, 0, 0, 0.2 )<br>.shadow-5-ns: 4px 4px 8px 0px rgba( 0, 0, 0, 0.2 )</pre></td><td class="bb b--black-05 pv2"><a class="link blue dim f6" href="https://github.com/tachyons-css/tachyons-box-shadow">box-shadow</a></td></tr> |
| 93 | +<tr><td class="bb b--black-10 pv3"><pre class="f5">box-shadow</pre></td><td class="bb b--black-10 pv3"><pre class=f5">.shadow-1: 0px 0px 4px 2px rgba( 0, 0, 0, 0.2 )<br>.shadow-1-l: 0px 0px 4px 2px rgba( 0, 0, 0, 0.2 )<br>.shadow-1-m: 0px 0px 4px 2px rgba( 0, 0, 0, 0.2 )<br>.shadow-1-ns: 0px 0px 4px 2px rgba( 0, 0, 0, 0.2 )<br>.shadow-2: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 )<br>.shadow-2-l: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 )<br>.shadow-2-m: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 )<br>.shadow-2-ns: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 )<br>.shadow-3: 2px 2px 4px 2px rgba( 0, 0, 0, 0.2 )<br>.shadow-3-l: 2px 2px 4px 2px rgba( 0, 0, 0, 0.2 )<br>.shadow-3-m: 2px 2px 4px 2px rgba( 0, 0, 0, 0.2 )<br>.shadow-3-ns: 2px 2px 4px 2px rgba( 0, 0, 0, 0.2 )<br>.shadow-4: 2px 2px 8px 0px rgba( 0, 0, 0, 0.2 )<br>.shadow-4-l: 2px 2px 8px 0px rgba( 0, 0, 0, 0.2 )<br>.shadow-4-m: 2px 2px 8px 0px rgba( 0, 0, 0, 0.2 )<br>.shadow-4-ns: 2px 2px 8px 0px rgba( 0, 0, 0, 0.2 )<br>.shadow-5: 4px 4px 8px 0px rgba( 0, 0, 0, 0.2 )<br>.shadow-5-l: 4px 4px 8px 0px rgba( 0, 0, 0, 0.2 )<br>.shadow-5-m: 4px 4px 8px 0px rgba( 0, 0, 0, 0.2 )<br>.shadow-5-ns: 4px 4px 8px 0px rgba( 0, 0, 0, 0.2 )<br>.shadow-hover:hover, |
| 94 | +.shadow-hover:focus: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 )</pre></td><td class="bb b--black-05 pv2"><a class="link blue dim f6" href="https://github.com/tachyons-css/tachyons-box-shadow">box-shadow</a><br><a class="link blue dim f6" href="https://github.com/tachyons-css/tachyons-hovers">hovers</a></td></tr> |
94 | 95 | <tr><td class="bb b--black-10 pv3"><pre class="f5">box-sizing</pre></td><td class="bb b--black-10 pv3"><pre class=f5">html,
|
95 | 96 | body,
|
96 | 97 | div,
|
|
125 | 126 | .cf:after: " "</pre></td><td class="bb b--black-05 pv2"><a class="link blue dim f6" href="https://github.com/tachyons-css/tachyons-clears">clears</a></td></tr>
|
126 | 127 | <tr><td class="bb b--black-10 pv3"><pre class="f5">cursor</pre></td><td class="bb b--black-10 pv3"><pre class=f5">.pointer:hover: pointer</pre></td><td class="bb b--black-05 pv2"><a class="link blue dim f6" href="https://github.com/tachyons-css/tachyons-hovers">hovers</a></td></tr>
|
127 | 128 | <tr><td class="bb b--black-10 pv3"><pre class="f5">display</pre></td><td class="bb b--black-10 pv3"><pre class=f5">.cf:before,
|
128 |
| -.cf:after: table<br>.db: block<br>.db-l: block<br>.db-m: block<br>.db-ns: block<br>.di: inline<br>.di-l: inline<br>.di-m: inline<br>.di-ns: inline<br>.dib: inline-block<br>.dib-l: inline-block<br>.dib-m: inline-block<br>.dib-ns: inline-block<br>.dit: inline-table<br>.dit-l: inline-table<br>.dit-m: inline-table<br>.dit-ns: inline-table<br>.dn: none<br>.dn-l: none<br>.dn-m: none<br>.dn-ns: none<br>.dt: table<br>.dt-column: table-column<br>.dt-column-group: table-column-group<br>.dt-column-group-l: table-column-group<br>.dt-column-group-m: table-column-group<br>.dt-column-group-ns: table-column-group<br>.dt-column-l: table-column<br>.dt-column-m: table-column<br>.dt-column-ns: table-column<br>.dt-l: table<br>.dt-m: table<br>.dt-ns: table<br>.dt-row: table-row<br>.dt-row-group: table-row-group<br>.dt-row-group-l: table-row-group<br>.dt-row-group-m: table-row-group<br>.dt-row-group-ns: table-row-group<br>.dt-row-l: table-row<br>.dt-row-m: table-row<br>.dt-row-ns: table-row<br>.dtc: table-cell<br>.dtc-l: table-cell<br>.dtc-m: table-cell<br>.dtc-ns: table-cell<br>.fl: inline<br>.fl-l: inline<br>.fl-m: inline<br>.fl-ns: inline<br>.flex: flex<br>.flex-l: flex<br>.flex-m: flex<br>.flex-ns: flex<br>.fr: inline<br>.fr-l: inline<br>.fr-m: inline<br>.fr-ns: inline</pre></td><td class="bb b--black-05 pv2"><a class="link blue dim f6" href="https://github.com/tachyons-css/tachyons-clears">clears</a><br><a class="link blue dim f6" href="https://github.com/tachyons-css/tachyons-display">display</a><br><a class="link blue dim f6" href="https://github.com/tachyons-css/tachyons-flexbox">flexbox</a><br><a class="link blue dim f6" href="https://github.com/tachyons-css/tachyons-floats">floats</a></td></tr> |
| 129 | +.cf:after: table<br>.db: block<br>.db-l: block<br>.db-m: block<br>.db-ns: block<br>.di: inline<br>.di-l: inline<br>.di-m: inline<br>.di-ns: inline<br>.dib: inline-block<br>.dib-l: inline-block<br>.dib-m: inline-block<br>.dib-ns: inline-block<br>.dit: inline-table<br>.dit-l: inline-table<br>.dit-m: inline-table<br>.dit-ns: inline-table<br>.dn: none<br>.dn-l: none<br>.dn-m: none<br>.dn-ns: none<br>.dt: table<br>.dt-column: table-column<br>.dt-column-group: table-column-group<br>.dt-column-group-l: table-column-group<br>.dt-column-group-m: table-column-group<br>.dt-column-group-ns: table-column-group<br>.dt-column-l: table-column<br>.dt-column-m: table-column<br>.dt-column-ns: table-column<br>.dt-l: table<br>.dt-m: table<br>.dt-ns: table<br>.dt-row: table-row<br>.dt-row-group: table-row-group<br>.dt-row-group-l: table-row-group<br>.dt-row-group-m: table-row-group<br>.dt-row-group-ns: table-row-group<br>.dt-row-l: table-row<br>.dt-row-m: table-row<br>.dt-row-ns: table-row<br>.dtc: table-cell<br>.dtc-l: table-cell<br>.dtc-m: table-cell<br>.dtc-ns: table-cell<br>.fl: inline<br>.fl-l: inline<br>.fl-m: inline<br>.fl-ns: inline<br>.flex: flex<br>.flex-l: flex<br>.flex-m: flex<br>.flex-ns: flex<br>.fr: inline<br>.fr-l: inline<br>.fr-m: inline<br>.fr-ns: inline<br>.inline-flex: inline-flex<br>.inline-flex-l: inline-flex<br>.inline-flex-m: inline-flex<br>.inline-flex-ns: inline-flex</pre></td><td class="bb b--black-05 pv2"><a class="link blue dim f6" href="https://github.com/tachyons-css/tachyons-clears">clears</a><br><a class="link blue dim f6" href="https://github.com/tachyons-css/tachyons-display">display</a><br><a class="link blue dim f6" href="https://github.com/tachyons-css/tachyons-flexbox">flexbox</a><br><a class="link blue dim f6" href="https://github.com/tachyons-css/tachyons-floats">floats</a></td></tr> |
129 | 130 | <tr><td class="bb b--black-10 pv3"><pre class="f5">flex</pre></td><td class="bb b--black-10 pv3"><pre class=f5">.flex-auto: 1 1 auto<br>.flex-auto-l: 1 1 auto<br>.flex-auto-m: 1 1 auto<br>.flex-auto-ns: 1 1 auto<br>.flex-none: none<br>.flex-none-l: none<br>.flex-none-m: none<br>.flex-none-ns: none</pre></td><td class="bb b--black-05 pv2"><a class="link blue dim f6" href="https://github.com/tachyons-css/tachyons-flexbox">flexbox</a></td></tr>
|
130 |
| -<tr><td class="bb b--black-10 pv3"><pre class="f5">flex-direction</pre></td><td class="bb b--black-10 pv3"><pre class=f5">.flex-column: column<br>.flex-column-l: column<br>.flex-column-m: column<br>.flex-column-ns: column</pre></td><td class="bb b--black-05 pv2"><a class="link blue dim f6" href="https://github.com/tachyons-css/tachyons-flexbox">flexbox</a></td></tr> |
| 131 | +<tr><td class="bb b--black-10 pv3"><pre class="f5">flex-direction</pre></td><td class="bb b--black-10 pv3"><pre class=f5">.flex-column: column<br>.flex-column-l: column<br>.flex-column-m: column<br>.flex-column-ns: column<br>.flex-row: row<br>.flex-row-l: row<br>.flex-row-m: row<br>.flex-row-ns: row</pre></td><td class="bb b--black-05 pv2"><a class="link blue dim f6" href="https://github.com/tachyons-css/tachyons-flexbox">flexbox</a></td></tr> |
131 | 132 | <tr><td class="bb b--black-10 pv3"><pre class="f5">flex-wrap</pre></td><td class="bb b--black-10 pv3"><pre class=f5">.flex-wrap: wrap<br>.flex-wrap-l: wrap<br>.flex-wrap-m: wrap<br>.flex-wrap-ns: wrap</pre></td><td class="bb b--black-05 pv2"><a class="link blue dim f6" href="https://github.com/tachyons-css/tachyons-flexbox">flexbox</a></td></tr>
|
132 | 133 | <tr><td class="bb b--black-10 pv3"><pre class="f5">float</pre></td><td class="bb b--black-10 pv3"><pre class=f5">.fl: left<br>.fl-l: left<br>.fl-m: left<br>.fl-ns: left<br>.fn: none<br>.fn-l: none<br>.fn-m: none<br>.fn-ns: none<br>.fr: right<br>.fr-l: right<br>.fr-m: right<br>.fr-ns: right</pre></td><td class="bb b--black-05 pv2"><a class="link blue dim f6" href="https://github.com/tachyons-css/tachyons-floats">floats</a></td></tr>
|
133 | 134 | <tr><td class="bb b--black-10 pv3"><pre class="f5">font-family</pre></td><td class="bb b--black-10 pv3"><pre class=f5">.avenir: 'avenir next', avenir,
|
134 |
| - sans-serif<br>.baskerville: garamond, |
| 135 | + sans-serif<br>.baskerville: baskerville, |
135 | 136 | serif<br>.bodoni: "Bodoni MT",
|
136 | 137 | serif<br>.calisto: "Calisto MT",
|
137 |
| - serif<br>.garamond: garamond, |
| 138 | + serif<br>.courier: 'Courier Next', |
| 139 | + courier, |
| 140 | + monospace<br>.garamond: garamond, |
138 | 141 | serif<br>.georgia: georgia,
|
139 | 142 | serif<br>.helvetica: 'helvetica neue', helvetica,
|
140 | 143 | sans-serif<br>.sans-serif: -apple-system, BlinkMacSystemFont,
|
|
199 | 202 | <tr><td class="bb b--black-10 pv3"><pre class="f5">text-overflow</pre></td><td class="bb b--black-10 pv3"><pre class=f5">.truncate: ellipsis<br>.truncate-l: ellipsis<br>.truncate-m: ellipsis<br>.truncate-ns: ellipsis</pre></td><td class="bb b--black-05 pv2"><a class="link blue dim f6" href="https://github.com/tachyons-css/tachyons-typography">typography</a></td></tr>
|
200 | 203 | <tr><td class="bb b--black-10 pv3"><pre class="f5">text-transform</pre></td><td class="bb b--black-10 pv3"><pre class=f5">.ttc: capitalize<br>.ttc-l: capitalize<br>.ttc-m: capitalize<br>.ttc-ns: capitalize<br>.ttl: lowercase<br>.ttl-l: lowercase<br>.ttl-m: lowercase<br>.ttl-ns: lowercase<br>.ttn: none<br>.ttn-l: none<br>.ttn-m: none<br>.ttn-ns: none<br>.ttu: uppercase<br>.ttu-l: uppercase<br>.ttu-m: uppercase<br>.ttu-ns: uppercase</pre></td><td class="bb b--black-05 pv2"><a class="link blue dim f6" href="https://github.com/tachyons-css/tachyons-text-transform">text-transform</a></td></tr>
|
201 | 204 | <tr><td class="bb b--black-10 pv3"><pre class="f5">top</pre></td><td class="bb b--black-10 pv3"><pre class=f5">.absolute--fill: 0<br>.absolute--fill-l: 0<br>.absolute--fill-m: 0<br>.absolute--fill-ns: 0<br>.aspect-ratio--object: 0<br>.top--1: -1rem<br>.top--1-l: -1rem<br>.top--1-m: -1rem<br>.top--1-ns: -1rem<br>.top--2: -2rem<br>.top--2-l: -2rem<br>.top--2-m: -2rem<br>.top--2-ns: -2rem<br>.top-0: 0<br>.top-0-l: 0<br>.top-0-m: 0<br>.top-0-ns: 0<br>.top-1: 1rem<br>.top-1-l: 1rem<br>.top-1-m: 1rem<br>.top-1-ns: 1rem<br>.top-2: 2rem<br>.top-2-l: 2rem<br>.top-2-m: 2rem<br>.top-2-ns: 2rem</pre></td><td class="bb b--black-05 pv2"><a class="link blue dim f6" href="https://github.com/tachyons-css/tachyons-coordinates">coordinates</a><br><a class="link blue dim f6" href="https://github.com/tachyons-css/tachyons-utilities">utilities</a></td></tr>
|
202 |
| -<tr><td class="bb b--black-10 pv3"><pre class="f5">transform</pre></td><td class="bb b--black-10 pv3"><pre class=f5">.grow-large:hover: scale(1.2)<br>.grow:hover: scale(1.05)</pre></td><td class="bb b--black-05 pv2"><a class="link blue dim f6" href="https://github.com/tachyons-css/tachyons-hovers">hovers</a></td></tr> |
| 205 | +<tr><td class="bb b--black-10 pv3"><pre class="f5">transform</pre></td><td class="bb b--black-10 pv3"><pre class=f5">.grow-large:hover, |
| 206 | +.grow-large:focus: scale(1.2)<br>.grow:hover, |
| 207 | +.grow:focus: scale(1.05)</pre></td><td class="bb b--black-05 pv2"><a class="link blue dim f6" href="https://github.com/tachyons-css/tachyons-hovers">hovers</a></td></tr> |
203 | 208 | <tr><td class="bb b--black-10 pv3"><pre class="f5">transition</pre></td><td class="bb b--black-10 pv3"><pre class=f5">.dim: opacity .15s ease-in<br>.dim:active: opacity .15s ease-out<br>.dim:hover,
|
204 | 209 | .dim:focus: opacity .15s ease-in<br>.grow: transform .2s<br>.grow-large: transform .2s<br>.hide-child .child: opacity .15s ease-in<br>.hide-child:hover .child,
|
205 | 210 | .hide-child:focus .child,
|
|
0 commit comments