mirror of
https://github.com/tachyons-css/tachyons.git
synced 2026-02-06 11:06:58 +00:00
Bump deps, run build
This commit is contained in:
John Otander
parent
36e745ff42
commit
1c0027c322
11
bower.json
11
bower.json
@ -1,11 +1,13 @@
|
||||
{
|
||||
"name": "tachyons",
|
||||
"description": "Functional CSS for humans",
|
||||
"description": "Functional css for humans",
|
||||
"homepage": "https://tachyons.io",
|
||||
"main": "css/tachyons.css",
|
||||
"authors": [
|
||||
"mrmrs"
|
||||
],
|
||||
"license": "MIT",
|
||||
"authors": [
|
||||
"mrmrs",
|
||||
"johno"
|
||||
],
|
||||
"keywords": [
|
||||
"css",
|
||||
"design",
|
||||
@ -13,7 +15,6 @@
|
||||
"responsive",
|
||||
"design"
|
||||
],
|
||||
"homepage": "http://tachyons.io",
|
||||
"ignore": [
|
||||
"**/.*",
|
||||
"node_modules",
|
||||
|
||||
10
package.json
10
package.json
@ -27,18 +27,16 @@
|
||||
"build:minify": "tachyons src/tachyons.css -m > css/tachyons.min.css",
|
||||
"build:packages": "node build && lerna run build",
|
||||
"build:watch": "watch \"npm run build\" ./src/",
|
||||
"mutations": "immutable-css src/tachyons.css"
|
||||
"test": "immutable-css src/tachyons.css"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@compositor/kit": "^1.0.47",
|
||||
"@compositor/x0": "^6.0.2",
|
||||
"css-table": "^0.1.0",
|
||||
"css-table": "^7.0.1-1",
|
||||
"globby": "^8.0.1",
|
||||
"immutable-css-cli": "^1.1.1",
|
||||
"lerna": "^2.9.1",
|
||||
"lerna": "^3.4.3",
|
||||
"postcss-get-variables": "^1.0.2",
|
||||
"strip-css-comments": "^3.0.0",
|
||||
"tachyons-cli": "^1.3.0",
|
||||
"tachyons-cli": "^1.3.2",
|
||||
"watch": "^1.0.2"
|
||||
},
|
||||
"keywords": [
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
/*
|
||||
/*!!!
|
||||
|
||||
ANIMATE
|
||||
|
||||
@ -7,11 +7,12 @@
|
||||
d = animation delay
|
||||
|
||||
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
|
||||
1 = 1st step (150ms)
|
||||
2 = 2nd step (300ms)
|
||||
3 = 3rd step (450ms)
|
||||
4 = 4th step (600ms)
|
||||
5 = 5th step (750ms)
|
||||
6 = 6th step (900ms)
|
||||
|
||||
-1 = literal value 1s
|
||||
-2 = literal value 2s
|
||||
@ -30,9 +31,9 @@
|
||||
.double { -webkit-animation-iteration-count: 2; animation-iteration-count: 2; }
|
||||
.triple { -webkit-animation-iteration-count: 3; animation-iteration-count: 3; }
|
||||
/* Animation Direction */
|
||||
.reverse { -webkit-animation-direction: reverse; animation-direction: reverse; }
|
||||
.reverse { animation-direction: reverse; }
|
||||
.alternate { -webkit-animation-direction: alternate; animation-direction: alternate; }
|
||||
.alternate-reverse { -webkit-animation-direction: alternate-reverse; animation-direction: alternate-reverse; }
|
||||
.alternate-reverse { animation-direction: alternate-reverse; }
|
||||
/* Animation Duration */
|
||||
.a1 { -webkit-animation-duration: 150ms; animation-duration: 150ms; }
|
||||
.a2 { -webkit-animation-duration: 300ms; animation-duration: 300ms; }
|
||||
@ -57,7 +58,7 @@
|
||||
.ease { -webkit-animation-timing-function: ease; animation-timing-function: ease; }
|
||||
.ease-in { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
|
||||
.ease-in-quad { -webkit-animation-timing-function: cubic-bezier( .55, .085, .68, .53 ); animation-timing-function: cubic-bezier( .55, .085, .68, .53 ); }
|
||||
.ease-in-cubic { -webkit-animation-timing-function: cubic-bezier( .550, .055, .675, .19 ); animation-timing-function: cubic-bezier( .550, .055, .675, .19 ); }
|
||||
.ease-in-cubic { -webkit-animation-timing-function: cubic-bezier( .55, .055, .675, .19 ); animation-timing-function: cubic-bezier( .55, .055, .675, .19 ); }
|
||||
.ease-in-quart { -webkit-animation-timing-function: cubic-bezier( .895, .03, .685, .22 ); animation-timing-function: cubic-bezier( .895, .03, .685, .22 ); }
|
||||
.ease-in-quint { -webkit-animation-timing-function: cubic-bezier( .755, .05, .855, .06 ); animation-timing-function: cubic-bezier( .755, .05, .855, .06 ); }
|
||||
.ease-in-expo { -webkit-animation-timing-function: cubic-bezier( .95, .05, .795, .035 ); animation-timing-function: cubic-bezier( .95, .05, .795, .035 ); }
|
||||
@ -76,7 +77,151 @@
|
||||
.ease-in-out-quint { -webkit-animation-timing-function: cubic-bezier( .86, 0, .07, 1 ); animation-timing-function: cubic-bezier( .86, 0, .07, 1 ); }
|
||||
.ease-in-out-expo { -webkit-animation-timing-function: cubic-bezier( 1, 0, 0, 1 ); animation-timing-function: cubic-bezier( 1, 0, 0, 1 ); }
|
||||
.ease-in-out-circ { -webkit-animation-timing-function: cubic-bezier( .785, .135, .15, .86 ); animation-timing-function: cubic-bezier( .785, .135, .15, .86 ); }
|
||||
@media screen and (min-width: 30em) {/* COMING SOON */ }
|
||||
@media screen and (min-width: 30em) and (max-width: 60em) {/* COMING SOON */ }
|
||||
@media screen and (min-width: 60em) {/* COMING SOON */ }
|
||||
@media screen and (min-width: 30em) {/* Animation Play State */
|
||||
.pause-ns { -webkit-animation-play-state: paused; animation-play-state: paused; }/* Animation Iteration */
|
||||
.infinite-ns { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
|
||||
.double-ns { -webkit-animation-iteration-count: 2; animation-iteration-count: 2; }
|
||||
.triple-ns { -webkit-animation-iteration-count: 3; animation-iteration-count: 3; }/* Animation Direction */
|
||||
.reverse-ns { animation-direction: reverse; }
|
||||
.alternate-ns { -webkit-animation-direction: alternate; animation-direction: alternate; }
|
||||
.alternate-reverse-ns { animation-direction: alternate-reverse; }/* Animation Duration */
|
||||
.a1-ns { -webkit-animation-duration: 150ms; animation-duration: 150ms; }
|
||||
.a2-ns { -webkit-animation-duration: 300ms; animation-duration: 300ms; }
|
||||
.a3-ns { -webkit-animation-duration: 450ms; animation-duration: 450ms; }
|
||||
.a4-ns { -webkit-animation-duration: 600ms; animation-duration: 600ms; }
|
||||
.a5-ns { -webkit-animation-duration: 750ms; animation-duration: 750ms; }
|
||||
.a6-ns { -webkit-animation-duration: 900ms; animation-duration: 900ms; }
|
||||
.a-1-ns { -webkit-animation-duration: 1s; animation-duration: 1s; }
|
||||
.a-2-ns { -webkit-animation-duration: 2s; animation-duration: 2s; }
|
||||
.a-3-ns { -webkit-animation-duration: 3s; animation-duration: 3s; }/* Animation Delay */
|
||||
.d1-ns { -webkit-animation-delay: 150ms; animation-delay: 150ms; }
|
||||
.d2-ns { -webkit-animation-delay: 300ms; animation-delay: 300ms; }
|
||||
.d3-ns { -webkit-animation-delay: 450ms; animation-delay: 450ms; }
|
||||
.d4-ns { -webkit-animation-delay: 600ms; animation-delay: 600ms; }
|
||||
.d5-ns { -webkit-animation-delay: 750ms; animation-delay: 750ms; }
|
||||
.d6-ns { -webkit-animation-delay: 900ms; animation-delay: 900ms; }
|
||||
.d-1-ns { -webkit-animation-delay: 1s; animation-delay: 1s; }
|
||||
.d-2-ns { -webkit-animation-delay: 2s; animation-delay: 2s; }
|
||||
.d-3-ns { -webkit-animation-delay: 3s; animation-delay: 3s; }/* EASING BEZIER CURVES via https://gist.github.com/bendc/ac03faac0bf2aee25b49e5fd260a727d */
|
||||
.ease-ns { -webkit-animation-timing-function: ease; animation-timing-function: ease; }
|
||||
.ease-in-ns { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
|
||||
.ease-in-quad-ns { -webkit-animation-timing-function: cubic-bezier( .55, .085, .68, .53 ); animation-timing-function: cubic-bezier( .55, .085, .68, .53 ); }
|
||||
.ease-in-cubic-ns { -webkit-animation-timing-function: cubic-bezier( .55, .055, .675, .19 ); animation-timing-function: cubic-bezier( .55, .055, .675, .19 ); }
|
||||
.ease-in-quart-ns { -webkit-animation-timing-function: cubic-bezier( .895, .03, .685, .22 ); animation-timing-function: cubic-bezier( .895, .03, .685, .22 ); }
|
||||
.ease-in-quint-ns { -webkit-animation-timing-function: cubic-bezier( .755, .05, .855, .06 ); animation-timing-function: cubic-bezier( .755, .05, .855, .06 ); }
|
||||
.ease-in-expo-ns { -webkit-animation-timing-function: cubic-bezier( .95, .05, .795, .035 ); animation-timing-function: cubic-bezier( .95, .05, .795, .035 ); }
|
||||
.ease-in-circ-ns { -webkit-animation-timing-function: cubic-bezier( .6, .04, .98, .335 ); animation-timing-function: cubic-bezier( .6, .04, .98, .335 ); }
|
||||
.ease-out-ns { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
|
||||
.ease-out-quad-ns { -webkit-animation-timing-function: cubic-bezier( .25, .46, .45, .94 ); animation-timing-function: cubic-bezier( .25, .46, .45, .94 ); }
|
||||
.ease-out-cubic-ns { -webkit-animation-timing-function: cubic-bezier( .215, .61, .355, 1 ); animation-timing-function: cubic-bezier( .215, .61, .355, 1 ); }
|
||||
.ease-out-quart-ns { -webkit-animation-timing-function: cubic-bezier( .165, .84, .44, 1 ); animation-timing-function: cubic-bezier( .165, .84, .44, 1 ); }
|
||||
.ease-out-quint-ns { -webkit-animation-timing-function: cubic-bezier( .23, 1, .32, 1 ); animation-timing-function: cubic-bezier( .23, 1, .32, 1 ); }
|
||||
.ease-out-expo-ns { -webkit-animation-timing-function: cubic-bezier( .19, 1, .22, 1 ); animation-timing-function: cubic-bezier( .19, 1, .22, 1 ); }
|
||||
.ease-out-circ-ns { -webkit-animation-timing-function: cubic-bezier( .075, .82, .165, 1 ); animation-timing-function: cubic-bezier( .075, .82, .165, 1 ); }
|
||||
.ease-in-out-ns { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
|
||||
.ease-in-out-quad-ns { -webkit-animation-timing-function: cubic-bezier( .455, .03, .515, .955 ); animation-timing-function: cubic-bezier( .455, .03, .515, .955 ); }
|
||||
.ease-in-out-cubic-ns { -webkit-animation-timing-function: cubic-bezier( .645, .045, .355, 1 ); animation-timing-function: cubic-bezier( .645, .045, .355, 1 ); }
|
||||
.ease-in-out-quart-ns { -webkit-animation-timing-function: cubic-bezier( .77, 0, .175, 1 ); animation-timing-function: cubic-bezier( .77, 0, .175, 1 ); }
|
||||
.ease-in-out-quint-ns { -webkit-animation-timing-function: cubic-bezier( .86, 0, .07, 1 ); animation-timing-function: cubic-bezier( .86, 0, .07, 1 ); }
|
||||
.ease-in-out-expo-ns { -webkit-animation-timing-function: cubic-bezier( 1, 0, 0, 1 ); animation-timing-function: cubic-bezier( 1, 0, 0, 1 ); }
|
||||
.ease-in-out-circ-ns { -webkit-animation-timing-function: cubic-bezier( .785, .135, .15, .86 ); animation-timing-function: cubic-bezier( .785, .135, .15, .86 ); }
|
||||
}
|
||||
@media screen and (min-width: 30em) and (max-width: 60em) {/* Animation Play State */
|
||||
.pause-m { -webkit-animation-play-state: paused; animation-play-state: paused; }/* Animation Iteration */
|
||||
.infinite-m { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
|
||||
.double-m { -webkit-animation-iteration-count: 2; animation-iteration-count: 2; }
|
||||
.triple-m { -webkit-animation-iteration-count: 3; animation-iteration-count: 3; }/* Animation Direction */
|
||||
.reverse-m { animation-direction: reverse; }
|
||||
.alternate-m { -webkit-animation-direction: alternate; animation-direction: alternate; }
|
||||
.alternate-reverse-m { animation-direction: alternate-reverse; }/* Animation Duration */
|
||||
.a1-m { -webkit-animation-duration: 150ms; animation-duration: 150ms; }
|
||||
.a2-m { -webkit-animation-duration: 300ms; animation-duration: 300ms; }
|
||||
.a3-m { -webkit-animation-duration: 450ms; animation-duration: 450ms; }
|
||||
.a4-m { -webkit-animation-duration: 600ms; animation-duration: 600ms; }
|
||||
.a5-m { -webkit-animation-duration: 750ms; animation-duration: 750ms; }
|
||||
.a6-m { -webkit-animation-duration: 900ms; animation-duration: 900ms; }
|
||||
.a-1-m { -webkit-animation-duration: 1s; animation-duration: 1s; }
|
||||
.a-2-m { -webkit-animation-duration: 2s; animation-duration: 2s; }
|
||||
.a-3-m { -webkit-animation-duration: 3s; animation-duration: 3s; }/* Animation Delay */
|
||||
.d1-m { -webkit-animation-delay: 150ms; animation-delay: 150ms; }
|
||||
.d2-m { -webkit-animation-delay: 300ms; animation-delay: 300ms; }
|
||||
.d3-m { -webkit-animation-delay: 450ms; animation-delay: 450ms; }
|
||||
.d4-m { -webkit-animation-delay: 600ms; animation-delay: 600ms; }
|
||||
.d5-m { -webkit-animation-delay: 750ms; animation-delay: 750ms; }
|
||||
.d6-m { -webkit-animation-delay: 900ms; animation-delay: 900ms; }
|
||||
.d-1-m { -webkit-animation-delay: 1s; animation-delay: 1s; }
|
||||
.d-2-m { -webkit-animation-delay: 2s; animation-delay: 2s; }
|
||||
.d-3-m { -webkit-animation-delay: 3s; animation-delay: 3s; }/* EASING BEZIER CURVES via https://gist.github.com/bendc/ac03faac0bf2aee25b49e5fd260a727d */
|
||||
.ease-m { -webkit-animation-timing-function: ease; animation-timing-function: ease; }
|
||||
.ease-in-m { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
|
||||
.ease-in-quad-m { -webkit-animation-timing-function: cubic-bezier( .55, .085, .68, .53 ); animation-timing-function: cubic-bezier( .55, .085, .68, .53 ); }
|
||||
.ease-in-cubic-m { -webkit-animation-timing-function: cubic-bezier( .55, .055, .675, .19 ); animation-timing-function: cubic-bezier( .55, .055, .675, .19 ); }
|
||||
.ease-in-quart-m { -webkit-animation-timing-function: cubic-bezier( .895, .03, .685, .22 ); animation-timing-function: cubic-bezier( .895, .03, .685, .22 ); }
|
||||
.ease-in-quint-m { -webkit-animation-timing-function: cubic-bezier( .755, .05, .855, .06 ); animation-timing-function: cubic-bezier( .755, .05, .855, .06 ); }
|
||||
.ease-in-expo-m { -webkit-animation-timing-function: cubic-bezier( .95, .05, .795, .035 ); animation-timing-function: cubic-bezier( .95, .05, .795, .035 ); }
|
||||
.ease-in-circ-m { -webkit-animation-timing-function: cubic-bezier( .6, .04, .98, .335 ); animation-timing-function: cubic-bezier( .6, .04, .98, .335 ); }
|
||||
.ease-out-m { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
|
||||
.ease-out-quad-m { -webkit-animation-timing-function: cubic-bezier( .25, .46, .45, .94 ); animation-timing-function: cubic-bezier( .25, .46, .45, .94 ); }
|
||||
.ease-out-cubic-m { -webkit-animation-timing-function: cubic-bezier( .215, .61, .355, 1 ); animation-timing-function: cubic-bezier( .215, .61, .355, 1 ); }
|
||||
.ease-out-quart-m { -webkit-animation-timing-function: cubic-bezier( .165, .84, .44, 1 ); animation-timing-function: cubic-bezier( .165, .84, .44, 1 ); }
|
||||
.ease-out-quint-m { -webkit-animation-timing-function: cubic-bezier( .23, 1, .32, 1 ); animation-timing-function: cubic-bezier( .23, 1, .32, 1 ); }
|
||||
.ease-out-expo-m { -webkit-animation-timing-function: cubic-bezier( .19, 1, .22, 1 ); animation-timing-function: cubic-bezier( .19, 1, .22, 1 ); }
|
||||
.ease-out-circ-m { -webkit-animation-timing-function: cubic-bezier( .075, .82, .165, 1 ); animation-timing-function: cubic-bezier( .075, .82, .165, 1 ); }
|
||||
.ease-in-out-m { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
|
||||
.ease-in-out-quad-m { -webkit-animation-timing-function: cubic-bezier( .455, .03, .515, .955 ); animation-timing-function: cubic-bezier( .455, .03, .515, .955 ); }
|
||||
.ease-in-out-cubic-m { -webkit-animation-timing-function: cubic-bezier( .645, .045, .355, 1 ); animation-timing-function: cubic-bezier( .645, .045, .355, 1 ); }
|
||||
.ease-in-out-quart-m { -webkit-animation-timing-function: cubic-bezier( .77, 0, .175, 1 ); animation-timing-function: cubic-bezier( .77, 0, .175, 1 ); }
|
||||
.ease-in-out-quint-m { -webkit-animation-timing-function: cubic-bezier( .86, 0, .07, 1 ); animation-timing-function: cubic-bezier( .86, 0, .07, 1 ); }
|
||||
.ease-in-out-expo-m { -webkit-animation-timing-function: cubic-bezier( 1, 0, 0, 1 ); animation-timing-function: cubic-bezier( 1, 0, 0, 1 ); }
|
||||
.ease-in-out-circ-m { -webkit-animation-timing-function: cubic-bezier( .785, .135, .15, .86 ); animation-timing-function: cubic-bezier( .785, .135, .15, .86 ); }
|
||||
}
|
||||
@media screen and (min-width: 60em) {/* Animation Play State */
|
||||
.pause-l { -webkit-animation-play-state: paused; animation-play-state: paused; }/* Animation Iteration */
|
||||
.infinite-l { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
|
||||
.double-l { -webkit-animation-iteration-count: 2; animation-iteration-count: 2; }
|
||||
.triple-l { -webkit-animation-iteration-count: 3; animation-iteration-count: 3; }/* Animation Direction */
|
||||
.reverse-l { animation-direction: reverse; }
|
||||
.alternate-l { -webkit-animation-direction: alternate; animation-direction: alternate; }
|
||||
.alternate-reverse-l { animation-direction: alternate-reverse; }/* Animation Duration */
|
||||
.a1-l { -webkit-animation-duration: 150ms; animation-duration: 150ms; }
|
||||
.a2-l { -webkit-animation-duration: 300ms; animation-duration: 300ms; }
|
||||
.a3-l { -webkit-animation-duration: 450ms; animation-duration: 450ms; }
|
||||
.a4-l { -webkit-animation-duration: 600ms; animation-duration: 600ms; }
|
||||
.a5-l { -webkit-animation-duration: 750ms; animation-duration: 750ms; }
|
||||
.a6-l { -webkit-animation-duration: 900ms; animation-duration: 900ms; }
|
||||
.a-1-l { -webkit-animation-duration: 1s; animation-duration: 1s; }
|
||||
.a-2-l { -webkit-animation-duration: 2s; animation-duration: 2s; }
|
||||
.a-3-l { -webkit-animation-duration: 3s; animation-duration: 3s; }/* Animation Delay */
|
||||
.d1-l { -webkit-animation-delay: 150ms; animation-delay: 150ms; }
|
||||
.d2-l { -webkit-animation-delay: 300ms; animation-delay: 300ms; }
|
||||
.d3-l { -webkit-animation-delay: 450ms; animation-delay: 450ms; }
|
||||
.d4-l { -webkit-animation-delay: 600ms; animation-delay: 600ms; }
|
||||
.d5-l { -webkit-animation-delay: 750ms; animation-delay: 750ms; }
|
||||
.d6-l { -webkit-animation-delay: 900ms; animation-delay: 900ms; }
|
||||
.d-1-l { -webkit-animation-delay: 1s; animation-delay: 1s; }
|
||||
.d-2-l { -webkit-animation-delay: 2s; animation-delay: 2s; }
|
||||
.d-3-l { -webkit-animation-delay: 3s; animation-delay: 3s; }/* EASING BEZIER CURVES via https://gist.github.com/bendc/ac03faac0bf2aee25b49e5fd260a727d */
|
||||
.ease-l { -webkit-animation-timing-function: ease; animation-timing-function: ease; }
|
||||
.ease-in-l { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
|
||||
.ease-in-quad-l { -webkit-animation-timing-function: cubic-bezier( .55, .085, .68, .53 ); animation-timing-function: cubic-bezier( .55, .085, .68, .53 ); }
|
||||
.ease-in-cubic-l { -webkit-animation-timing-function: cubic-bezier( .55, .055, .675, .19 ); animation-timing-function: cubic-bezier( .55, .055, .675, .19 ); }
|
||||
.ease-in-quart-l { -webkit-animation-timing-function: cubic-bezier( .895, .03, .685, .22 ); animation-timing-function: cubic-bezier( .895, .03, .685, .22 ); }
|
||||
.ease-in-quint-l { -webkit-animation-timing-function: cubic-bezier( .755, .05, .855, .06 ); animation-timing-function: cubic-bezier( .755, .05, .855, .06 ); }
|
||||
.ease-in-expo-l { -webkit-animation-timing-function: cubic-bezier( .95, .05, .795, .035 ); animation-timing-function: cubic-bezier( .95, .05, .795, .035 ); }
|
||||
.ease-in-circ-l { -webkit-animation-timing-function: cubic-bezier( .6, .04, .98, .335 ); animation-timing-function: cubic-bezier( .6, .04, .98, .335 ); }
|
||||
.ease-out-l { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
|
||||
.ease-out-quad-l { -webkit-animation-timing-function: cubic-bezier( .25, .46, .45, .94 ); animation-timing-function: cubic-bezier( .25, .46, .45, .94 ); }
|
||||
.ease-out-cubic-l { -webkit-animation-timing-function: cubic-bezier( .215, .61, .355, 1 ); animation-timing-function: cubic-bezier( .215, .61, .355, 1 ); }
|
||||
.ease-out-quart-l { -webkit-animation-timing-function: cubic-bezier( .165, .84, .44, 1 ); animation-timing-function: cubic-bezier( .165, .84, .44, 1 ); }
|
||||
.ease-out-quint-l { -webkit-animation-timing-function: cubic-bezier( .23, 1, .32, 1 ); animation-timing-function: cubic-bezier( .23, 1, .32, 1 ); }
|
||||
.ease-out-expo-l { -webkit-animation-timing-function: cubic-bezier( .19, 1, .22, 1 ); animation-timing-function: cubic-bezier( .19, 1, .22, 1 ); }
|
||||
.ease-out-circ-l { -webkit-animation-timing-function: cubic-bezier( .075, .82, .165, 1 ); animation-timing-function: cubic-bezier( .075, .82, .165, 1 ); }
|
||||
.ease-in-out-l { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
|
||||
.ease-in-out-quad-l { -webkit-animation-timing-function: cubic-bezier( .455, .03, .515, .955 ); animation-timing-function: cubic-bezier( .455, .03, .515, .955 ); }
|
||||
.ease-in-out-cubic-l { -webkit-animation-timing-function: cubic-bezier( .645, .045, .355, 1 ); animation-timing-function: cubic-bezier( .645, .045, .355, 1 ); }
|
||||
.ease-in-out-quart-l { -webkit-animation-timing-function: cubic-bezier( .77, 0, .175, 1 ); animation-timing-function: cubic-bezier( .77, 0, .175, 1 ); }
|
||||
.ease-in-out-quint-l { -webkit-animation-timing-function: cubic-bezier( .86, 0, .07, 1 ); animation-timing-function: cubic-bezier( .86, 0, .07, 1 ); }
|
||||
.ease-in-out-expo-l { -webkit-animation-timing-function: cubic-bezier( 1, 0, 0, 1 ); animation-timing-function: cubic-bezier( 1, 0, 0, 1 ); }
|
||||
.ease-in-out-circ-l { -webkit-animation-timing-function: cubic-bezier( .785, .135, .15, .86 ); animation-timing-function: cubic-bezier( .785, .135, .15, .86 ); }
|
||||
}
|
||||
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -3,8 +3,9 @@
|
||||
# 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
|
||||
Wrap the outer element in aspect-ratio and then extend it with the desired ratio.
|
||||
Make sure there are no height and width attributes on the embedded media.
|
||||
|
||||
Adapted from: https://github.com/suitcss/components-flex-embed
|
||||
|
||||
### Docs
|
||||
@ -13,7 +14,7 @@ https://tachyons.io/docs/layout/aspect-ratios
|
||||
|
||||
### Base
|
||||
|
||||
- aspect-ratio = aspect ratio
|
||||
- `aspect-ratio` = aspect ratio
|
||||
|
||||
### Modifiers
|
||||
|
||||
|
||||
@ -3,8 +3,9 @@
|
||||
# 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
|
||||
Wrap the outer element in aspect-ratio and then extend it with the desired ratio.
|
||||
Make sure there are no height and width attributes on the embedded media.
|
||||
|
||||
Adapted from: https://github.com/suitcss/components-flex-embed
|
||||
|
||||
### Docs
|
||||
@ -13,7 +14,7 @@ https://tachyons.io/docs/layout/aspect-ratios
|
||||
|
||||
### Base
|
||||
|
||||
- aspect-ratio = aspect ratio
|
||||
- `aspect-ratio` = aspect ratio
|
||||
|
||||
### Modifiers
|
||||
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
873 | 52 | 84
|
||||
877 | 52 | 84
|
||||
---|---|---
|
||||
bytes | selectors | declarations
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
@ -79,8 +79,9 @@ Running `$ npm start` will process the source css and place the built css in the
|
||||
# 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
|
||||
Wrap the outer element in aspect-ratio and then extend it with the desired ratio.
|
||||
Make sure there are no height and width attributes on the embedded media.
|
||||
|
||||
Adapted from: https://github.com/suitcss/components-flex-embed
|
||||
|
||||
### Docs
|
||||
@ -89,7 +90,7 @@ https://tachyons.io/docs/layout/aspect-ratios
|
||||
|
||||
### Base
|
||||
|
||||
- aspect-ratio = aspect ratio
|
||||
- `aspect-ratio` = aspect ratio
|
||||
|
||||
### Modifiers
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -74,7 +74,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -30,10 +30,10 @@ http://tachyons.io/docs/themes/border-radius/
|
||||
- `-l` = large
|
||||
*/
|
||||
.br0 { border-radius: 0; }
|
||||
.br1 { border-radius: .125rem; }
|
||||
.br2 { border-radius: .25rem; }
|
||||
.br3 { border-radius: .5rem; }
|
||||
.br4 { border-radius: 1rem; }
|
||||
.br1 { border-radius: 3px; }
|
||||
.br2 { border-radius: 5px; }
|
||||
.br3 { border-radius: 9px; }
|
||||
.br4 { border-radius: 17px; }
|
||||
.br-100 { border-radius: 100%; }
|
||||
.br-pill { border-radius: 9999px; }
|
||||
.br--bottom { border-top-left-radius: 0; border-top-right-radius: 0; }
|
||||
@ -42,10 +42,10 @@ http://tachyons.io/docs/themes/border-radius/
|
||||
.br--left { border-top-right-radius: 0; border-bottom-right-radius: 0; }
|
||||
@media screen and (min-width: 30em) {
|
||||
.br0-s { border-radius: 0; }
|
||||
.br1-s { border-radius: .125rem; }
|
||||
.br2-s { border-radius: .25rem; }
|
||||
.br3-s { border-radius: .5rem; }
|
||||
.br4-s { border-radius: 1rem; }
|
||||
.br1-s { border-radius: 3px; }
|
||||
.br2-s { border-radius: 5px; }
|
||||
.br3-s { border-radius: 9px; }
|
||||
.br4-s { border-radius: 17px; }
|
||||
.br-100-s { border-radius: 100%; }
|
||||
.br-pill-s { border-radius: 9999px; }
|
||||
.br--bottom-s { border-top-left-radius: 0; border-top-right-radius: 0; }
|
||||
@ -55,10 +55,10 @@ http://tachyons.io/docs/themes/border-radius/
|
||||
}
|
||||
@media screen and (min-width: 48em) {
|
||||
.br0-m { border-radius: 0; }
|
||||
.br1-m { border-radius: .125rem; }
|
||||
.br2-m { border-radius: .25rem; }
|
||||
.br3-m { border-radius: .5rem; }
|
||||
.br4-m { border-radius: 1rem; }
|
||||
.br1-m { border-radius: 3px; }
|
||||
.br2-m { border-radius: 5px; }
|
||||
.br3-m { border-radius: 9px; }
|
||||
.br4-m { border-radius: 17px; }
|
||||
.br-100-m { border-radius: 100%; }
|
||||
.br-pill-m { border-radius: 9999px; }
|
||||
.br--bottom-m { border-top-left-radius: 0; border-top-right-radius: 0; }
|
||||
@ -68,10 +68,10 @@ http://tachyons.io/docs/themes/border-radius/
|
||||
}
|
||||
@media screen and (min-width: 60em) {
|
||||
.br0-l { border-radius: 0; }
|
||||
.br1-l { border-radius: .125rem; }
|
||||
.br2-l { border-radius: .25rem; }
|
||||
.br3-l { border-radius: .5rem; }
|
||||
.br4-l { border-radius: 1rem; }
|
||||
.br1-l { border-radius: 3px; }
|
||||
.br2-l { border-radius: 5px; }
|
||||
.br3-l { border-radius: 9px; }
|
||||
.br4-l { border-radius: 17px; }
|
||||
.br-100-l { border-radius: 100%; }
|
||||
.br-pill-l { border-radius: 9999px; }
|
||||
.br--bottom-l { border-top-left-radius: 0; border-top-right-radius: 0; }
|
||||
|
||||
@ -28,5 +28,5 @@ http://tachyons.io/docs/themes/border-radius/
|
||||
- `-s` = small
|
||||
- `-m` = medium
|
||||
- `-l` = large
|
||||
*/.br0{border-radius:0}.br1{border-radius:.125rem}.br2{border-radius:.25rem}.br3{border-radius:.5rem}.br4{border-radius:1rem}.br-100{border-radius:100%}.br-pill{border-radius:9999px}.br--bottom{border-top-left-radius:0;border-top-right-radius:0}.br--top{border-bottom-right-radius:0}.br--right,.br--top{border-bottom-left-radius:0}.br--right{border-top-left-radius:0}.br--left{border-top-right-radius:0;border-bottom-right-radius:0}@media screen and (min-width:30em){.br0-s{border-radius:0}.br1-s{border-radius:.125rem}.br2-s{border-radius:.25rem}.br3-s{border-radius:.5rem}.br4-s{border-radius:1rem}.br-100-s{border-radius:100%}.br-pill-s{border-radius:9999px}.br--bottom-s{border-top-left-radius:0;border-top-right-radius:0}.br--top-s{border-bottom-right-radius:0}.br--right-s,.br--top-s{border-bottom-left-radius:0}.br--right-s{border-top-left-radius:0}.br--left-s{border-top-right-radius:0;border-bottom-right-radius:0}}@media screen and (min-width:48em){.br0-m{border-radius:0}.br1-m{border-radius:.125rem}.br2-m{border-radius:.25rem}.br3-m{border-radius:.5rem}.br4-m{border-radius:1rem}.br-100-m{border-radius:100%}.br-pill-m{border-radius:9999px}.br--bottom-m{border-top-left-radius:0;border-top-right-radius:0}.br--top-m{border-bottom-right-radius:0}.br--right-m,.br--top-m{border-bottom-left-radius:0}.br--right-m{border-top-left-radius:0}.br--left-m{border-top-right-radius:0;border-bottom-right-radius:0}}@media screen and (min-width:60em){.br0-l{border-radius:0}.br1-l{border-radius:.125rem}.br2-l{border-radius:.25rem}.br3-l{border-radius:.5rem}.br4-l{border-radius:1rem}.br-100-l{border-radius:100%}.br-pill-l{border-radius:9999px}.br--bottom-l{border-top-left-radius:0;border-top-right-radius:0}.br--top-l{border-bottom-right-radius:0}.br--right-l,.br--top-l{border-bottom-left-radius:0}.br--right-l{border-top-left-radius:0}.br--left-l{border-top-right-radius:0;border-bottom-right-radius:0}}
|
||||
*/.br0{border-radius:0}.br1{border-radius:3px}.br2{border-radius:5px}.br3{border-radius:9px}.br4{border-radius:17px}.br-100{border-radius:100%}.br-pill{border-radius:9999px}.br--bottom{border-top-left-radius:0;border-top-right-radius:0}.br--top{border-bottom-right-radius:0}.br--right,.br--top{border-bottom-left-radius:0}.br--right{border-top-left-radius:0}.br--left{border-top-right-radius:0;border-bottom-right-radius:0}@media screen and (min-width:30em){.br0-s{border-radius:0}.br1-s{border-radius:3px}.br2-s{border-radius:5px}.br3-s{border-radius:9px}.br4-s{border-radius:17px}.br-100-s{border-radius:100%}.br-pill-s{border-radius:9999px}.br--bottom-s{border-top-left-radius:0;border-top-right-radius:0}.br--top-s{border-bottom-right-radius:0}.br--right-s,.br--top-s{border-bottom-left-radius:0}.br--right-s{border-top-left-radius:0}.br--left-s{border-top-right-radius:0;border-bottom-right-radius:0}}@media screen and (min-width:48em){.br0-m{border-radius:0}.br1-m{border-radius:3px}.br2-m{border-radius:5px}.br3-m{border-radius:9px}.br4-m{border-radius:17px}.br-100-m{border-radius:100%}.br-pill-m{border-radius:9999px}.br--bottom-m{border-top-left-radius:0;border-top-right-radius:0}.br--top-m{border-bottom-right-radius:0}.br--right-m,.br--top-m{border-bottom-left-radius:0}.br--right-m{border-top-left-radius:0}.br--left-m{border-top-right-radius:0;border-bottom-right-radius:0}}@media screen and (min-width:60em){.br0-l{border-radius:0}.br1-l{border-radius:3px}.br2-l{border-radius:5px}.br3-l{border-radius:9px}.br4-l{border-radius:17px}.br-100-l{border-radius:100%}.br-pill-l{border-radius:9999px}.br--bottom-l{border-top-left-radius:0;border-top-right-radius:0}.br--top-l{border-bottom-right-radius:0}.br--right-l,.br--top-l{border-bottom-left-radius:0}.br--right-l{border-top-left-radius:0}.br--left-l{border-top-right-radius:0;border-bottom-right-radius:0}}
|
||||
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
542 | 44 | 60
|
||||
544 | 44 | 60
|
||||
---|---|---
|
||||
bytes | selectors | declarations
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
@ -106,10 +106,10 @@ http://tachyons.io/docs/themes/border-radius/
|
||||
- `-l` = large
|
||||
*/
|
||||
.br0 { border-radius: 0; }
|
||||
.br1 { border-radius: .125rem; }
|
||||
.br2 { border-radius: .25rem; }
|
||||
.br3 { border-radius: .5rem; }
|
||||
.br4 { border-radius: 1rem; }
|
||||
.br1 { border-radius: 3px; }
|
||||
.br2 { border-radius: 5px; }
|
||||
.br3 { border-radius: 9px; }
|
||||
.br4 { border-radius: 17px; }
|
||||
.br-100 { border-radius: 100%; }
|
||||
.br-pill { border-radius: 9999px; }
|
||||
.br--bottom { border-top-left-radius: 0; border-top-right-radius: 0; }
|
||||
@ -118,10 +118,10 @@ http://tachyons.io/docs/themes/border-radius/
|
||||
.br--left { border-top-right-radius: 0; border-bottom-right-radius: 0; }
|
||||
@media screen and (min-width: 30em) {
|
||||
.br0-s { border-radius: 0; }
|
||||
.br1-s { border-radius: .125rem; }
|
||||
.br2-s { border-radius: .25rem; }
|
||||
.br3-s { border-radius: .5rem; }
|
||||
.br4-s { border-radius: 1rem; }
|
||||
.br1-s { border-radius: 3px; }
|
||||
.br2-s { border-radius: 5px; }
|
||||
.br3-s { border-radius: 9px; }
|
||||
.br4-s { border-radius: 17px; }
|
||||
.br-100-s { border-radius: 100%; }
|
||||
.br-pill-s { border-radius: 9999px; }
|
||||
.br--bottom-s { border-top-left-radius: 0; border-top-right-radius: 0; }
|
||||
@ -131,10 +131,10 @@ http://tachyons.io/docs/themes/border-radius/
|
||||
}
|
||||
@media screen and (min-width: 48em) {
|
||||
.br0-m { border-radius: 0; }
|
||||
.br1-m { border-radius: .125rem; }
|
||||
.br2-m { border-radius: .25rem; }
|
||||
.br3-m { border-radius: .5rem; }
|
||||
.br4-m { border-radius: 1rem; }
|
||||
.br1-m { border-radius: 3px; }
|
||||
.br2-m { border-radius: 5px; }
|
||||
.br3-m { border-radius: 9px; }
|
||||
.br4-m { border-radius: 17px; }
|
||||
.br-100-m { border-radius: 100%; }
|
||||
.br-pill-m { border-radius: 9999px; }
|
||||
.br--bottom-m { border-top-left-radius: 0; border-top-right-radius: 0; }
|
||||
@ -144,10 +144,10 @@ http://tachyons.io/docs/themes/border-radius/
|
||||
}
|
||||
@media screen and (min-width: 60em) {
|
||||
.br0-l { border-radius: 0; }
|
||||
.br1-l { border-radius: .125rem; }
|
||||
.br2-l { border-radius: .25rem; }
|
||||
.br3-l { border-radius: .5rem; }
|
||||
.br4-l { border-radius: 1rem; }
|
||||
.br1-l { border-radius: 3px; }
|
||||
.br2-l { border-radius: 5px; }
|
||||
.br3-l { border-radius: 9px; }
|
||||
.br4-l { border-radius: 17px; }
|
||||
.br-100-l { border-radius: 100%; }
|
||||
.br-pill-l { border-radius: 9999px; }
|
||||
.br--bottom-l { border-top-left-radius: 0; border-top-right-radius: 0; }
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -59,7 +59,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -62,7 +62,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons-colors@5.3.3/css/tachyons-colors.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons-colors@7.0.1-1/css/tachyons-colors.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -42,7 +42,7 @@
|
||||
--gray-8: #c3c5c8;
|
||||
--gray-9: #dddedf;
|
||||
--gray-10: #f7f7f7;
|
||||
--white: #f7f7f7;
|
||||
--white: #ffffff;
|
||||
|
||||
--green-0: #044324;
|
||||
--green-1: #05532d;
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -66,7 +66,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -36,9 +36,6 @@ http://tachyons.io/docs/layout/display
|
||||
.dt { display: table; }
|
||||
.dtc { display: table-cell; }
|
||||
.dt-row { display: table-row; }
|
||||
.dt-row-group { display: table-row-group; }
|
||||
.dt-column { display: table-column; }
|
||||
.dt-column-group { display: table-column-group; }
|
||||
/*
|
||||
This will set table to full width and then
|
||||
all cells will be equal width
|
||||
@ -53,9 +50,6 @@ http://tachyons.io/docs/layout/display
|
||||
.dt-s { display: table; }
|
||||
.dtc-s { display: table-cell; }
|
||||
.dt-row-s { display: table-row; }
|
||||
.dt-row-group-s { display: table-row-group; }
|
||||
.dt-column-s { display: table-column; }
|
||||
.dt-column-group-s { display: table-column-group; }
|
||||
.dt--fixed-s { table-layout: fixed; width: 100%; }
|
||||
}
|
||||
@media screen and (min-width: 48em) {
|
||||
@ -81,9 +75,6 @@ http://tachyons.io/docs/layout/display
|
||||
.dt-l { display: table; }
|
||||
.dtc-l { display: table-cell; }
|
||||
.dt-row-l { display: table-row; }
|
||||
.dt-row-group-l { display: table-row-group; }
|
||||
.dt-column-l { display: table-column; }
|
||||
.dt-column-group-l { display: table-column-group; }
|
||||
.dt--fixed-l { table-layout: fixed; width: 100%; }
|
||||
}
|
||||
|
||||
|
||||
@ -27,5 +27,5 @@ http://tachyons.io/docs/layout/display
|
||||
- `-s` = small
|
||||
- `-m` = medium
|
||||
- `-l` = large
|
||||
*/.dn{display:none}.di{display:inline}.db{display:block}.dib{display:inline-block}.dit{display:inline-table}.dt{display:table}.dtc{display:table-cell}.dt-row{display:table-row}.dt-row-group{display:table-row-group}.dt-column{display:table-column}.dt-column-group{display:table-column-group}.dt--fixed{table-layout:fixed;width:100%}@media screen and (min-width:30em){.dn-s{display:none}.di-s{display:inline}.db-s{display:block}.dib-s{display:inline-block}.dit-s{display:inline-table}.dt-s{display:table}.dtc-s{display:table-cell}.dt-row-s{display:table-row}.dt-row-group-s{display:table-row-group}.dt-column-s{display:table-column}.dt-column-group-s{display:table-column-group}.dt--fixed-s{table-layout:fixed;width:100%}}@media screen and (min-width:48em){.dn-m{display:none}.di-m{display:inline}.db-m{display:block}.dib-m{display:inline-block}.dit-m{display:inline-table}.dt-m{display:table}.dtc-m{display:table-cell}.dt-row-m{display:table-row}.dt-row-group-m{display:table-row-group}.dt-column-m{display:table-column}.dt-column-group-m{display:table-column-group}.dt--fixed-m{table-layout:fixed;width:100%}}@media screen and (min-width:60em){.dn-l{display:none}.di-l{display:inline}.db-l{display:block}.dib-l{display:inline-block}.dit-l{display:inline-table}.dt-l{display:table}.dtc-l{display:table-cell}.dt-row-l{display:table-row}.dt-row-group-l{display:table-row-group}.dt-column-l{display:table-column}.dt-column-group-l{display:table-column-group}.dt--fixed-l{table-layout:fixed;width:100%}}
|
||||
*/.dn{display:none}.di{display:inline}.db{display:block}.dib{display:inline-block}.dit{display:inline-table}.dt{display:table}.dtc{display:table-cell}.dt-row{display:table-row}.dt--fixed{table-layout:fixed;width:100%}@media screen and (min-width:30em){.dn-s{display:none}.di-s{display:inline}.db-s{display:block}.dib-s{display:inline-block}.dit-s{display:inline-table}.dt-s{display:table}.dtc-s{display:table-cell}.dt-row-s{display:table-row}.dt--fixed-s{table-layout:fixed;width:100%}}@media screen and (min-width:48em){.dn-m{display:none}.di-m{display:inline}.db-m{display:block}.dib-m{display:inline-block}.dit-m{display:inline-table}.dt-m{display:table}.dtc-m{display:table-cell}.dt-row-m{display:table-row}.dt-row-group-m{display:table-row-group}.dt-column-m{display:table-column}.dt-column-group-m{display:table-column-group}.dt--fixed-m{table-layout:fixed;width:100%}}@media screen and (min-width:60em){.dn-l{display:none}.di-l{display:inline}.db-l{display:block}.dib-l{display:inline-block}.dit-l{display:inline-table}.dt-l{display:table}.dtc-l{display:table-cell}.dt-row-l{display:table-row}.dt--fixed-l{table-layout:fixed;width:100%}}
|
||||
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
564 | 48 | 52
|
||||
529 | 39 | 43
|
||||
---|---|---
|
||||
bytes | selectors | declarations
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
@ -112,9 +112,6 @@ http://tachyons.io/docs/layout/display
|
||||
.dt { display: table; }
|
||||
.dtc { display: table-cell; }
|
||||
.dt-row { display: table-row; }
|
||||
.dt-row-group { display: table-row-group; }
|
||||
.dt-column { display: table-column; }
|
||||
.dt-column-group { display: table-column-group; }
|
||||
/*
|
||||
This will set table to full width and then
|
||||
all cells will be equal width
|
||||
@ -129,9 +126,6 @@ http://tachyons.io/docs/layout/display
|
||||
.dt-s { display: table; }
|
||||
.dtc-s { display: table-cell; }
|
||||
.dt-row-s { display: table-row; }
|
||||
.dt-row-group-s { display: table-row-group; }
|
||||
.dt-column-s { display: table-column; }
|
||||
.dt-column-group-s { display: table-column-group; }
|
||||
.dt--fixed-s { table-layout: fixed; width: 100%; }
|
||||
}
|
||||
@media screen and (min-width: 48em) {
|
||||
@ -157,9 +151,6 @@ http://tachyons.io/docs/layout/display
|
||||
.dt-l { display: table; }
|
||||
.dtc-l { display: table-cell; }
|
||||
.dt-row-l { display: table-row; }
|
||||
.dt-row-group-l { display: table-row-group; }
|
||||
.dt-column-l { display: table-column; }
|
||||
.dt-column-group-l { display: table-column-group; }
|
||||
.dt--fixed-l { table-layout: fixed; width: 100%; }
|
||||
}
|
||||
```
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -80,7 +80,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -25,7 +25,6 @@ http://tachyons.io/docs/typography/font-weight/
|
||||
### Literal Values
|
||||
|
||||
- b = bold
|
||||
- normal = normal
|
||||
|
||||
### Media Query Extensions
|
||||
|
||||
@ -33,7 +32,6 @@ http://tachyons.io/docs/typography/font-weight/
|
||||
- `-m` = medium
|
||||
- `-l` = large
|
||||
*/
|
||||
.normal { font-weight: normal; }
|
||||
.b { font-weight: bold; }
|
||||
.fw1 { font-weight: 100; }
|
||||
.fw2 { font-weight: 200; }
|
||||
@ -45,7 +43,6 @@ http://tachyons.io/docs/typography/font-weight/
|
||||
.fw8 { font-weight: 800; }
|
||||
.fw9 { font-weight: 900; }
|
||||
@media screen and (min-width: 30em) {
|
||||
.normal-s { font-weight: normal; }
|
||||
.b-s { font-weight: bold; }
|
||||
.fw1-s { font-weight: 100; }
|
||||
.fw2-s { font-weight: 200; }
|
||||
@ -58,7 +55,6 @@ http://tachyons.io/docs/typography/font-weight/
|
||||
.fw9-s { font-weight: 900; }
|
||||
}
|
||||
@media screen and (min-width: 48em) {
|
||||
.normal-m { font-weight: normal; }
|
||||
.b-m { font-weight: bold; }
|
||||
.fw1-m { font-weight: 100; }
|
||||
.fw2-m { font-weight: 200; }
|
||||
@ -71,7 +67,6 @@ http://tachyons.io/docs/typography/font-weight/
|
||||
.fw9-m { font-weight: 900; }
|
||||
}
|
||||
@media screen and (min-width: 60em) {
|
||||
.normal-l { font-weight: normal; }
|
||||
.b-l { font-weight: bold; }
|
||||
.fw1-l { font-weight: 100; }
|
||||
.fw2-l { font-weight: 200; }
|
||||
|
||||
@ -25,12 +25,11 @@ http://tachyons.io/docs/typography/font-weight/
|
||||
### Literal Values
|
||||
|
||||
- b = bold
|
||||
- normal = normal
|
||||
|
||||
### Media Query Extensions
|
||||
|
||||
- `-s` = small
|
||||
- `-m` = medium
|
||||
- `-l` = large
|
||||
*/.normal{font-weight:400}.b{font-weight:700}.fw1{font-weight:100}.fw2{font-weight:200}.fw3{font-weight:300}.fw4{font-weight:400}.fw5{font-weight:500}.fw6{font-weight:600}.fw7{font-weight:700}.fw8{font-weight:800}.fw9{font-weight:900}@media screen and (min-width:30em){.normal-s{font-weight:400}.b-s{font-weight:700}.fw1-s{font-weight:100}.fw2-s{font-weight:200}.fw3-s{font-weight:300}.fw4-s{font-weight:400}.fw5-s{font-weight:500}.fw6-s{font-weight:600}.fw7-s{font-weight:700}.fw8-s{font-weight:800}.fw9-s{font-weight:900}}@media screen and (min-width:48em){.normal-m{font-weight:400}.b-m{font-weight:700}.fw1-m{font-weight:100}.fw2-m{font-weight:200}.fw3-m{font-weight:300}.fw4-m{font-weight:400}.fw5-m{font-weight:500}.fw6-m{font-weight:600}.fw7-m{font-weight:700}.fw8-m{font-weight:800}.fw9-m{font-weight:900}}@media screen and (min-width:60em){.normal-l{font-weight:400}.b-l{font-weight:700}.fw1-l{font-weight:100}.fw2-l{font-weight:200}.fw3-l{font-weight:300}.fw4-l{font-weight:400}.fw5-l{font-weight:500}.fw6-l{font-weight:600}.fw7-l{font-weight:700}.fw8-l{font-weight:800}.fw9-l{font-weight:900}}
|
||||
*/.b{font-weight:700}.fw1{font-weight:100}.fw2{font-weight:200}.fw3{font-weight:300}.fw4{font-weight:400}.fw5{font-weight:500}.fw6{font-weight:600}.fw7{font-weight:700}.fw8{font-weight:800}.fw9{font-weight:900}@media screen and (min-width:30em){.b-s{font-weight:700}.fw1-s{font-weight:100}.fw2-s{font-weight:200}.fw3-s{font-weight:300}.fw4-s{font-weight:400}.fw5-s{font-weight:500}.fw6-s{font-weight:600}.fw7-s{font-weight:700}.fw8-s{font-weight:800}.fw9-s{font-weight:900}}@media screen and (min-width:48em){.b-m{font-weight:700}.fw1-m{font-weight:100}.fw2-m{font-weight:200}.fw3-m{font-weight:300}.fw4-m{font-weight:400}.fw5-m{font-weight:500}.fw6-m{font-weight:600}.fw7-m{font-weight:700}.fw8-m{font-weight:800}.fw9-m{font-weight:900}}@media screen and (min-width:60em){.b-l{font-weight:700}.fw1-l{font-weight:100}.fw2-l{font-weight:200}.fw3-l{font-weight:300}.fw4-l{font-weight:400}.fw5-l{font-weight:500}.fw6-l{font-weight:600}.fw7-l{font-weight:700}.fw8-l{font-weight:800}.fw9-l{font-weight:900}}
|
||||
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
479 | 44 | 44
|
||||
452 | 40 | 40
|
||||
---|---|---
|
||||
bytes | selectors | declarations
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
@ -101,7 +101,6 @@ http://tachyons.io/docs/typography/font-weight/
|
||||
### Literal Values
|
||||
|
||||
- b = bold
|
||||
- normal = normal
|
||||
|
||||
### Media Query Extensions
|
||||
|
||||
@ -109,7 +108,6 @@ http://tachyons.io/docs/typography/font-weight/
|
||||
- `-m` = medium
|
||||
- `-l` = large
|
||||
*/
|
||||
.normal { font-weight: normal; }
|
||||
.b { font-weight: bold; }
|
||||
.fw1 { font-weight: 100; }
|
||||
.fw2 { font-weight: 200; }
|
||||
@ -121,7 +119,6 @@ http://tachyons.io/docs/typography/font-weight/
|
||||
.fw8 { font-weight: 800; }
|
||||
.fw9 { font-weight: 900; }
|
||||
@media screen and (min-width: 30em) {
|
||||
.normal-s { font-weight: normal; }
|
||||
.b-s { font-weight: bold; }
|
||||
.fw1-s { font-weight: 100; }
|
||||
.fw2-s { font-weight: 200; }
|
||||
@ -134,7 +131,6 @@ http://tachyons.io/docs/typography/font-weight/
|
||||
.fw9-s { font-weight: 900; }
|
||||
}
|
||||
@media screen and (min-width: 48em) {
|
||||
.normal-m { font-weight: normal; }
|
||||
.b-m { font-weight: bold; }
|
||||
.fw1-m { font-weight: 100; }
|
||||
.fw2-m { font-weight: 200; }
|
||||
@ -147,7 +143,6 @@ http://tachyons.io/docs/typography/font-weight/
|
||||
.fw9-m { font-weight: 900; }
|
||||
}
|
||||
@media screen and (min-width: 60em) {
|
||||
.normal-l { font-weight: normal; }
|
||||
.b-l { font-weight: bold; }
|
||||
.fw1-l { font-weight: 100; }
|
||||
.fw2-l { font-weight: 200; }
|
||||
|
||||
@ -60,7 +60,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -70,7 +70,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -87,7 +87,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -60,7 +60,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -10,10 +10,11 @@ http://tachyons.io/docs/typography/tracking/
|
||||
|
||||
- tracked
|
||||
|
||||
### Literal Values
|
||||
### Modifiers
|
||||
|
||||
- `-tight`
|
||||
- `-mega`
|
||||
- 1 = 1st step in spacing scale
|
||||
- 2 = 2nd step in spacing scale
|
||||
- 3 = 3rd step in spacing scale
|
||||
|
||||
### Media Query Extensions
|
||||
|
||||
@ -21,22 +22,22 @@ http://tachyons.io/docs/typography/tracking/
|
||||
- `-m` = medium
|
||||
- `-l` = large
|
||||
*/
|
||||
.tracked { letter-spacing: .1em; }
|
||||
.tracked-tight { letter-spacing: -.05em; }
|
||||
.tracked { letter-spacing: .1em; }
|
||||
.tracked-mega { letter-spacing: .25em; }
|
||||
@media screen and (min-width: 30em) {
|
||||
.tracked-s { letter-spacing: .1em; }
|
||||
.tracked-tight-s { letter-spacing: -.05em; }
|
||||
.tracked-s { letter-spacing: .1em; }
|
||||
.tracked-mega-s { letter-spacing: .25em; }
|
||||
}
|
||||
@media screen and (min-width: 48em) {
|
||||
.tracked-m { letter-spacing: .1em; }
|
||||
.tracked-tight-m { letter-spacing: -.05em; }
|
||||
.tracked-m { letter-spacing: .1em; }
|
||||
.tracked-mega-m { letter-spacing: .25em; }
|
||||
}
|
||||
@media screen and (min-width: 60em) {
|
||||
.tracked-l { letter-spacing: .1em; }
|
||||
.tracked-tight-l { letter-spacing: -.05em; }
|
||||
.tracked-l { letter-spacing: .1em; }
|
||||
.tracked-mega-l { letter-spacing: .25em; }
|
||||
}
|
||||
|
||||
|
||||
@ -10,15 +10,16 @@ http://tachyons.io/docs/typography/tracking/
|
||||
|
||||
- tracked
|
||||
|
||||
### Literal Values
|
||||
### Modifiers
|
||||
|
||||
- `-tight`
|
||||
- `-mega`
|
||||
- 1 = 1st step in spacing scale
|
||||
- 2 = 2nd step in spacing scale
|
||||
- 3 = 3rd step in spacing scale
|
||||
|
||||
### Media Query Extensions
|
||||
|
||||
- `-s` = small
|
||||
- `-m` = medium
|
||||
- `-l` = large
|
||||
*/.tracked{letter-spacing:.1em}.tracked-tight{letter-spacing:-.05em}.tracked-mega{letter-spacing:.25em}@media screen and (min-width:30em){.tracked-s{letter-spacing:.1em}.tracked-tight-s{letter-spacing:-.05em}.tracked-mega-s{letter-spacing:.25em}}@media screen and (min-width:48em){.tracked-m{letter-spacing:.1em}.tracked-tight-m{letter-spacing:-.05em}.tracked-mega-m{letter-spacing:.25em}}@media screen and (min-width:60em){.tracked-l{letter-spacing:.1em}.tracked-tight-l{letter-spacing:-.05em}.tracked-mega-l{letter-spacing:.25em}}
|
||||
*/.tracked-tight{letter-spacing:-.05em}.tracked{letter-spacing:.1em}.tracked-mega{letter-spacing:.25em}@media screen and (min-width:30em){.tracked-tight-s{letter-spacing:-.05em}.tracked-s{letter-spacing:.1em}.tracked-mega-s{letter-spacing:.25em}}@media screen and (min-width:48em){.tracked-tight-m{letter-spacing:-.05em}.tracked-m{letter-spacing:.1em}.tracked-mega-m{letter-spacing:.25em}}@media screen and (min-width:60em){.tracked-tight-l{letter-spacing:-.05em}.tracked-l{letter-spacing:.1em}.tracked-mega-l{letter-spacing:.25em}}
|
||||
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
309 | 12 | 12
|
||||
328 | 12 | 12
|
||||
---|---|---
|
||||
bytes | selectors | declarations
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
@ -86,10 +86,11 @@ http://tachyons.io/docs/typography/tracking/
|
||||
|
||||
- tracked
|
||||
|
||||
### Literal Values
|
||||
### Modifiers
|
||||
|
||||
- `-tight`
|
||||
- `-mega`
|
||||
- 1 = 1st step in spacing scale
|
||||
- 2 = 2nd step in spacing scale
|
||||
- 3 = 3rd step in spacing scale
|
||||
|
||||
### Media Query Extensions
|
||||
|
||||
@ -97,22 +98,22 @@ http://tachyons.io/docs/typography/tracking/
|
||||
- `-m` = medium
|
||||
- `-l` = large
|
||||
*/
|
||||
.tracked { letter-spacing: .1em; }
|
||||
.tracked-tight { letter-spacing: -.05em; }
|
||||
.tracked { letter-spacing: .1em; }
|
||||
.tracked-mega { letter-spacing: .25em; }
|
||||
@media screen and (min-width: 30em) {
|
||||
.tracked-s { letter-spacing: .1em; }
|
||||
.tracked-tight-s { letter-spacing: -.05em; }
|
||||
.tracked-s { letter-spacing: .1em; }
|
||||
.tracked-mega-s { letter-spacing: .25em; }
|
||||
}
|
||||
@media screen and (min-width: 48em) {
|
||||
.tracked-m { letter-spacing: .1em; }
|
||||
.tracked-tight-m { letter-spacing: -.05em; }
|
||||
.tracked-m { letter-spacing: .1em; }
|
||||
.tracked-mega-m { letter-spacing: .25em; }
|
||||
}
|
||||
@media screen and (min-width: 60em) {
|
||||
.tracked-l { letter-spacing: .1em; }
|
||||
.tracked-tight-l { letter-spacing: -.05em; }
|
||||
.tracked-l { letter-spacing: .1em; }
|
||||
.tracked-mega-l { letter-spacing: .25em; }
|
||||
}
|
||||
```
|
||||
|
||||
@ -14,7 +14,7 @@ http://tachyons.io/docs/typography/tracking/
|
||||
|
||||
### Base
|
||||
|
||||
- ls
|
||||
- tracked
|
||||
|
||||
### Modifiers
|
||||
|
||||
@ -29,24 +29,24 @@ http://tachyons.io/docs/typography/tracking/
|
||||
- `-l` = large
|
||||
*/
|
||||
|
||||
.ls1 { letter-spacing: -.05em; }
|
||||
.ls2 { letter-spacing: .1em; }
|
||||
.ls3 { letter-spacing: .25em; }
|
||||
.tracked-tight { letter-spacing: -.05em; }
|
||||
.tracked { letter-spacing: .1em; }
|
||||
.tracked-mega { letter-spacing: .25em; }
|
||||
|
||||
@media (--breakpoint-small) {
|
||||
.ls1-s { letter-spacing: -.05em; }
|
||||
.ls2-s { letter-spacing: .1em; }
|
||||
.ls3-s { letter-spacing: .25em; }
|
||||
.tracked-tight-s { letter-spacing: -.05em; }
|
||||
.tracked-s { letter-spacing: .1em; }
|
||||
.tracked-mega-s { letter-spacing: .25em; }
|
||||
}
|
||||
|
||||
@media (--breakpoint-medium) {
|
||||
.ls1-m { letter-spacing: -.05em; }
|
||||
.ls2-m { letter-spacing: .1em; }
|
||||
.ls3-m { letter-spacing: .25em; }
|
||||
.tracked-tight-m { letter-spacing: -.05em; }
|
||||
.tracked-m { letter-spacing: .1em; }
|
||||
.tracked-mega-m { letter-spacing: .25em; }
|
||||
}
|
||||
|
||||
@media (--breakpoint-large) {
|
||||
.ls1-l { letter-spacing: -.05em; }
|
||||
.ls2-l { letter-spacing: .1em; }
|
||||
.ls3-l { letter-spacing: .25em; }
|
||||
.tracked-tight-l { letter-spacing: -.05em; }
|
||||
.tracked-l { letter-spacing: .1em; }
|
||||
.tracked-mega-l { letter-spacing: .25em; }
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -63,7 +63,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -64,7 +64,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -42,8 +42,9 @@ http://tachyons.io/docs/layout/max-widths/
|
||||
.mw5 { max-width: 16rem; }
|
||||
.mw6 { max-width: 32rem; }
|
||||
.mw7 { max-width: 48rem; }
|
||||
.mw8 { max-width: 64rem; }
|
||||
.mw9 { max-width: 96rem; }
|
||||
.mw8 { max-width: 56rem; }
|
||||
.mw9 { max-width: 64rem; }
|
||||
.mw10 { max-width: 80rem; }
|
||||
/* Max Width String Properties */
|
||||
.mw-none { max-width: none; }
|
||||
@media screen and (min-width: 30em) {
|
||||
@ -55,8 +56,9 @@ http://tachyons.io/docs/layout/max-widths/
|
||||
.mw5-s { max-width: 16rem; }
|
||||
.mw6-s { max-width: 32rem; }
|
||||
.mw7-s { max-width: 48rem; }
|
||||
.mw8-s { max-width: 64rem; }
|
||||
.mw9-s { max-width: 96rem; }
|
||||
.mw8-s { max-width: 56rem; }
|
||||
.mw9-s { max-width: 64rem; }
|
||||
.mw10-s { max-width: 80rem; }
|
||||
.mw-none-s { max-width: none; }
|
||||
}
|
||||
@media screen and (min-width: 48em) {
|
||||
@ -68,8 +70,9 @@ http://tachyons.io/docs/layout/max-widths/
|
||||
.mw5-m { max-width: 16rem; }
|
||||
.mw6-m { max-width: 32rem; }
|
||||
.mw7-m { max-width: 48rem; }
|
||||
.mw8-m { max-width: 64rem; }
|
||||
.mw9-m { max-width: 96rem; }
|
||||
.mw8-m { max-width: 56rem; }
|
||||
.mw9-m { max-width: 64rem; }
|
||||
.mw10-m { max-width: 80rem; }
|
||||
.mw-none-m { max-width: none; }
|
||||
}
|
||||
@media screen and (min-width: 60em) {
|
||||
@ -81,8 +84,9 @@ http://tachyons.io/docs/layout/max-widths/
|
||||
.mw5-l { max-width: 16rem; }
|
||||
.mw6-l { max-width: 32rem; }
|
||||
.mw7-l { max-width: 48rem; }
|
||||
.mw8-l { max-width: 64rem; }
|
||||
.mw9-l { max-width: 96rem; }
|
||||
.mw8-l { max-width: 56rem; }
|
||||
.mw9-l { max-width: 64rem; }
|
||||
.mw9-l { max-width: 80rem; }
|
||||
.mw-none-l { max-width: none; }
|
||||
}
|
||||
|
||||
|
||||
@ -31,5 +31,5 @@ http://tachyons.io/docs/layout/max-widths/
|
||||
- `-s` = small
|
||||
- `-m` = medium
|
||||
- `-l` = large
|
||||
*/.mw-100{max-width:100%}.mw1{max-width:1rem}.mw2{max-width:2rem}.mw3{max-width:4rem}.mw4{max-width:8rem}.mw5{max-width:16rem}.mw6{max-width:32rem}.mw7{max-width:48rem}.mw8{max-width:64rem}.mw9{max-width:96rem}.mw-none{max-width:none}@media screen and (min-width:30em){.mw-100-s{max-width:100%}.mw1-s{max-width:1rem}.mw2-s{max-width:2rem}.mw3-s{max-width:4rem}.mw4-s{max-width:8rem}.mw5-s{max-width:16rem}.mw6-s{max-width:32rem}.mw7-s{max-width:48rem}.mw8-s{max-width:64rem}.mw9-s{max-width:96rem}.mw-none-s{max-width:none}}@media screen and (min-width:48em){.mw-100-m{max-width:100%}.mw1-m{max-width:1rem}.mw2-m{max-width:2rem}.mw3-m{max-width:4rem}.mw4-m{max-width:8rem}.mw5-m{max-width:16rem}.mw6-m{max-width:32rem}.mw7-m{max-width:48rem}.mw8-m{max-width:64rem}.mw9-m{max-width:96rem}.mw-none-m{max-width:none}}@media screen and (min-width:60em){.mw-100-l{max-width:100%}.mw1-l{max-width:1rem}.mw2-l{max-width:2rem}.mw3-l{max-width:4rem}.mw4-l{max-width:8rem}.mw5-l{max-width:16rem}.mw6-l{max-width:32rem}.mw7-l{max-width:48rem}.mw8-l{max-width:64rem}.mw9-l{max-width:96rem}.mw-none-l{max-width:none}}
|
||||
*/.mw-100{max-width:100%}.mw1{max-width:1rem}.mw2{max-width:2rem}.mw3{max-width:4rem}.mw4{max-width:8rem}.mw5{max-width:16rem}.mw6{max-width:32rem}.mw7{max-width:48rem}.mw8{max-width:56rem}.mw9{max-width:64rem}.mw10{max-width:80rem}.mw-none{max-width:none}@media screen and (min-width:30em){.mw-100-s{max-width:100%}.mw1-s{max-width:1rem}.mw2-s{max-width:2rem}.mw3-s{max-width:4rem}.mw4-s{max-width:8rem}.mw5-s{max-width:16rem}.mw6-s{max-width:32rem}.mw7-s{max-width:48rem}.mw8-s{max-width:56rem}.mw9-s{max-width:64rem}.mw10-s{max-width:80rem}.mw-none-s{max-width:none}}@media screen and (min-width:48em){.mw-100-m{max-width:100%}.mw1-m{max-width:1rem}.mw2-m{max-width:2rem}.mw3-m{max-width:4rem}.mw4-m{max-width:8rem}.mw5-m{max-width:16rem}.mw6-m{max-width:32rem}.mw7-m{max-width:48rem}.mw8-m{max-width:56rem}.mw9-m{max-width:64rem}.mw10-m{max-width:80rem}.mw-none-m{max-width:none}}@media screen and (min-width:60em){.mw-100-l{max-width:100%}.mw1-l{max-width:1rem}.mw2-l{max-width:2rem}.mw3-l{max-width:4rem}.mw4-l{max-width:8rem}.mw5-l{max-width:16rem}.mw6-l{max-width:32rem}.mw7-l{max-width:48rem}.mw8-l{max-width:56rem}.mw9-l{max-width:64rem;max-width:80rem}.mw-none-l{max-width:none}}
|
||||
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
534 | 44 | 44
|
||||
550 | 48 | 48
|
||||
---|---|---
|
||||
bytes | selectors | declarations
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
@ -118,8 +118,9 @@ http://tachyons.io/docs/layout/max-widths/
|
||||
.mw5 { max-width: 16rem; }
|
||||
.mw6 { max-width: 32rem; }
|
||||
.mw7 { max-width: 48rem; }
|
||||
.mw8 { max-width: 64rem; }
|
||||
.mw9 { max-width: 96rem; }
|
||||
.mw8 { max-width: 56rem; }
|
||||
.mw9 { max-width: 64rem; }
|
||||
.mw10 { max-width: 80rem; }
|
||||
/* Max Width String Properties */
|
||||
.mw-none { max-width: none; }
|
||||
@media screen and (min-width: 30em) {
|
||||
@ -131,8 +132,9 @@ http://tachyons.io/docs/layout/max-widths/
|
||||
.mw5-s { max-width: 16rem; }
|
||||
.mw6-s { max-width: 32rem; }
|
||||
.mw7-s { max-width: 48rem; }
|
||||
.mw8-s { max-width: 64rem; }
|
||||
.mw9-s { max-width: 96rem; }
|
||||
.mw8-s { max-width: 56rem; }
|
||||
.mw9-s { max-width: 64rem; }
|
||||
.mw10-s { max-width: 80rem; }
|
||||
.mw-none-s { max-width: none; }
|
||||
}
|
||||
@media screen and (min-width: 48em) {
|
||||
@ -144,8 +146,9 @@ http://tachyons.io/docs/layout/max-widths/
|
||||
.mw5-m { max-width: 16rem; }
|
||||
.mw6-m { max-width: 32rem; }
|
||||
.mw7-m { max-width: 48rem; }
|
||||
.mw8-m { max-width: 64rem; }
|
||||
.mw9-m { max-width: 96rem; }
|
||||
.mw8-m { max-width: 56rem; }
|
||||
.mw9-m { max-width: 64rem; }
|
||||
.mw10-m { max-width: 80rem; }
|
||||
.mw-none-m { max-width: none; }
|
||||
}
|
||||
@media screen and (min-width: 60em) {
|
||||
@ -157,8 +160,9 @@ http://tachyons.io/docs/layout/max-widths/
|
||||
.mw5-l { max-width: 16rem; }
|
||||
.mw6-l { max-width: 32rem; }
|
||||
.mw7-l { max-width: 48rem; }
|
||||
.mw8-l { max-width: 64rem; }
|
||||
.mw9-l { max-width: 96rem; }
|
||||
.mw8-l { max-width: 56rem; }
|
||||
.mw9-l { max-width: 64rem; }
|
||||
.mw9-l { max-width: 80rem; }
|
||||
.mw-none-l { max-width: none; }
|
||||
}
|
||||
```
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -35,169 +35,169 @@
|
||||
- `-l` = large
|
||||
*/
|
||||
|
||||
.na1 { margin: -var(--spacing-1); }
|
||||
.na2 { margin: -var(--spacing-2); }
|
||||
.na3 { margin: -var(--spacing-3); }
|
||||
.na4 { margin: -var(--spacing-4); }
|
||||
.na5 { margin: -var(--spacing-5); }
|
||||
.na6 { margin: -var(--spacing-6); }
|
||||
.na7 { margin: -var(--spacing-7); }
|
||||
.na1 { margin: calc(-1 * var(--spacing-extra-small)); }
|
||||
.na2 { margin: calc(-1 * var(--spacing-small)); }
|
||||
.na3 { margin: calc(-1 * var(--spacing-medium)); }
|
||||
.na4 { margin: calc(-1 * var(--spacing-large)); }
|
||||
.na5 { margin: calc(-1 * var(--spacing-extra-large)); }
|
||||
.na6 { margin: calc(-1 * var(--spacing-extra-extra-large)); }
|
||||
.na7 { margin: calc(-1 * var(--spacing-extra-extra-extra-large)); }
|
||||
|
||||
.nl1 { margin-left: -var(--spacing-1); }
|
||||
.nl2 { margin-left: -var(--spacing-2); }
|
||||
.nl3 { margin-left: -var(--spacing-3); }
|
||||
.nl4 { margin-left: -var(--spacing-4); }
|
||||
.nl5 { margin-left: -var(--spacing-5); }
|
||||
.nl6 { margin-left: -var(--spacing-6); }
|
||||
.nl7 { margin-left: -var(--spacing-7); }
|
||||
.nl1 { margin-left: calc(-1 * var(--spacing-extra-small)); }
|
||||
.nl2 { margin-left: calc(-1 * var(--spacing-small)); }
|
||||
.nl3 { margin-left: calc(-1 * var(--spacing-medium)); }
|
||||
.nl4 { margin-left: calc(-1 * var(--spacing-large)); }
|
||||
.nl5 { margin-left: calc(-1 * var(--spacing-extra-large)); }
|
||||
.nl6 { margin-left: calc(-1 * var(--spacing-extra-extra-large)); }
|
||||
.nl7 { margin-left: calc(-1 * var(--spacing-extra-extra-extra-large)); }
|
||||
|
||||
.nr1 { margin-right: -var(--spacing-1); }
|
||||
.nr2 { margin-right: -var(--spacing-2); }
|
||||
.nr3 { margin-right: -var(--spacing-3); }
|
||||
.nr4 { margin-right: -var(--spacing-4); }
|
||||
.nr5 { margin-right: -var(--spacing-5); }
|
||||
.nr6 { margin-right: -var(--spacing-6); }
|
||||
.nr7 { margin-right: -var(--spacing-7); }
|
||||
.nr1 { margin-right: calc(-1 * var(--spacing-extra-small)); }
|
||||
.nr2 { margin-right: calc(-1 * var(--spacing-small)); }
|
||||
.nr3 { margin-right: calc(-1 * var(--spacing-medium)); }
|
||||
.nr4 { margin-right: calc(-1 * var(--spacing-large)); }
|
||||
.nr5 { margin-right: calc(-1 * var(--spacing-extra-large)); }
|
||||
.nr6 { margin-right: calc(-1 * var(--spacing-extra-extra-large)); }
|
||||
.nr7 { margin-right: calc(-1 * var(--spacing-extra-extra-extra-large)); }
|
||||
|
||||
.nb1 { margin-bottom: -var(--spacing-1); }
|
||||
.nb2 { margin-bottom: -var(--spacing-2); }
|
||||
.nb3 { margin-bottom: -var(--spacing-3); }
|
||||
.nb4 { margin-bottom: -var(--spacing-4); }
|
||||
.nb5 { margin-bottom: -var(--spacing-5); }
|
||||
.nb6 { margin-bottom: -var(--spacing-6); }
|
||||
.nb7 { margin-bottom: -var(--spacing-7); }
|
||||
.nb1 { margin-bottom: calc(-1 * var(--spacing-extra-small)); }
|
||||
.nb2 { margin-bottom: calc(-1 * var(--spacing-small)); }
|
||||
.nb3 { margin-bottom: calc(-1 * var(--spacing-medium)); }
|
||||
.nb4 { margin-bottom: calc(-1 * var(--spacing-large)); }
|
||||
.nb5 { margin-bottom: calc(-1 * var(--spacing-extra-large)); }
|
||||
.nb6 { margin-bottom: calc(-1 * var(--spacing-extra-extra-large)); }
|
||||
.nb7 { margin-bottom: calc(-1 * var(--spacing-extra-extra-extra-large)); }
|
||||
|
||||
.nt1 { margin-top: -var(--spacing-1); }
|
||||
.nt2 { margin-top: -var(--spacing-2); }
|
||||
.nt3 { margin-top: -var(--spacing-3); }
|
||||
.nt4 { margin-top: -var(--spacing-4); }
|
||||
.nt5 { margin-top: -var(--spacing-5); }
|
||||
.nt6 { margin-top: -var(--spacing-6); }
|
||||
.nt7 { margin-top: -var(--spacing-7); }
|
||||
.nt1 { margin-top: calc(-1 * var(--spacing-extra-small)); }
|
||||
.nt2 { margin-top: calc(-1 * var(--spacing-small)); }
|
||||
.nt3 { margin-top: calc(-1 * var(--spacing-medium)); }
|
||||
.nt4 { margin-top: calc(-1 * var(--spacing-large)); }
|
||||
.nt5 { margin-top: calc(-1 * var(--spacing-extra-large)); }
|
||||
.nt6 { margin-top: calc(-1 * var(--spacing-extra-extra-large)); }
|
||||
.nt7 { margin-top: calc(-1 * var(--spacing-extra-extra-extra-large)); }
|
||||
|
||||
|
||||
@media (--breakpoint-small) {
|
||||
.na1-s { margin: -var(--spacing-1); }
|
||||
.na2-s { margin: -var(--spacing-2); }
|
||||
.na3-s { margin: -var(--spacing-3); }
|
||||
.na4-s { margin: -var(--spacing-4); }
|
||||
.na5-s { margin: -var(--spacing-5); }
|
||||
.na6-s { margin: -var(--spacing-6); }
|
||||
.na7-s { margin: -var(--spacing-7); }
|
||||
.na1-s { margin: calc(-1 * var(--spacing-extra-small)); }
|
||||
.na2-s { margin: calc(-1 * var(--spacing-small)); }
|
||||
.na3-s { margin: calc(-1 * var(--spacing-sedium)); }
|
||||
.na4-s { margin: calc(-1 * var(--spacing-large)); }
|
||||
.na5-s { margin: calc(-1 * var(--spacing-extra-large)); }
|
||||
.na6-s { margin: calc(-1 * var(--spacing-extra-extra-large)); }
|
||||
.na7-s { margin: calc(-1 * var(--spacing-extra-extra-extra-large)); }
|
||||
|
||||
.nl1-s { margin-left: -var(--spacing-1); }
|
||||
.nl2-s { margin-left: -var(--spacing-2); }
|
||||
.nl3-s { margin-left: -var(--spacing-3); }
|
||||
.nl4-s { margin-left: -var(--spacing-4); }
|
||||
.nl5-s { margin-left: -var(--spacing-5); }
|
||||
.nl6-s { margin-left: -var(--spacing-6); }
|
||||
.nl7-s { margin-left: -var(--spacing-7); }
|
||||
.nl1-s { margin-left: calc(-1 * var(--spacing-extra-small)); }
|
||||
.nl2-s { margin-left: calc(-1 * var(--spacing-small)); }
|
||||
.nl3-s { margin-left: calc(-1 * var(--spacing-sedium)); }
|
||||
.nl4-s { margin-left: calc(-1 * var(--spacing-large)); }
|
||||
.nl5-s { margin-left: calc(-1 * var(--spacing-extra-large)); }
|
||||
.nl6-s { margin-left: calc(-1 * var(--spacing-extra-extra-large)); }
|
||||
.nl7-s { margin-left: calc(-1 * var(--spacing-extra-extra-extra-large)); }
|
||||
|
||||
.nr1-s { margin-right: -var(--spacing-1); }
|
||||
.nr2-s { margin-right: -var(--spacing-2); }
|
||||
.nr3-s { margin-right: -var(--spacing-3); }
|
||||
.nr4-s { margin-right: -var(--spacing-4); }
|
||||
.nr5-s { margin-right: -var(--spacing-5); }
|
||||
.nr6-s { margin-right: -var(--spacing-6); }
|
||||
.nr7-s { margin-right: -var(--spacing-7); }
|
||||
.nr1-s { margin-right: calc(-1 * var(--spacing-extra-small)); }
|
||||
.nr2-s { margin-right: calc(-1 * var(--spacing-small)); }
|
||||
.nr3-s { margin-right: calc(-1 * var(--spacing-sedium)); }
|
||||
.nr4-s { margin-right: calc(-1 * var(--spacing-large)); }
|
||||
.nr5-s { margin-right: calc(-1 * var(--spacing-extra-large)); }
|
||||
.nr6-s { margin-right: calc(-1 * var(--spacing-extra-extra-large)); }
|
||||
.nr7-s { margin-right: calc(-1 * var(--spacing-extra-extra-extra-large)); }
|
||||
|
||||
.nb1-s { margin-bottom: -var(--spacing-1); }
|
||||
.nb2-s { margin-bottom: -var(--spacing-2); }
|
||||
.nb3-s { margin-bottom: -var(--spacing-3); }
|
||||
.nb4-s { margin-bottom: -var(--spacing-4); }
|
||||
.nb5-s { margin-bottom: -var(--spacing-5); }
|
||||
.nb6-s { margin-bottom: -var(--spacing-6); }
|
||||
.nb7-s { margin-bottom: -var(--spacing-7); }
|
||||
.nb1-s { margin-bottom: calc(-1 * var(--spacing-extra-small)); }
|
||||
.nb2-s { margin-bottom: calc(-1 * var(--spacing-small)); }
|
||||
.nb3-s { margin-bottom: calc(-1 * var(--spacing-sedium)); }
|
||||
.nb4-s { margin-bottom: calc(-1 * var(--spacing-large)); }
|
||||
.nb5-s { margin-bottom: calc(-1 * var(--spacing-extra-large)); }
|
||||
.nb6-s { margin-bottom: calc(-1 * var(--spacing-extra-extra-large)); }
|
||||
.nb7-s { margin-bottom: calc(-1 * var(--spacing-extra-extra-extra-large)); }
|
||||
|
||||
.nt1-s { margin-top: -var(--spacing-1); }
|
||||
.nt2-s { margin-top: -var(--spacing-2); }
|
||||
.nt3-s { margin-top: -var(--spacing-3); }
|
||||
.nt4-s { margin-top: -var(--spacing-4); }
|
||||
.nt5-s { margin-top: -var(--spacing-5); }
|
||||
.nt6-s { margin-top: -var(--spacing-6); }
|
||||
.nt7-s { margin-top: -var(--spacing-7); }
|
||||
.nt1-s { margin-top: calc(-1 * var(--spacing-extra-small)); }
|
||||
.nt2-s { margin-top: calc(-1 * var(--spacing-small)); }
|
||||
.nt3-s { margin-top: calc(-1 * var(--spacing-sedium)); }
|
||||
.nt4-s { margin-top: calc(-1 * var(--spacing-large)); }
|
||||
.nt5-s { margin-top: calc(-1 * var(--spacing-extra-large)); }
|
||||
.nt6-s { margin-top: calc(-1 * var(--spacing-extra-extra-large)); }
|
||||
.nt7-s { margin-top: calc(-1 * var(--spacing-extra-extra-extra-large)); }
|
||||
}
|
||||
|
||||
@media (--breakpoint-medium) {
|
||||
.na1-m { margin: -var(--spacing-1); }
|
||||
.na2-m { margin: -var(--spacing-2); }
|
||||
.na3-m { margin: -var(--spacing-3); }
|
||||
.na4-m { margin: -var(--spacing-4); }
|
||||
.na5-m { margin: -var(--spacing-5); }
|
||||
.na6-m { margin: -var(--spacing-6); }
|
||||
.na7-m { margin: -var(--spacing-7); }
|
||||
.na1-m { margin: calc(-1 * var(--spacing-extra-small)); }
|
||||
.na2-m { margin: calc(-1 * var(--spacing-small)); }
|
||||
.na3-m { margin: calc(-1 * var(--spacing-medium)); }
|
||||
.na4-m { margin: calc(-1 * var(--spacing-large)); }
|
||||
.na5-m { margin: calc(-1 * var(--spacing-extra-large)); }
|
||||
.na6-m { margin: calc(-1 * var(--spacing-extra-extra-large)); }
|
||||
.na7-m { margin: calc(-1 * var(--spacing-extra-extra-extra-large)); }
|
||||
|
||||
.nl1-m { margin-left: -var(--spacing-1); }
|
||||
.nl2-m { margin-left: -var(--spacing-2); }
|
||||
.nl3-m { margin-left: -var(--spacing-3); }
|
||||
.nl4-m { margin-left: -var(--spacing-4); }
|
||||
.nl5-m { margin-left: -var(--spacing-5); }
|
||||
.nl6-m { margin-left: -var(--spacing-6); }
|
||||
.nl7-m { margin-left: -var(--spacing-7); }
|
||||
.nl1-m { margin-left: calc(-1 * var(--spacing-extra-small)); }
|
||||
.nl2-m { margin-left: calc(-1 * var(--spacing-small)); }
|
||||
.nl3-m { margin-left: calc(-1 * var(--spacing-medium)); }
|
||||
.nl4-m { margin-left: calc(-1 * var(--spacing-large)); }
|
||||
.nl5-m { margin-left: calc(-1 * var(--spacing-extra-large)); }
|
||||
.nl6-m { margin-left: calc(-1 * var(--spacing-extra-extra-large)); }
|
||||
.nl7-m { margin-left: calc(-1 * var(--spacing-extra-extra-extra-large)); }
|
||||
|
||||
.nr1-m { margin-right: -var(--spacing-1); }
|
||||
.nr2-m { margin-right: -var(--spacing-2); }
|
||||
.nr3-m { margin-right: -var(--spacing-3); }
|
||||
.nr4-m { margin-right: -var(--spacing-4); }
|
||||
.nr5-m { margin-right: -var(--spacing-5); }
|
||||
.nr6-m { margin-right: -var(--spacing-6); }
|
||||
.nr7-m { margin-right: -var(--spacing-7); }
|
||||
.nr1-m { margin-right: calc(-1 * var(--spacing-extra-small)); }
|
||||
.nr2-m { margin-right: calc(-1 * var(--spacing-small)); }
|
||||
.nr3-m { margin-right: calc(-1 * var(--spacing-medium)); }
|
||||
.nr4-m { margin-right: calc(-1 * var(--spacing-large)); }
|
||||
.nr5-m { margin-right: calc(-1 * var(--spacing-extra-large)); }
|
||||
.nr6-m { margin-right: calc(-1 * var(--spacing-extra-extra-large)); }
|
||||
.nr7-m { margin-right: calc(-1 * var(--spacing-extra-extra-extra-large)); }
|
||||
|
||||
.nb1-m { margin-bottom: -var(--spacing-1); }
|
||||
.nb2-m { margin-bottom: -var(--spacing-2); }
|
||||
.nb3-m { margin-bottom: -var(--spacing-3); }
|
||||
.nb4-m { margin-bottom: -var(--spacing-4); }
|
||||
.nb5-m { margin-bottom: -var(--spacing-5); }
|
||||
.nb6-m { margin-bottom: -var(--spacing-6); }
|
||||
.nb7-m { margin-bottom: -var(--spacing-7); }
|
||||
.nb1-m { margin-bottom: calc(-1 * var(--spacing-extra-small)); }
|
||||
.nb2-m { margin-bottom: calc(-1 * var(--spacing-small)); }
|
||||
.nb3-m { margin-bottom: calc(-1 * var(--spacing-medium)); }
|
||||
.nb4-m { margin-bottom: calc(-1 * var(--spacing-large)); }
|
||||
.nb5-m { margin-bottom: calc(-1 * var(--spacing-extra-large)); }
|
||||
.nb6-m { margin-bottom: calc(-1 * var(--spacing-extra-extra-large)); }
|
||||
.nb7-m { margin-bottom: calc(-1 * var(--spacing-extra-extra-extra-large)); }
|
||||
|
||||
.nt1-m { margin-top: -var(--spacing-1); }
|
||||
.nt2-m { margin-top: -var(--spacing-2); }
|
||||
.nt3-m { margin-top: -var(--spacing-3); }
|
||||
.nt4-m { margin-top: -var(--spacing-4); }
|
||||
.nt5-m { margin-top: -var(--spacing-5); }
|
||||
.nt6-m { margin-top: -var(--spacing-6); }
|
||||
.nt7-m { margin-top: -var(--spacing-7); }
|
||||
.nt1-m { margin-top: calc(-1 * var(--spacing-extra-small)); }
|
||||
.nt2-m { margin-top: calc(-1 * var(--spacing-small)); }
|
||||
.nt3-m { margin-top: calc(-1 * var(--spacing-medium)); }
|
||||
.nt4-m { margin-top: calc(-1 * var(--spacing-large)); }
|
||||
.nt5-m { margin-top: calc(-1 * var(--spacing-extra-large)); }
|
||||
.nt6-m { margin-top: calc(-1 * var(--spacing-extra-extra-large)); }
|
||||
.nt7-m { margin-top: calc(-1 * var(--spacing-extra-extra-extra-large)); }
|
||||
}
|
||||
|
||||
@media (--breakpoint-large) {
|
||||
.na1-l { margin: -var(--spacing-1); }
|
||||
.na2-l { margin: -var(--spacing-2); }
|
||||
.na3-l { margin: -var(--spacing-3); }
|
||||
.na4-l { margin: -var(--spacing-4); }
|
||||
.na5-l { margin: -var(--spacing-5); }
|
||||
.na6-l { margin: -var(--spacing-6); }
|
||||
.na7-l { margin: -var(--spacing-7); }
|
||||
.na1-l { margin: calc(-1 * var(--spacing-extra-small)); }
|
||||
.na2-l { margin: calc(-1 * var(--spacing-small)); }
|
||||
.na3-l { margin: calc(-1 * var(--spacing-medium)); }
|
||||
.na4-l { margin: calc(-1 * var(--spacing-large)); }
|
||||
.na5-l { margin: calc(-1 * var(--spacing-extra-large)); }
|
||||
.na6-l { margin: calc(-1 * var(--spacing-extra-extra-large)); }
|
||||
.na7-l { margin: calc(-1 * var(--spacing-extra-extra-extra-large)); }
|
||||
|
||||
.nl1-l { margin-left: -var(--spacing-1); }
|
||||
.nl2-l { margin-left: -var(--spacing-2); }
|
||||
.nl3-l { margin-left: -var(--spacing-3); }
|
||||
.nl4-l { margin-left: -var(--spacing-4); }
|
||||
.nl5-l { margin-left: -var(--spacing-5); }
|
||||
.nl6-l { margin-left: -var(--spacing-6); }
|
||||
.nl7-l { margin-left: -var(--spacing-7); }
|
||||
.nl1-l { margin-left: calc(-1 * var(--spacing-extra-small)); }
|
||||
.nl2-l { margin-left: calc(-1 * var(--spacing-small)); }
|
||||
.nl3-l { margin-left: calc(-1 * var(--spacing-medium)); }
|
||||
.nl4-l { margin-left: calc(-1 * var(--spacing-large)); }
|
||||
.nl5-l { margin-left: calc(-1 * var(--spacing-extra-large)); }
|
||||
.nl6-l { margin-left: calc(-1 * var(--spacing-extra-extra-large)); }
|
||||
.nl7-l { margin-left: calc(-1 * var(--spacing-extra-extra-extra-large)); }
|
||||
|
||||
.nr1-l { margin-right: -var(--spacing-1); }
|
||||
.nr2-l { margin-right: -var(--spacing-2); }
|
||||
.nr3-l { margin-right: -var(--spacing-3); }
|
||||
.nr4-l { margin-right: -var(--spacing-4); }
|
||||
.nr5-l { margin-right: -var(--spacing-5); }
|
||||
.nr6-l { margin-right: -var(--spacing-6); }
|
||||
.nr7-l { margin-right: -var(--spacing-7); }
|
||||
.nr1-l { margin-right: calc(-1 * var(--spacing-extra-small)); }
|
||||
.nr2-l { margin-right: calc(-1 * var(--spacing-small)); }
|
||||
.nr3-l { margin-right: calc(-1 * var(--spacing-medium)); }
|
||||
.nr4-l { margin-right: calc(-1 * var(--spacing-large)); }
|
||||
.nr5-l { margin-right: calc(-1 * var(--spacing-extra-large)); }
|
||||
.nr6-l { margin-right: calc(-1 * var(--spacing-extra-extra-large)); }
|
||||
.nr7-l { margin-right: calc(-1 * var(--spacing-extra-extra-extra-large)); }
|
||||
|
||||
.nb1-l { margin-bottom: -var(--spacing-1); }
|
||||
.nb2-l { margin-bottom: -var(--spacing-2); }
|
||||
.nb3-l { margin-bottom: -var(--spacing-3); }
|
||||
.nb4-l { margin-bottom: -var(--spacing-4); }
|
||||
.nb5-l { margin-bottom: -var(--spacing-5); }
|
||||
.nb6-l { margin-bottom: -var(--spacing-6); }
|
||||
.nb7-l { margin-bottom: -var(--spacing-7); }
|
||||
.nb1-l { margin-bottom: calc(-1 * var(--spacing-extra-small)); }
|
||||
.nb2-l { margin-bottom: calc(-1 * var(--spacing-small)); }
|
||||
.nb3-l { margin-bottom: calc(-1 * var(--spacing-medium)); }
|
||||
.nb4-l { margin-bottom: calc(-1 * var(--spacing-large)); }
|
||||
.nb5-l { margin-bottom: calc(-1 * var(--spacing-extra-large)); }
|
||||
.nb6-l { margin-bottom: calc(-1 * var(--spacing-extra-extra-large)); }
|
||||
.nb7-l { margin-bottom: calc(-1 * var(--spacing-extra-extra-extra-large)); }
|
||||
|
||||
.nt1-l { margin-top: -var(--spacing-1); }
|
||||
.nt2-l { margin-top: -var(--spacing-2); }
|
||||
.nt3-l { margin-top: -var(--spacing-3); }
|
||||
.nt4-l { margin-top: -var(--spacing-4); }
|
||||
.nt5-l { margin-top: -var(--spacing-5); }
|
||||
.nt6-l { margin-top: -var(--spacing-6); }
|
||||
.nt7-l { margin-top: -var(--spacing-7); }
|
||||
.nt1-l { margin-top: calc(-1 * var(--spacing-extra-small)); }
|
||||
.nt2-l { margin-top: calc(-1 * var(--spacing-small)); }
|
||||
.nt3-l { margin-top: calc(-1 * var(--spacing-medium)); }
|
||||
.nt4-l { margin-top: calc(-1 * var(--spacing-large)); }
|
||||
.nt5-l { margin-top: calc(-1 * var(--spacing-extra-large)); }
|
||||
.nt6-l { margin-top: calc(-1 * var(--spacing-extra-extra-large)); }
|
||||
.nt7-l { margin-top: calc(-1 * var(--spacing-extra-extra-extra-large)); }
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -80,7 +80,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -9,28 +9,8 @@ it is focused or hovered over.
|
||||
|
||||
http://tachyons.io/docs/themes/skins-pseudo/
|
||||
*/
|
||||
.hover-black:hover { color: undefined; }
|
||||
.hover-black:focus { color: undefined; }
|
||||
.hover-near-black:hover { color: undefined; }
|
||||
.hover-near-black:focus { color: undefined; }
|
||||
.hover-dark-gray:hover { color: undefined; }
|
||||
.hover-dark-gray:focus { color: undefined; }
|
||||
.hover-mid-gray:hover { color: undefined; }
|
||||
.hover-mid-gray:focus { color: undefined; }
|
||||
.hover-gray:hover { color: undefined; }
|
||||
.hover-gray:focus { color: undefined; }
|
||||
.hover-silver:hover { color: undefined; }
|
||||
.hover-silver:focus { color: undefined; }
|
||||
.hover-light-silver:hover { color: undefined; }
|
||||
.hover-light-silver:focus { color: undefined; }
|
||||
.hover-moon-gray:hover { color: undefined; }
|
||||
.hover-moon-gray:focus { color: undefined; }
|
||||
.hover-light-gray:hover { color: undefined; }
|
||||
.hover-light-gray:focus { color: undefined; }
|
||||
.hover-near-white:hover { color: undefined; }
|
||||
.hover-near-white:focus { color: undefined; }
|
||||
.hover-white:hover { color: undefined; }
|
||||
.hover-white:focus { color: undefined; }
|
||||
/* Text colors */
|
||||
.hover-color-inherit:hover, .hover-color-inherit:focus { color: inherit; }
|
||||
.hover-black-90:hover { color: undefined; }
|
||||
.hover-black-90:focus { color: undefined; }
|
||||
.hover-black-80:hover { color: undefined; }
|
||||
@ -49,6 +29,8 @@ http://tachyons.io/docs/themes/skins-pseudo/
|
||||
.hover-black-20:focus { color: undefined; }
|
||||
.hover-black-10:hover { color: undefined; }
|
||||
.hover-black-10:focus { color: undefined; }
|
||||
.hover-black-05:hover { color: undefined; }
|
||||
.hover-black-05:focus { color: undefined; }
|
||||
.hover-white-90:hover { color: undefined; }
|
||||
.hover-white-90:focus { color: undefined; }
|
||||
.hover-white-80:hover { color: undefined; }
|
||||
@ -67,29 +49,253 @@ http://tachyons.io/docs/themes/skins-pseudo/
|
||||
.hover-white-20:focus { color: undefined; }
|
||||
.hover-white-10:hover { color: undefined; }
|
||||
.hover-white-10:focus { color: undefined; }
|
||||
.hover-inherit:hover, .hover-inherit:focus { color: inherit; }
|
||||
.hover-bg-black:hover { background-color: undefined; }
|
||||
.hover-bg-black:focus { background-color: undefined; }
|
||||
.hover-bg-near-black:hover { background-color: undefined; }
|
||||
.hover-bg-near-black:focus { background-color: undefined; }
|
||||
.hover-bg-dark-gray:hover { background-color: undefined; }
|
||||
.hover-bg-dark-gray:focus { background-color: undefined; }
|
||||
.hover-bg-mid-gray:hover { background-color: undefined; }
|
||||
.hover-bg-mid-gray:focus { background-color: undefined; }
|
||||
.hover-bg-gray:hover { background-color: undefined; }
|
||||
.hover-bg-gray:focus { background-color: undefined; }
|
||||
.hover-bg-silver:hover { background-color: undefined; }
|
||||
.hover-bg-silver:focus { background-color: undefined; }
|
||||
.hover-bg-light-silver:hover { background-color: undefined; }
|
||||
.hover-bg-light-silver:focus { background-color: undefined; }
|
||||
.hover-bg-moon-gray:hover { background-color: undefined; }
|
||||
.hover-bg-moon-gray:focus { background-color: undefined; }
|
||||
.hover-bg-light-gray:hover { background-color: undefined; }
|
||||
.hover-bg-light-gray:focus { background-color: undefined; }
|
||||
.hover-bg-near-white:hover { background-color: undefined; }
|
||||
.hover-bg-near-white:focus { background-color: undefined; }
|
||||
.hover-bg-white:hover { background-color: undefined; }
|
||||
.hover-bg-white:focus { background-color: undefined; }
|
||||
.hover-black:hover { color: undefined; }
|
||||
.hover-black:focus { color: undefined; }
|
||||
.hover-gray-0:hover { color: undefined; }
|
||||
.hover-gray-0:focus { color: undefined; }
|
||||
.hover-gray-1:hover { color: undefined; }
|
||||
.hover-gray-1:focus { color: undefined; }
|
||||
.hover-gray-2:hover { color: undefined; }
|
||||
.hover-gray-2:focus { color: undefined; }
|
||||
.hover-gray-3:hover { color: undefined; }
|
||||
.hover-gray-3:focus { color: undefined; }
|
||||
.hover-gray-4:hover { color: undefined; }
|
||||
.hover-gray-4:focus { color: undefined; }
|
||||
.hover-gray-5:hover { color: undefined; }
|
||||
.hover-gray-5:focus { color: undefined; }
|
||||
.hover-gray-6:hover { color: undefined; }
|
||||
.hover-gray-6:focus { color: undefined; }
|
||||
.hover-gray-7:hover { color: undefined; }
|
||||
.hover-gray-7:focus { color: undefined; }
|
||||
.hover-gray-8:hover { color: undefined; }
|
||||
.hover-gray-8:focus { color: undefined; }
|
||||
.hover-gray-9:hover { color: undefined; }
|
||||
.hover-gray-9:focus { color: undefined; }
|
||||
.hover-gray-10:hover { color: undefined; }
|
||||
.hover-gray-10:focus { color: undefined; }
|
||||
.hover-white:hover { color: undefined; }
|
||||
.hover-white:focus { color: undefined; }
|
||||
.hover-green-0:hover { color: undefined; }
|
||||
.hover-green-0:focus { color: undefined; }
|
||||
.hover-green-1:hover { color: undefined; }
|
||||
.hover-green-1:focus { color: undefined; }
|
||||
.hover-green-2:hover { color: undefined; }
|
||||
.hover-green-2:focus { color: undefined; }
|
||||
.hover-green-3:hover { color: undefined; }
|
||||
.hover-green-3:focus { color: undefined; }
|
||||
.hover-green-4:hover { color: undefined; }
|
||||
.hover-green-4:focus { color: undefined; }
|
||||
.hover-green-5:hover { color: undefined; }
|
||||
.hover-green-5:focus { color: undefined; }
|
||||
.hover-green-6:hover { color: undefined; }
|
||||
.hover-green-6:focus { color: undefined; }
|
||||
.hover-green-7:hover { color: undefined; }
|
||||
.hover-green-7:focus { color: undefined; }
|
||||
.hover-green-8:hover { color: undefined; }
|
||||
.hover-green-8:focus { color: undefined; }
|
||||
.hover-green-9:hover { color: undefined; }
|
||||
.hover-green-9:focus { color: undefined; }
|
||||
.hover-green-10:hover { color: undefined; }
|
||||
.hover-green-10:focus { color: undefined; }
|
||||
.hover-teal-0:hover { color: undefined; }
|
||||
.hover-teal-0:focus { color: undefined; }
|
||||
.hover-teal-1:hover { color: undefined; }
|
||||
.hover-teal-1:focus { color: undefined; }
|
||||
.hover-teal-2:hover { color: undefined; }
|
||||
.hover-teal-2:focus { color: undefined; }
|
||||
.hover-teal-3:hover { color: undefined; }
|
||||
.hover-teal-3:focus { color: undefined; }
|
||||
.hover-teal-4:hover { color: undefined; }
|
||||
.hover-teal-4:focus { color: undefined; }
|
||||
.hover-teal-5:hover { color: undefined; }
|
||||
.hover-teal-5:focus { color: undefined; }
|
||||
.hover-teal-6:hover { color: undefined; }
|
||||
.hover-teal-6:focus { color: undefined; }
|
||||
.hover-teal-7:hover { color: undefined; }
|
||||
.hover-teal-7:focus { color: undefined; }
|
||||
.hover-teal-8:hover { color: undefined; }
|
||||
.hover-teal-8:focus { color: undefined; }
|
||||
.hover-teal-9:hover { color: undefined; }
|
||||
.hover-teal-9:focus { color: undefined; }
|
||||
.hover-teal-10:hover { color: undefined; }
|
||||
.hover-teal-10:focus { color: undefined; }
|
||||
.hover-teal-0:hover { color: undefined; }
|
||||
.hover-teal-0:focus { color: undefined; }
|
||||
.hover-teal-1:hover { color: undefined; }
|
||||
.hover-teal-1:focus { color: undefined; }
|
||||
.hover-teal-2:hover { color: undefined; }
|
||||
.hover-teal-2:focus { color: undefined; }
|
||||
.hover-teal-3:hover { color: undefined; }
|
||||
.hover-teal-3:focus { color: undefined; }
|
||||
.hover-teal-4:hover { color: undefined; }
|
||||
.hover-teal-4:focus { color: undefined; }
|
||||
.hover-teal-5:hover { color: undefined; }
|
||||
.hover-teal-5:focus { color: undefined; }
|
||||
.hover-teal-6:hover { color: undefined; }
|
||||
.hover-teal-6:focus { color: undefined; }
|
||||
.hover-teal-7:hover { color: undefined; }
|
||||
.hover-teal-7:focus { color: undefined; }
|
||||
.hover-teal-8:hover { color: undefined; }
|
||||
.hover-teal-8:focus { color: undefined; }
|
||||
.hover-teal-9:hover { color: undefined; }
|
||||
.hover-teal-9:focus { color: undefined; }
|
||||
.hover-teal-10:hover { color: undefined; }
|
||||
.hover-teal-10:focus { color: undefined; }
|
||||
.hover-blue-0:hover { color: undefined; }
|
||||
.hover-blue-0:focus { color: undefined; }
|
||||
.hover-blue-1:hover { color: undefined; }
|
||||
.hover-blue-1:focus { color: undefined; }
|
||||
.hover-blue-2:hover { color: undefined; }
|
||||
.hover-blue-2:focus { color: undefined; }
|
||||
.hover-blue-3:hover { color: undefined; }
|
||||
.hover-blue-3:focus { color: undefined; }
|
||||
.hover-blue-4:hover { color: undefined; }
|
||||
.hover-blue-4:focus { color: undefined; }
|
||||
.hover-blue-5:hover { color: undefined; }
|
||||
.hover-blue-5:focus { color: undefined; }
|
||||
.hover-blue-6:hover { color: undefined; }
|
||||
.hover-blue-6:focus { color: undefined; }
|
||||
.hover-blue-7:hover { color: undefined; }
|
||||
.hover-blue-7:focus { color: undefined; }
|
||||
.hover-blue-8:hover { color: undefined; }
|
||||
.hover-blue-8:focus { color: undefined; }
|
||||
.hover-blue-9:hover { color: undefined; }
|
||||
.hover-blue-9:focus { color: undefined; }
|
||||
.hover-blue-10:hover { color: undefined; }
|
||||
.hover-blue-10:focus { color: undefined; }
|
||||
.hover-indigo-0:hover { color: undefined; }
|
||||
.hover-indigo-0:focus { color: undefined; }
|
||||
.hover-indigo-1:hover { color: undefined; }
|
||||
.hover-indigo-1:focus { color: undefined; }
|
||||
.hover-indigo-2:hover { color: undefined; }
|
||||
.hover-indigo-2:focus { color: undefined; }
|
||||
.hover-indigo-3:hover { color: undefined; }
|
||||
.hover-indigo-3:focus { color: undefined; }
|
||||
.hover-indigo-4:hover { color: undefined; }
|
||||
.hover-indigo-4:focus { color: undefined; }
|
||||
.hover-indigo-5:hover { color: undefined; }
|
||||
.hover-indigo-5:focus { color: undefined; }
|
||||
.hover-indigo-6:hover { color: undefined; }
|
||||
.hover-indigo-6:focus { color: undefined; }
|
||||
.hover-indigo-7:hover { color: undefined; }
|
||||
.hover-indigo-7:focus { color: undefined; }
|
||||
.hover-indigo-8:hover { color: undefined; }
|
||||
.hover-indigo-8:focus { color: undefined; }
|
||||
.hover-indigo-9:hover { color: undefined; }
|
||||
.hover-indigo-9:focus { color: undefined; }
|
||||
.hover-indigo-10:hover { color: undefined; }
|
||||
.hover-indigo-10:focus { color: undefined; }
|
||||
.hover-purple-0:hover { color: undefined; }
|
||||
.hover-purple-0:focus { color: undefined; }
|
||||
.hover-purple-1:hover { color: undefined; }
|
||||
.hover-purple-1:focus { color: undefined; }
|
||||
.hover-purple-2:hover { color: undefined; }
|
||||
.hover-purple-2:focus { color: undefined; }
|
||||
.hover-purple-3:hover { color: undefined; }
|
||||
.hover-purple-3:focus { color: undefined; }
|
||||
.hover-purple-4:hover { color: undefined; }
|
||||
.hover-purple-4:focus { color: undefined; }
|
||||
.hover-purple-5:hover { color: undefined; }
|
||||
.hover-purple-5:focus { color: undefined; }
|
||||
.hover-purple-6:hover { color: undefined; }
|
||||
.hover-purple-6:focus { color: undefined; }
|
||||
.hover-purple-7:hover { color: undefined; }
|
||||
.hover-purple-7:focus { color: undefined; }
|
||||
.hover-purple-8:hover { color: undefined; }
|
||||
.hover-purple-8:focus { color: undefined; }
|
||||
.hover-purple-9:hover { color: undefined; }
|
||||
.hover-purple-9:focus { color: undefined; }
|
||||
.hover-purple-10:hover { color: undefined; }
|
||||
.hover-purple-10:focus { color: undefined; }
|
||||
.hover-pink-0:hover { color: undefined; }
|
||||
.hover-pink-0:focus { color: undefined; }
|
||||
.hover-pink-1:hover { color: undefined; }
|
||||
.hover-pink-1:focus { color: undefined; }
|
||||
.hover-pink-2:hover { color: undefined; }
|
||||
.hover-pink-2:focus { color: undefined; }
|
||||
.hover-pink-3:hover { color: undefined; }
|
||||
.hover-pink-3:focus { color: undefined; }
|
||||
.hover-pink-4:hover { color: undefined; }
|
||||
.hover-pink-4:focus { color: undefined; }
|
||||
.hover-pink-5:hover { color: undefined; }
|
||||
.hover-pink-5:focus { color: undefined; }
|
||||
.hover-pink-6:hover { color: undefined; }
|
||||
.hover-pink-6:focus { color: undefined; }
|
||||
.hover-pink-7:hover { color: undefined; }
|
||||
.hover-pink-7:focus { color: undefined; }
|
||||
.hover-pink-8:hover { color: undefined; }
|
||||
.hover-pink-8:focus { color: undefined; }
|
||||
.hover-pink-9:hover { color: undefined; }
|
||||
.hover-pink-9:focus { color: undefined; }
|
||||
.hover-pink-10:hover { color: undefined; }
|
||||
.hover-pink-10:focus { color: undefined; }
|
||||
.hover-red-0:hover { color: undefined; }
|
||||
.hover-red-0:focus { color: undefined; }
|
||||
.hover-red-1:hover { color: undefined; }
|
||||
.hover-red-1:focus { color: undefined; }
|
||||
.hover-red-2:hover { color: undefined; }
|
||||
.hover-red-2:focus { color: undefined; }
|
||||
.hover-red-3:hover { color: undefined; }
|
||||
.hover-red-3:focus { color: undefined; }
|
||||
.hover-red-4:hover { color: undefined; }
|
||||
.hover-red-4:focus { color: undefined; }
|
||||
.hover-red-5:hover { color: undefined; }
|
||||
.hover-red-5:focus { color: undefined; }
|
||||
.hover-red-6:hover { color: undefined; }
|
||||
.hover-red-6:focus { color: undefined; }
|
||||
.hover-red-7:hover { color: undefined; }
|
||||
.hover-red-7:focus { color: undefined; }
|
||||
.hover-red-8:hover { color: undefined; }
|
||||
.hover-red-8:focus { color: undefined; }
|
||||
.hover-red-9:hover { color: undefined; }
|
||||
.hover-red-9:focus { color: undefined; }
|
||||
.hover-red-10:hover { color: undefined; }
|
||||
.hover-red-10:focus { color: undefined; }
|
||||
.hover-orange-0:hover { color: undefined; }
|
||||
.hover-orange-0:focus { color: undefined; }
|
||||
.hover-orange-1:hover { color: undefined; }
|
||||
.hover-orange-1:focus { color: undefined; }
|
||||
.hover-orange-2:hover { color: undefined; }
|
||||
.hover-orange-2:focus { color: undefined; }
|
||||
.hover-orange-3:hover { color: undefined; }
|
||||
.hover-orange-3:focus { color: undefined; }
|
||||
.hover-orange-4:hover { color: undefined; }
|
||||
.hover-orange-4:focus { color: undefined; }
|
||||
.hover-orange-5:hover { color: undefined; }
|
||||
.hover-orange-5:focus { color: undefined; }
|
||||
.hover-orange-6:hover { color: undefined; }
|
||||
.hover-orange-6:focus { color: undefined; }
|
||||
.hover-orange-7:hover { color: undefined; }
|
||||
.hover-orange-7:focus { color: undefined; }
|
||||
.hover-orange-8:hover { color: undefined; }
|
||||
.hover-orange-8:focus { color: undefined; }
|
||||
.hover-orange-9:hover { color: undefined; }
|
||||
.hover-orange-9:focus { color: undefined; }
|
||||
.hover-orange-10:hover { color: undefined; }
|
||||
.hover-orange-10:focus { color: undefined; }
|
||||
.hover-yellow-0:hover { color: undefined; }
|
||||
.hover-yellow-0:focus { color: undefined; }
|
||||
.hover-yellow-1:hover { color: undefined; }
|
||||
.hover-yellow-1:focus { color: undefined; }
|
||||
.hover-yellow-2:hover { color: undefined; }
|
||||
.hover-yellow-2:focus { color: undefined; }
|
||||
.hover-yellow-3:hover { color: undefined; }
|
||||
.hover-yellow-3:focus { color: undefined; }
|
||||
.hover-yellow-4:hover { color: undefined; }
|
||||
.hover-yellow-4:focus { color: undefined; }
|
||||
.hover-yellow-5:hover { color: undefined; }
|
||||
.hover-yellow-5:focus { color: undefined; }
|
||||
.hover-yellow-6:hover { color: undefined; }
|
||||
.hover-yellow-6:focus { color: undefined; }
|
||||
.hover-yellow-7:hover { color: undefined; }
|
||||
.hover-yellow-7:focus { color: undefined; }
|
||||
.hover-yellow-8:hover { color: undefined; }
|
||||
.hover-yellow-8:focus { color: undefined; }
|
||||
.hover-yellow-9:hover { color: undefined; }
|
||||
.hover-yellow-9:focus { color: undefined; }
|
||||
.hover-yellow-10:hover { color: undefined; }
|
||||
.hover-yellow-10:focus { color: undefined; }
|
||||
/* Background colors */
|
||||
.hover-bg-transparent:hover { background-color: undefined; }
|
||||
.hover-bg-transparent:focus { background-color: undefined; }
|
||||
.hover-bg-black-90:hover { background-color: undefined; }
|
||||
@ -110,123 +316,270 @@ http://tachyons.io/docs/themes/skins-pseudo/
|
||||
.hover-bg-black-20:focus { background-color: undefined; }
|
||||
.hover-bg-black-10:hover { background-color: undefined; }
|
||||
.hover-bg-black-10:focus { background-color: undefined; }
|
||||
.hover-bg-white-90:hover { background-color: undefined; }
|
||||
.hover-bg-white-90:focus { background-color: undefined; }
|
||||
.hover-bg-white-80:hover { background-color: undefined; }
|
||||
.hover-bg-white-80:focus { background-color: undefined; }
|
||||
.hover-bg-white-70:hover { background-color: undefined; }
|
||||
.hover-bg-white-70:focus { background-color: undefined; }
|
||||
.hover-bg-white-60:hover { background-color: undefined; }
|
||||
.hover-bg-white-60:focus { background-color: undefined; }
|
||||
.hover-bg-white-50:hover { background-color: undefined; }
|
||||
.hover-bg-white-50:focus { background-color: undefined; }
|
||||
.hover-bg-white-40:hover { background-color: undefined; }
|
||||
.hover-bg-white-40:focus { background-color: undefined; }
|
||||
.hover-bg-white-30:hover { background-color: undefined; }
|
||||
.hover-bg-white-30:focus { background-color: undefined; }
|
||||
.hover-bg-white-20:hover { background-color: undefined; }
|
||||
.hover-bg-white-20:focus { background-color: undefined; }
|
||||
.hover-bg-white-10:hover { background-color: undefined; }
|
||||
.hover-bg-white-10:focus { background-color: undefined; }
|
||||
.hover-dark-red:hover { color: undefined; }
|
||||
.hover-dark-red:focus { color: undefined; }
|
||||
.hover-red:hover { color: undefined; }
|
||||
.hover-red:focus { color: undefined; }
|
||||
.hover-light-red:hover { color: undefined; }
|
||||
.hover-light-red:focus { color: undefined; }
|
||||
.hover-orange:hover { color: undefined; }
|
||||
.hover-orange:focus { color: undefined; }
|
||||
.hover-gold:hover { color: undefined; }
|
||||
.hover-gold:focus { color: undefined; }
|
||||
.hover-yellow:hover { color: undefined; }
|
||||
.hover-yellow:focus { color: undefined; }
|
||||
.hover-light-yellow:hover { color: undefined; }
|
||||
.hover-light-yellow:focus { color: undefined; }
|
||||
.hover-purple:hover { color: undefined; }
|
||||
.hover-purple:focus { color: undefined; }
|
||||
.hover-light-purple:hover { color: undefined; }
|
||||
.hover-light-purple:focus { color: undefined; }
|
||||
.hover-dark-pink:hover { color: undefined; }
|
||||
.hover-dark-pink:focus { color: undefined; }
|
||||
.hover-hot-pink:hover { color: undefined; }
|
||||
.hover-hot-pink:focus { color: undefined; }
|
||||
.hover-pink:hover { color: undefined; }
|
||||
.hover-pink:focus { color: undefined; }
|
||||
.hover-light-pink:hover { color: undefined; }
|
||||
.hover-light-pink:focus { color: undefined; }
|
||||
.hover-dark-green:hover { color: undefined; }
|
||||
.hover-dark-green:focus { color: undefined; }
|
||||
.hover-green:hover { color: undefined; }
|
||||
.hover-green:focus { color: undefined; }
|
||||
.hover-light-green:hover { color: undefined; }
|
||||
.hover-light-green:focus { color: undefined; }
|
||||
.hover-navy:hover { color: undefined; }
|
||||
.hover-navy:focus { color: undefined; }
|
||||
.hover-dark-blue:hover { color: undefined; }
|
||||
.hover-dark-blue:focus { color: undefined; }
|
||||
.hover-blue:hover { color: undefined; }
|
||||
.hover-blue:focus { color: undefined; }
|
||||
.hover-light-blue:hover { color: undefined; }
|
||||
.hover-light-blue:focus { color: undefined; }
|
||||
.hover-lightest-blue:hover { color: undefined; }
|
||||
.hover-lightest-blue:focus { color: undefined; }
|
||||
.hover-washed-blue:hover { color: undefined; }
|
||||
.hover-washed-blue:focus { color: undefined; }
|
||||
.hover-washed-green:hover { color: undefined; }
|
||||
.hover-washed-green:focus { color: undefined; }
|
||||
.hover-washed-yellow:hover { color: undefined; }
|
||||
.hover-washed-yellow:focus { color: undefined; }
|
||||
.hover-washed-red:hover { color: undefined; }
|
||||
.hover-washed-red:focus { color: undefined; }
|
||||
.hover-bg-dark-red:hover { background-color: undefined; }
|
||||
.hover-bg-dark-red:focus { background-color: undefined; }
|
||||
.hover-bg-red:hover { background-color: undefined; }
|
||||
.hover-bg-red:focus { background-color: undefined; }
|
||||
.hover-bg-light-red:hover { background-color: undefined; }
|
||||
.hover-bg-light-red:focus { background-color: undefined; }
|
||||
.hover-bg-orange:hover { background-color: undefined; }
|
||||
.hover-bg-orange:focus { background-color: undefined; }
|
||||
.hover-bg-gold:hover { background-color: undefined; }
|
||||
.hover-bg-gold:focus { background-color: undefined; }
|
||||
.hover-bg-yellow:hover { background-color: undefined; }
|
||||
.hover-bg-yellow:focus { background-color: undefined; }
|
||||
.hover-bg-light-yellow:hover { background-color: undefined; }
|
||||
.hover-bg-light-yellow:focus { background-color: undefined; }
|
||||
.hover-bg-purple:hover { background-color: undefined; }
|
||||
.hover-bg-purple:focus { background-color: undefined; }
|
||||
.hover-bg-light-purple:hover { background-color: undefined; }
|
||||
.hover-bg-light-purple:focus { background-color: undefined; }
|
||||
.hover-bg-dark-pink:hover { background-color: undefined; }
|
||||
.hover-bg-dark-pink:focus { background-color: undefined; }
|
||||
.hover-bg-hot-pink:hover { background-color: undefined; }
|
||||
.hover-bg-hot-pink:focus { background-color: undefined; }
|
||||
.hover-bg-pink:hover { background-color: undefined; }
|
||||
.hover-bg-pink:focus { background-color: undefined; }
|
||||
.hover-bg-light-pink:hover { background-color: undefined; }
|
||||
.hover-bg-light-pink:focus { background-color: undefined; }
|
||||
.hover-bg-dark-green:hover { background-color: undefined; }
|
||||
.hover-bg-dark-green:focus { background-color: undefined; }
|
||||
.hover-bg-green:hover { background-color: undefined; }
|
||||
.hover-bg-green:focus { background-color: undefined; }
|
||||
.hover-bg-light-green:hover { background-color: undefined; }
|
||||
.hover-bg-light-green:focus { background-color: undefined; }
|
||||
.hover-bg-navy:hover { background-color: undefined; }
|
||||
.hover-bg-navy:focus { background-color: undefined; }
|
||||
.hover-bg-dark-blue:hover { background-color: undefined; }
|
||||
.hover-bg-dark-blue:focus { background-color: undefined; }
|
||||
.hover-bg-blue:hover { background-color: undefined; }
|
||||
.hover-bg-blue:focus { background-color: undefined; }
|
||||
.hover-bg-light-blue:hover { background-color: undefined; }
|
||||
.hover-bg-light-blue:focus { background-color: undefined; }
|
||||
.hover-bg-lightest-blue:hover { background-color: undefined; }
|
||||
.hover-bg-lightest-blue:focus { background-color: undefined; }
|
||||
.hover-bg-washed-blue:hover { background-color: undefined; }
|
||||
.hover-bg-washed-blue:focus { background-color: undefined; }
|
||||
.hover-bg-washed-green:hover { background-color: undefined; }
|
||||
.hover-bg-washed-green:focus { background-color: undefined; }
|
||||
.hover-bg-washed-yellow:hover { background-color: undefined; }
|
||||
.hover-bg-washed-yellow:focus { background-color: undefined; }
|
||||
.hover-bg-washed-red:hover { background-color: undefined; }
|
||||
.hover-bg-washed-red:focus { background-color: undefined; }
|
||||
.hover-bg-inherit:hover, .hover-bg-inherit:focus { background-color: inherit; }
|
||||
.hover-bg-black-05:hover { background-color: undefined; }
|
||||
.hover-bg-black-05:focus { background-color: undefined; }
|
||||
.bg-white-90:hover { background-color: undefined; }
|
||||
.bg-white-90:focus { background-color: undefined; }
|
||||
.bg-white-80:hover { background-color: undefined; }
|
||||
.bg-white-80:focus { background-color: undefined; }
|
||||
.bg-white-70:hover { background-color: undefined; }
|
||||
.bg-white-70:focus { background-color: undefined; }
|
||||
.bg-white-60:hover { background-color: undefined; }
|
||||
.bg-white-60:focus { background-color: undefined; }
|
||||
.bg-white-50:hover { background-color: undefined; }
|
||||
.bg-white-50:focus { background-color: undefined; }
|
||||
.bg-white-40:hover { background-color: undefined; }
|
||||
.bg-white-40:focus { background-color: undefined; }
|
||||
.bg-white-30:hover { background-color: undefined; }
|
||||
.bg-white-30:focus { background-color: undefined; }
|
||||
.bg-white-20:hover { background-color: undefined; }
|
||||
.bg-white-20:focus { background-color: undefined; }
|
||||
.bg-white-10:hover { background-color: undefined; }
|
||||
.bg-white-10:focus { background-color: undefined; }
|
||||
.hover-bg-black:hover { background-color: undefined; }
|
||||
.hover-bg-black:focus { background-color: undefined; }
|
||||
.hover-bg-gray-0:hover { background-color: undefined; }
|
||||
.hover-bg-gray-0:focus { background-color: undefined; }
|
||||
.hover-bg-gray-1:hover { background-color: undefined; }
|
||||
.hover-bg-gray-1:focus { background-color: undefined; }
|
||||
.hover-bg-gray-2:hover { background-color: undefined; }
|
||||
.hover-bg-gray-2:focus { background-color: undefined; }
|
||||
.hover-bg-gray-3:hover { background-color: undefined; }
|
||||
.hover-bg-gray-3:focus { background-color: undefined; }
|
||||
.hover-bg-gray-4:hover { background-color: undefined; }
|
||||
.hover-bg-gray-4:focus { background-color: undefined; }
|
||||
.hover-bg-gray-5:hover { background-color: undefined; }
|
||||
.hover-bg-gray-5:focus { background-color: undefined; }
|
||||
.hover-bg-gray-6:hover { background-color: undefined; }
|
||||
.hover-bg-gray-6:focus { background-color: undefined; }
|
||||
.hover-bg-gray-7:hover { background-color: undefined; }
|
||||
.hover-bg-gray-7:focus { background-color: undefined; }
|
||||
.hover-bg-gray-8:hover { background-color: undefined; }
|
||||
.hover-bg-gray-8:focus { background-color: undefined; }
|
||||
.hover-bg-gray-9:hover { background-color: undefined; }
|
||||
.hover-bg-gray-9:focus { background-color: undefined; }
|
||||
.hover-bg-gray-10:hover { background-color: undefined; }
|
||||
.hover-bg-gray-10:focus { background-color: undefined; }
|
||||
.hover-bg-white:hover { background-color: undefined; }
|
||||
.hover-bg-white:focus { background-color: undefined; }
|
||||
.hover-bg-green-0:hover { background-color: undefined; }
|
||||
.hover-bg-green-0:focus { background-color: undefined; }
|
||||
.hover-bg-green-1:hover { background-color: undefined; }
|
||||
.hover-bg-green-1:focus { background-color: undefined; }
|
||||
.hover-bg-green-2:hover { background-color: undefined; }
|
||||
.hover-bg-green-2:focus { background-color: undefined; }
|
||||
.hover-bg-green-3:hover { background-color: undefined; }
|
||||
.hover-bg-green-3:focus { background-color: undefined; }
|
||||
.hover-bg-green-4:hover { background-color: undefined; }
|
||||
.hover-bg-green-4:focus { background-color: undefined; }
|
||||
.hover-bg-green-5:hover { background-color: undefined; }
|
||||
.hover-bg-green-5:focus { background-color: undefined; }
|
||||
.hover-bg-green-6:hover { background-color: undefined; }
|
||||
.hover-bg-green-6:focus { background-color: undefined; }
|
||||
.hover-bg-green-7:hover { background-color: undefined; }
|
||||
.hover-bg-green-7:focus { background-color: undefined; }
|
||||
.hover-bg-green-8:hover { background-color: undefined; }
|
||||
.hover-bg-green-8:focus { background-color: undefined; }
|
||||
.hover-bg-green-9:hover { background-color: undefined; }
|
||||
.hover-bg-green-9:focus { background-color: undefined; }
|
||||
.hover-bg-green-10:hover { background-color: undefined; }
|
||||
.hover-bg-green-10:focus { background-color: undefined; }
|
||||
.hover-bg-teal-0:hover { background-color: undefined; }
|
||||
.hover-bg-teal-0:focus { background-color: undefined; }
|
||||
.hover-bg-teal-1:hover { background-color: undefined; }
|
||||
.hover-bg-teal-1:focus { background-color: undefined; }
|
||||
.hover-bg-teal-2:hover { background-color: undefined; }
|
||||
.hover-bg-teal-2:focus { background-color: undefined; }
|
||||
.hover-bg-teal-3:hover { background-color: undefined; }
|
||||
.hover-bg-teal-3:focus { background-color: undefined; }
|
||||
.hover-bg-teal-4:hover { background-color: undefined; }
|
||||
.hover-bg-teal-4:focus { background-color: undefined; }
|
||||
.hover-bg-teal-5:hover { background-color: undefined; }
|
||||
.hover-bg-teal-5:focus { background-color: undefined; }
|
||||
.hover-bg-teal-6:hover { background-color: undefined; }
|
||||
.hover-bg-teal-6:focus { background-color: undefined; }
|
||||
.hover-bg-teal-7:hover { background-color: undefined; }
|
||||
.hover-bg-teal-7:focus { background-color: undefined; }
|
||||
.hover-bg-teal-8:hover { background-color: undefined; }
|
||||
.hover-bg-teal-8:focus { background-color: undefined; }
|
||||
.hover-bg-teal-9:hover { background-color: undefined; }
|
||||
.hover-bg-teal-9:focus { background-color: undefined; }
|
||||
.hover-bg-teal-10:hover { background-color: undefined; }
|
||||
.hover-bg-teal-10:focus { background-color: undefined; }
|
||||
.hover-bg-cyan-0:hover { background-color: undefined; }
|
||||
.hover-bg-cyan-0:focus { background-color: undefined; }
|
||||
.hover-bg-cyan-1:hover { background-color: undefined; }
|
||||
.hover-bg-cyan-1:focus { background-color: undefined; }
|
||||
.hover-bg-cyan-2:hover { background-color: undefined; }
|
||||
.hover-bg-cyan-2:focus { background-color: undefined; }
|
||||
.hover-bg-cyan-3:hover { background-color: undefined; }
|
||||
.hover-bg-cyan-3:focus { background-color: undefined; }
|
||||
.hover-bg-cyan-4:hover { background-color: undefined; }
|
||||
.hover-bg-cyan-4:focus { background-color: undefined; }
|
||||
.hover-bg-cyan-5:hover { background-color: undefined; }
|
||||
.hover-bg-cyan-5:focus { background-color: undefined; }
|
||||
.hover-bg-cyan-6:hover { background-color: undefined; }
|
||||
.hover-bg-cyan-6:focus { background-color: undefined; }
|
||||
.hover-bg-cyan-7:hover { background-color: undefined; }
|
||||
.hover-bg-cyan-7:focus { background-color: undefined; }
|
||||
.hover-bg-cyan-8:hover { background-color: undefined; }
|
||||
.hover-bg-cyan-8:focus { background-color: undefined; }
|
||||
.hover-bg-cyan-9:hover { background-color: undefined; }
|
||||
.hover-bg-cyan-9:focus { background-color: undefined; }
|
||||
.hover-bg-cyan-10:hover { background-color: undefined; }
|
||||
.hover-bg-cyan-10:focus { background-color: undefined; }
|
||||
.hover-bg-blue-0:hover { background-color: undefined; }
|
||||
.hover-bg-blue-0:focus { background-color: undefined; }
|
||||
.hover-bg-blue-1:hover { background-color: undefined; }
|
||||
.hover-bg-blue-1:focus { background-color: undefined; }
|
||||
.hover-bg-blue-2:hover { background-color: undefined; }
|
||||
.hover-bg-blue-2:focus { background-color: undefined; }
|
||||
.hover-bg-blue-3:hover { background-color: undefined; }
|
||||
.hover-bg-blue-3:focus { background-color: undefined; }
|
||||
.hover-bg-blue-4:hover { background-color: undefined; }
|
||||
.hover-bg-blue-4:focus { background-color: undefined; }
|
||||
.hover-bg-blue-5:hover { background-color: undefined; }
|
||||
.hover-bg-blue-5:focus { background-color: undefined; }
|
||||
.hover-bg-blue-6:hover { background-color: undefined; }
|
||||
.hover-bg-blue-6:focus { background-color: undefined; }
|
||||
.hover-bg-blue-7:hover { background-color: undefined; }
|
||||
.hover-bg-blue-7:focus { background-color: undefined; }
|
||||
.hover-bg-blue-8:hover { background-color: undefined; }
|
||||
.hover-bg-blue-8:focus { background-color: undefined; }
|
||||
.hover-bg-blue-9:hover { background-color: undefined; }
|
||||
.hover-bg-blue-9:focus { background-color: undefined; }
|
||||
.hover-bg-blue-10:hover { background-color: undefined; }
|
||||
.hover-bg-blue-10:focus { background-color: undefined; }
|
||||
.hover-bg-indigo-0:hover { background-color: undefined; }
|
||||
.hover-bg-indigo-0:focus { background-color: undefined; }
|
||||
.hover-bg-indigo-1:hover { background-color: undefined; }
|
||||
.hover-bg-indigo-1:focus { background-color: undefined; }
|
||||
.hover-bg-indigo-2:hover { background-color: undefined; }
|
||||
.hover-bg-indigo-2:focus { background-color: undefined; }
|
||||
.hover-bg-indigo-3:hover { background-color: undefined; }
|
||||
.hover-bg-indigo-3:focus { background-color: undefined; }
|
||||
.hover-bg-indigo-4:hover { background-color: undefined; }
|
||||
.hover-bg-indigo-4:focus { background-color: undefined; }
|
||||
.hover-bg-indigo-5:hover { background-color: undefined; }
|
||||
.hover-bg-indigo-5:focus { background-color: undefined; }
|
||||
.hover-bg-indigo-6:hover { background-color: undefined; }
|
||||
.hover-bg-indigo-6:focus { background-color: undefined; }
|
||||
.hover-bg-indigo-7:hover { background-color: undefined; }
|
||||
.hover-bg-indigo-7:focus { background-color: undefined; }
|
||||
.hover-bg-indigo-8:hover { background-color: undefined; }
|
||||
.hover-bg-indigo-8:focus { background-color: undefined; }
|
||||
.hover-bg-indigo-9:hover { background-color: undefined; }
|
||||
.hover-bg-indigo-9:focus { background-color: undefined; }
|
||||
.hover-bg-indigo-10:hover { background-color: undefined; }
|
||||
.hover-bg-indigo-10:focus { background-color: undefined; }
|
||||
.hover-bg-purple-0:hover { background-color: undefined; }
|
||||
.hover-bg-purple-0:focus { background-color: undefined; }
|
||||
.hover-bg-purple-1:hover { background-color: undefined; }
|
||||
.hover-bg-purple-1:focus { background-color: undefined; }
|
||||
.hover-bg-purple-2:hover { background-color: undefined; }
|
||||
.hover-bg-purple-2:focus { background-color: undefined; }
|
||||
.hover-bg-purple-3:hover { background-color: undefined; }
|
||||
.hover-bg-purple-3:focus { background-color: undefined; }
|
||||
.hover-bg-purple-4:hover { background-color: undefined; }
|
||||
.hover-bg-purple-4:focus { background-color: undefined; }
|
||||
.hover-bg-purple-5:hover { background-color: undefined; }
|
||||
.hover-bg-purple-5:focus { background-color: undefined; }
|
||||
.hover-bg-purple-6:hover { background-color: undefined; }
|
||||
.hover-bg-purple-6:focus { background-color: undefined; }
|
||||
.hover-bg-purple-7:hover { background-color: undefined; }
|
||||
.hover-bg-purple-7:focus { background-color: undefined; }
|
||||
.hover-bg-purple-8:hover { background-color: undefined; }
|
||||
.hover-bg-purple-8:focus { background-color: undefined; }
|
||||
.hover-bg-purple-9:hover { background-color: undefined; }
|
||||
.hover-bg-purple-9:focus { background-color: undefined; }
|
||||
.hover-bg-purple-10:hover { background-color: undefined; }
|
||||
.hover-bg-purple-10:focus { background-color: undefined; }
|
||||
.hover-bg-pink-0:hover { background-color: undefined; }
|
||||
.hover-bg-pink-0:focus { background-color: undefined; }
|
||||
.hover-bg-pink-1:hover { background-color: undefined; }
|
||||
.hover-bg-pink-1:focus { background-color: undefined; }
|
||||
.hover-bg-pink-2:hover { background-color: undefined; }
|
||||
.hover-bg-pink-2:focus { background-color: undefined; }
|
||||
.hover-bg-pink-3:hover { background-color: undefined; }
|
||||
.hover-bg-pink-3:focus { background-color: undefined; }
|
||||
.hover-bg-pink-4:hover { background-color: undefined; }
|
||||
.hover-bg-pink-4:focus { background-color: undefined; }
|
||||
.hover-bg-pink-5:hover { background-color: undefined; }
|
||||
.hover-bg-pink-5:focus { background-color: undefined; }
|
||||
.hover-bg-pink-6:hover { background-color: undefined; }
|
||||
.hover-bg-pink-6:focus { background-color: undefined; }
|
||||
.hover-bg-pink-7:hover { background-color: undefined; }
|
||||
.hover-bg-pink-7:focus { background-color: undefined; }
|
||||
.hover-bg-pink-8:hover { background-color: undefined; }
|
||||
.hover-bg-pink-8:focus { background-color: undefined; }
|
||||
.hover-bg-pink-9:hover { background-color: undefined; }
|
||||
.hover-bg-pink-9:focus { background-color: undefined; }
|
||||
.hover-bg-pink-10:hover { background-color: undefined; }
|
||||
.hover-bg-pink-10:focus { background-color: undefined; }
|
||||
.hover-bg-red-0:hover { background-color: undefined; }
|
||||
.hover-bg-red-0:focus { background-color: undefined; }
|
||||
.hover-bg-red-1:hover { background-color: undefined; }
|
||||
.hover-bg-red-1:focus { background-color: undefined; }
|
||||
.hover-bg-red-2:hover { background-color: undefined; }
|
||||
.hover-bg-red-2:focus { background-color: undefined; }
|
||||
.hover-bg-red-3:hover { background-color: undefined; }
|
||||
.hover-bg-red-3:focus { background-color: undefined; }
|
||||
.hover-bg-red-4:hover { background-color: undefined; }
|
||||
.hover-bg-red-4:focus { background-color: undefined; }
|
||||
.hover-bg-red-5:hover { background-color: undefined; }
|
||||
.hover-bg-red-5:focus { background-color: undefined; }
|
||||
.hover-bg-red-6:hover { background-color: undefined; }
|
||||
.hover-bg-red-6:focus { background-color: undefined; }
|
||||
.hover-bg-red-7:hover { background-color: undefined; }
|
||||
.hover-bg-red-7:focus { background-color: undefined; }
|
||||
.hover-bg-red-8:hover { background-color: undefined; }
|
||||
.hover-bg-red-8:focus { background-color: undefined; }
|
||||
.hover-bg-red-9:hover { background-color: undefined; }
|
||||
.hover-bg-red-9:focus { background-color: undefined; }
|
||||
.hover-bg-red-10:hover { background-color: undefined; }
|
||||
.hover-bg-red-10:focus { background-color: undefined; }
|
||||
.hover-bg-orange-0:hover { background-color: undefined; }
|
||||
.hover-bg-orange-0:focus { background-color: undefined; }
|
||||
.hover-bg-orange-1:hover { background-color: undefined; }
|
||||
.hover-bg-orange-1:focus { background-color: undefined; }
|
||||
.hover-bg-orange-2:hover { background-color: undefined; }
|
||||
.hover-bg-orange-2:focus { background-color: undefined; }
|
||||
.hover-bg-orange-3:hover { background-color: undefined; }
|
||||
.hover-bg-orange-3:focus { background-color: undefined; }
|
||||
.hover-bg-orange-4:hover { background-color: undefined; }
|
||||
.hover-bg-orange-4:focus { background-color: undefined; }
|
||||
.hover-bg-orange-5:hover { background-color: undefined; }
|
||||
.hover-bg-orange-5:focus { background-color: undefined; }
|
||||
.hover-bg-orange-6:hover { background-color: undefined; }
|
||||
.hover-bg-orange-6:focus { background-color: undefined; }
|
||||
.hover-bg-orange-7:hover { background-color: undefined; }
|
||||
.hover-bg-orange-7:focus { background-color: undefined; }
|
||||
.hover-bg-orange-8:hover { background-color: undefined; }
|
||||
.hover-bg-orange-8:focus { background-color: undefined; }
|
||||
.hover-bg-orange-9:hover { background-color: undefined; }
|
||||
.hover-bg-orange-9:focus { background-color: undefined; }
|
||||
.hover-bg-orange-10:hover { background-color: undefined; }
|
||||
.hover-bg-orange-10:focus { background-color: undefined; }
|
||||
.hover-bg-yellow-0:hover { background-color: undefined; }
|
||||
.hover-bg-yellow-0:focus { background-color: undefined; }
|
||||
.hover-bg-yellow-1:hover { background-color: undefined; }
|
||||
.hover-bg-yellow-1:focus { background-color: undefined; }
|
||||
.hover-bg-yellow-2:hover { background-color: undefined; }
|
||||
.hover-bg-yellow-2:focus { background-color: undefined; }
|
||||
.hover-bg-yellow-3:hover { background-color: undefined; }
|
||||
.hover-bg-yellow-3:focus { background-color: undefined; }
|
||||
.hover-bg-yellow-4:hover { background-color: undefined; }
|
||||
.hover-bg-yellow-4:focus { background-color: undefined; }
|
||||
.hover-bg-yellow-5:hover { background-color: undefined; }
|
||||
.hover-bg-yellow-5:focus { background-color: undefined; }
|
||||
.hover-bg-yellow-6:hover { background-color: undefined; }
|
||||
.hover-bg-yellow-6:focus { background-color: undefined; }
|
||||
.hover-bg-yellow-7:hover { background-color: undefined; }
|
||||
.hover-bg-yellow-7:focus { background-color: undefined; }
|
||||
.hover-bg-yellow-8:hover { background-color: undefined; }
|
||||
.hover-bg-yellow-8:focus { background-color: undefined; }
|
||||
.hover-bg-yellow-9:hover { background-color: undefined; }
|
||||
.hover-bg-yellow-9:focus { background-color: undefined; }
|
||||
.hover-bg-yellow-10:hover { background-color: undefined; }
|
||||
.hover-bg-yellow-10:focus { background-color: undefined; }
|
||||
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -12,7 +12,7 @@ http://tachyons.io/docs/themes/skins-pseudo/
|
||||
|
||||
### Stats
|
||||
|
||||
958 | 222 | 220
|
||||
1644 | 572 | 571
|
||||
---|---|---
|
||||
bytes | selectors | declarations
|
||||
|
||||
@ -63,7 +63,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
@ -93,28 +93,8 @@ it is focused or hovered over.
|
||||
|
||||
http://tachyons.io/docs/themes/skins-pseudo/
|
||||
*/
|
||||
.hover-black:hover { color: undefined; }
|
||||
.hover-black:focus { color: undefined; }
|
||||
.hover-near-black:hover { color: undefined; }
|
||||
.hover-near-black:focus { color: undefined; }
|
||||
.hover-dark-gray:hover { color: undefined; }
|
||||
.hover-dark-gray:focus { color: undefined; }
|
||||
.hover-mid-gray:hover { color: undefined; }
|
||||
.hover-mid-gray:focus { color: undefined; }
|
||||
.hover-gray:hover { color: undefined; }
|
||||
.hover-gray:focus { color: undefined; }
|
||||
.hover-silver:hover { color: undefined; }
|
||||
.hover-silver:focus { color: undefined; }
|
||||
.hover-light-silver:hover { color: undefined; }
|
||||
.hover-light-silver:focus { color: undefined; }
|
||||
.hover-moon-gray:hover { color: undefined; }
|
||||
.hover-moon-gray:focus { color: undefined; }
|
||||
.hover-light-gray:hover { color: undefined; }
|
||||
.hover-light-gray:focus { color: undefined; }
|
||||
.hover-near-white:hover { color: undefined; }
|
||||
.hover-near-white:focus { color: undefined; }
|
||||
.hover-white:hover { color: undefined; }
|
||||
.hover-white:focus { color: undefined; }
|
||||
/* Text colors */
|
||||
.hover-color-inherit:hover, .hover-color-inherit:focus { color: inherit; }
|
||||
.hover-black-90:hover { color: undefined; }
|
||||
.hover-black-90:focus { color: undefined; }
|
||||
.hover-black-80:hover { color: undefined; }
|
||||
@ -133,6 +113,8 @@ http://tachyons.io/docs/themes/skins-pseudo/
|
||||
.hover-black-20:focus { color: undefined; }
|
||||
.hover-black-10:hover { color: undefined; }
|
||||
.hover-black-10:focus { color: undefined; }
|
||||
.hover-black-05:hover { color: undefined; }
|
||||
.hover-black-05:focus { color: undefined; }
|
||||
.hover-white-90:hover { color: undefined; }
|
||||
.hover-white-90:focus { color: undefined; }
|
||||
.hover-white-80:hover { color: undefined; }
|
||||
@ -151,29 +133,253 @@ http://tachyons.io/docs/themes/skins-pseudo/
|
||||
.hover-white-20:focus { color: undefined; }
|
||||
.hover-white-10:hover { color: undefined; }
|
||||
.hover-white-10:focus { color: undefined; }
|
||||
.hover-inherit:hover, .hover-inherit:focus { color: inherit; }
|
||||
.hover-bg-black:hover { background-color: undefined; }
|
||||
.hover-bg-black:focus { background-color: undefined; }
|
||||
.hover-bg-near-black:hover { background-color: undefined; }
|
||||
.hover-bg-near-black:focus { background-color: undefined; }
|
||||
.hover-bg-dark-gray:hover { background-color: undefined; }
|
||||
.hover-bg-dark-gray:focus { background-color: undefined; }
|
||||
.hover-bg-mid-gray:hover { background-color: undefined; }
|
||||
.hover-bg-mid-gray:focus { background-color: undefined; }
|
||||
.hover-bg-gray:hover { background-color: undefined; }
|
||||
.hover-bg-gray:focus { background-color: undefined; }
|
||||
.hover-bg-silver:hover { background-color: undefined; }
|
||||
.hover-bg-silver:focus { background-color: undefined; }
|
||||
.hover-bg-light-silver:hover { background-color: undefined; }
|
||||
.hover-bg-light-silver:focus { background-color: undefined; }
|
||||
.hover-bg-moon-gray:hover { background-color: undefined; }
|
||||
.hover-bg-moon-gray:focus { background-color: undefined; }
|
||||
.hover-bg-light-gray:hover { background-color: undefined; }
|
||||
.hover-bg-light-gray:focus { background-color: undefined; }
|
||||
.hover-bg-near-white:hover { background-color: undefined; }
|
||||
.hover-bg-near-white:focus { background-color: undefined; }
|
||||
.hover-bg-white:hover { background-color: undefined; }
|
||||
.hover-bg-white:focus { background-color: undefined; }
|
||||
.hover-black:hover { color: undefined; }
|
||||
.hover-black:focus { color: undefined; }
|
||||
.hover-gray-0:hover { color: undefined; }
|
||||
.hover-gray-0:focus { color: undefined; }
|
||||
.hover-gray-1:hover { color: undefined; }
|
||||
.hover-gray-1:focus { color: undefined; }
|
||||
.hover-gray-2:hover { color: undefined; }
|
||||
.hover-gray-2:focus { color: undefined; }
|
||||
.hover-gray-3:hover { color: undefined; }
|
||||
.hover-gray-3:focus { color: undefined; }
|
||||
.hover-gray-4:hover { color: undefined; }
|
||||
.hover-gray-4:focus { color: undefined; }
|
||||
.hover-gray-5:hover { color: undefined; }
|
||||
.hover-gray-5:focus { color: undefined; }
|
||||
.hover-gray-6:hover { color: undefined; }
|
||||
.hover-gray-6:focus { color: undefined; }
|
||||
.hover-gray-7:hover { color: undefined; }
|
||||
.hover-gray-7:focus { color: undefined; }
|
||||
.hover-gray-8:hover { color: undefined; }
|
||||
.hover-gray-8:focus { color: undefined; }
|
||||
.hover-gray-9:hover { color: undefined; }
|
||||
.hover-gray-9:focus { color: undefined; }
|
||||
.hover-gray-10:hover { color: undefined; }
|
||||
.hover-gray-10:focus { color: undefined; }
|
||||
.hover-white:hover { color: undefined; }
|
||||
.hover-white:focus { color: undefined; }
|
||||
.hover-green-0:hover { color: undefined; }
|
||||
.hover-green-0:focus { color: undefined; }
|
||||
.hover-green-1:hover { color: undefined; }
|
||||
.hover-green-1:focus { color: undefined; }
|
||||
.hover-green-2:hover { color: undefined; }
|
||||
.hover-green-2:focus { color: undefined; }
|
||||
.hover-green-3:hover { color: undefined; }
|
||||
.hover-green-3:focus { color: undefined; }
|
||||
.hover-green-4:hover { color: undefined; }
|
||||
.hover-green-4:focus { color: undefined; }
|
||||
.hover-green-5:hover { color: undefined; }
|
||||
.hover-green-5:focus { color: undefined; }
|
||||
.hover-green-6:hover { color: undefined; }
|
||||
.hover-green-6:focus { color: undefined; }
|
||||
.hover-green-7:hover { color: undefined; }
|
||||
.hover-green-7:focus { color: undefined; }
|
||||
.hover-green-8:hover { color: undefined; }
|
||||
.hover-green-8:focus { color: undefined; }
|
||||
.hover-green-9:hover { color: undefined; }
|
||||
.hover-green-9:focus { color: undefined; }
|
||||
.hover-green-10:hover { color: undefined; }
|
||||
.hover-green-10:focus { color: undefined; }
|
||||
.hover-teal-0:hover { color: undefined; }
|
||||
.hover-teal-0:focus { color: undefined; }
|
||||
.hover-teal-1:hover { color: undefined; }
|
||||
.hover-teal-1:focus { color: undefined; }
|
||||
.hover-teal-2:hover { color: undefined; }
|
||||
.hover-teal-2:focus { color: undefined; }
|
||||
.hover-teal-3:hover { color: undefined; }
|
||||
.hover-teal-3:focus { color: undefined; }
|
||||
.hover-teal-4:hover { color: undefined; }
|
||||
.hover-teal-4:focus { color: undefined; }
|
||||
.hover-teal-5:hover { color: undefined; }
|
||||
.hover-teal-5:focus { color: undefined; }
|
||||
.hover-teal-6:hover { color: undefined; }
|
||||
.hover-teal-6:focus { color: undefined; }
|
||||
.hover-teal-7:hover { color: undefined; }
|
||||
.hover-teal-7:focus { color: undefined; }
|
||||
.hover-teal-8:hover { color: undefined; }
|
||||
.hover-teal-8:focus { color: undefined; }
|
||||
.hover-teal-9:hover { color: undefined; }
|
||||
.hover-teal-9:focus { color: undefined; }
|
||||
.hover-teal-10:hover { color: undefined; }
|
||||
.hover-teal-10:focus { color: undefined; }
|
||||
.hover-teal-0:hover { color: undefined; }
|
||||
.hover-teal-0:focus { color: undefined; }
|
||||
.hover-teal-1:hover { color: undefined; }
|
||||
.hover-teal-1:focus { color: undefined; }
|
||||
.hover-teal-2:hover { color: undefined; }
|
||||
.hover-teal-2:focus { color: undefined; }
|
||||
.hover-teal-3:hover { color: undefined; }
|
||||
.hover-teal-3:focus { color: undefined; }
|
||||
.hover-teal-4:hover { color: undefined; }
|
||||
.hover-teal-4:focus { color: undefined; }
|
||||
.hover-teal-5:hover { color: undefined; }
|
||||
.hover-teal-5:focus { color: undefined; }
|
||||
.hover-teal-6:hover { color: undefined; }
|
||||
.hover-teal-6:focus { color: undefined; }
|
||||
.hover-teal-7:hover { color: undefined; }
|
||||
.hover-teal-7:focus { color: undefined; }
|
||||
.hover-teal-8:hover { color: undefined; }
|
||||
.hover-teal-8:focus { color: undefined; }
|
||||
.hover-teal-9:hover { color: undefined; }
|
||||
.hover-teal-9:focus { color: undefined; }
|
||||
.hover-teal-10:hover { color: undefined; }
|
||||
.hover-teal-10:focus { color: undefined; }
|
||||
.hover-blue-0:hover { color: undefined; }
|
||||
.hover-blue-0:focus { color: undefined; }
|
||||
.hover-blue-1:hover { color: undefined; }
|
||||
.hover-blue-1:focus { color: undefined; }
|
||||
.hover-blue-2:hover { color: undefined; }
|
||||
.hover-blue-2:focus { color: undefined; }
|
||||
.hover-blue-3:hover { color: undefined; }
|
||||
.hover-blue-3:focus { color: undefined; }
|
||||
.hover-blue-4:hover { color: undefined; }
|
||||
.hover-blue-4:focus { color: undefined; }
|
||||
.hover-blue-5:hover { color: undefined; }
|
||||
.hover-blue-5:focus { color: undefined; }
|
||||
.hover-blue-6:hover { color: undefined; }
|
||||
.hover-blue-6:focus { color: undefined; }
|
||||
.hover-blue-7:hover { color: undefined; }
|
||||
.hover-blue-7:focus { color: undefined; }
|
||||
.hover-blue-8:hover { color: undefined; }
|
||||
.hover-blue-8:focus { color: undefined; }
|
||||
.hover-blue-9:hover { color: undefined; }
|
||||
.hover-blue-9:focus { color: undefined; }
|
||||
.hover-blue-10:hover { color: undefined; }
|
||||
.hover-blue-10:focus { color: undefined; }
|
||||
.hover-indigo-0:hover { color: undefined; }
|
||||
.hover-indigo-0:focus { color: undefined; }
|
||||
.hover-indigo-1:hover { color: undefined; }
|
||||
.hover-indigo-1:focus { color: undefined; }
|
||||
.hover-indigo-2:hover { color: undefined; }
|
||||
.hover-indigo-2:focus { color: undefined; }
|
||||
.hover-indigo-3:hover { color: undefined; }
|
||||
.hover-indigo-3:focus { color: undefined; }
|
||||
.hover-indigo-4:hover { color: undefined; }
|
||||
.hover-indigo-4:focus { color: undefined; }
|
||||
.hover-indigo-5:hover { color: undefined; }
|
||||
.hover-indigo-5:focus { color: undefined; }
|
||||
.hover-indigo-6:hover { color: undefined; }
|
||||
.hover-indigo-6:focus { color: undefined; }
|
||||
.hover-indigo-7:hover { color: undefined; }
|
||||
.hover-indigo-7:focus { color: undefined; }
|
||||
.hover-indigo-8:hover { color: undefined; }
|
||||
.hover-indigo-8:focus { color: undefined; }
|
||||
.hover-indigo-9:hover { color: undefined; }
|
||||
.hover-indigo-9:focus { color: undefined; }
|
||||
.hover-indigo-10:hover { color: undefined; }
|
||||
.hover-indigo-10:focus { color: undefined; }
|
||||
.hover-purple-0:hover { color: undefined; }
|
||||
.hover-purple-0:focus { color: undefined; }
|
||||
.hover-purple-1:hover { color: undefined; }
|
||||
.hover-purple-1:focus { color: undefined; }
|
||||
.hover-purple-2:hover { color: undefined; }
|
||||
.hover-purple-2:focus { color: undefined; }
|
||||
.hover-purple-3:hover { color: undefined; }
|
||||
.hover-purple-3:focus { color: undefined; }
|
||||
.hover-purple-4:hover { color: undefined; }
|
||||
.hover-purple-4:focus { color: undefined; }
|
||||
.hover-purple-5:hover { color: undefined; }
|
||||
.hover-purple-5:focus { color: undefined; }
|
||||
.hover-purple-6:hover { color: undefined; }
|
||||
.hover-purple-6:focus { color: undefined; }
|
||||
.hover-purple-7:hover { color: undefined; }
|
||||
.hover-purple-7:focus { color: undefined; }
|
||||
.hover-purple-8:hover { color: undefined; }
|
||||
.hover-purple-8:focus { color: undefined; }
|
||||
.hover-purple-9:hover { color: undefined; }
|
||||
.hover-purple-9:focus { color: undefined; }
|
||||
.hover-purple-10:hover { color: undefined; }
|
||||
.hover-purple-10:focus { color: undefined; }
|
||||
.hover-pink-0:hover { color: undefined; }
|
||||
.hover-pink-0:focus { color: undefined; }
|
||||
.hover-pink-1:hover { color: undefined; }
|
||||
.hover-pink-1:focus { color: undefined; }
|
||||
.hover-pink-2:hover { color: undefined; }
|
||||
.hover-pink-2:focus { color: undefined; }
|
||||
.hover-pink-3:hover { color: undefined; }
|
||||
.hover-pink-3:focus { color: undefined; }
|
||||
.hover-pink-4:hover { color: undefined; }
|
||||
.hover-pink-4:focus { color: undefined; }
|
||||
.hover-pink-5:hover { color: undefined; }
|
||||
.hover-pink-5:focus { color: undefined; }
|
||||
.hover-pink-6:hover { color: undefined; }
|
||||
.hover-pink-6:focus { color: undefined; }
|
||||
.hover-pink-7:hover { color: undefined; }
|
||||
.hover-pink-7:focus { color: undefined; }
|
||||
.hover-pink-8:hover { color: undefined; }
|
||||
.hover-pink-8:focus { color: undefined; }
|
||||
.hover-pink-9:hover { color: undefined; }
|
||||
.hover-pink-9:focus { color: undefined; }
|
||||
.hover-pink-10:hover { color: undefined; }
|
||||
.hover-pink-10:focus { color: undefined; }
|
||||
.hover-red-0:hover { color: undefined; }
|
||||
.hover-red-0:focus { color: undefined; }
|
||||
.hover-red-1:hover { color: undefined; }
|
||||
.hover-red-1:focus { color: undefined; }
|
||||
.hover-red-2:hover { color: undefined; }
|
||||
.hover-red-2:focus { color: undefined; }
|
||||
.hover-red-3:hover { color: undefined; }
|
||||
.hover-red-3:focus { color: undefined; }
|
||||
.hover-red-4:hover { color: undefined; }
|
||||
.hover-red-4:focus { color: undefined; }
|
||||
.hover-red-5:hover { color: undefined; }
|
||||
.hover-red-5:focus { color: undefined; }
|
||||
.hover-red-6:hover { color: undefined; }
|
||||
.hover-red-6:focus { color: undefined; }
|
||||
.hover-red-7:hover { color: undefined; }
|
||||
.hover-red-7:focus { color: undefined; }
|
||||
.hover-red-8:hover { color: undefined; }
|
||||
.hover-red-8:focus { color: undefined; }
|
||||
.hover-red-9:hover { color: undefined; }
|
||||
.hover-red-9:focus { color: undefined; }
|
||||
.hover-red-10:hover { color: undefined; }
|
||||
.hover-red-10:focus { color: undefined; }
|
||||
.hover-orange-0:hover { color: undefined; }
|
||||
.hover-orange-0:focus { color: undefined; }
|
||||
.hover-orange-1:hover { color: undefined; }
|
||||
.hover-orange-1:focus { color: undefined; }
|
||||
.hover-orange-2:hover { color: undefined; }
|
||||
.hover-orange-2:focus { color: undefined; }
|
||||
.hover-orange-3:hover { color: undefined; }
|
||||
.hover-orange-3:focus { color: undefined; }
|
||||
.hover-orange-4:hover { color: undefined; }
|
||||
.hover-orange-4:focus { color: undefined; }
|
||||
.hover-orange-5:hover { color: undefined; }
|
||||
.hover-orange-5:focus { color: undefined; }
|
||||
.hover-orange-6:hover { color: undefined; }
|
||||
.hover-orange-6:focus { color: undefined; }
|
||||
.hover-orange-7:hover { color: undefined; }
|
||||
.hover-orange-7:focus { color: undefined; }
|
||||
.hover-orange-8:hover { color: undefined; }
|
||||
.hover-orange-8:focus { color: undefined; }
|
||||
.hover-orange-9:hover { color: undefined; }
|
||||
.hover-orange-9:focus { color: undefined; }
|
||||
.hover-orange-10:hover { color: undefined; }
|
||||
.hover-orange-10:focus { color: undefined; }
|
||||
.hover-yellow-0:hover { color: undefined; }
|
||||
.hover-yellow-0:focus { color: undefined; }
|
||||
.hover-yellow-1:hover { color: undefined; }
|
||||
.hover-yellow-1:focus { color: undefined; }
|
||||
.hover-yellow-2:hover { color: undefined; }
|
||||
.hover-yellow-2:focus { color: undefined; }
|
||||
.hover-yellow-3:hover { color: undefined; }
|
||||
.hover-yellow-3:focus { color: undefined; }
|
||||
.hover-yellow-4:hover { color: undefined; }
|
||||
.hover-yellow-4:focus { color: undefined; }
|
||||
.hover-yellow-5:hover { color: undefined; }
|
||||
.hover-yellow-5:focus { color: undefined; }
|
||||
.hover-yellow-6:hover { color: undefined; }
|
||||
.hover-yellow-6:focus { color: undefined; }
|
||||
.hover-yellow-7:hover { color: undefined; }
|
||||
.hover-yellow-7:focus { color: undefined; }
|
||||
.hover-yellow-8:hover { color: undefined; }
|
||||
.hover-yellow-8:focus { color: undefined; }
|
||||
.hover-yellow-9:hover { color: undefined; }
|
||||
.hover-yellow-9:focus { color: undefined; }
|
||||
.hover-yellow-10:hover { color: undefined; }
|
||||
.hover-yellow-10:focus { color: undefined; }
|
||||
/* Background colors */
|
||||
.hover-bg-transparent:hover { background-color: undefined; }
|
||||
.hover-bg-transparent:focus { background-color: undefined; }
|
||||
.hover-bg-black-90:hover { background-color: undefined; }
|
||||
@ -194,125 +400,272 @@ http://tachyons.io/docs/themes/skins-pseudo/
|
||||
.hover-bg-black-20:focus { background-color: undefined; }
|
||||
.hover-bg-black-10:hover { background-color: undefined; }
|
||||
.hover-bg-black-10:focus { background-color: undefined; }
|
||||
.hover-bg-white-90:hover { background-color: undefined; }
|
||||
.hover-bg-white-90:focus { background-color: undefined; }
|
||||
.hover-bg-white-80:hover { background-color: undefined; }
|
||||
.hover-bg-white-80:focus { background-color: undefined; }
|
||||
.hover-bg-white-70:hover { background-color: undefined; }
|
||||
.hover-bg-white-70:focus { background-color: undefined; }
|
||||
.hover-bg-white-60:hover { background-color: undefined; }
|
||||
.hover-bg-white-60:focus { background-color: undefined; }
|
||||
.hover-bg-white-50:hover { background-color: undefined; }
|
||||
.hover-bg-white-50:focus { background-color: undefined; }
|
||||
.hover-bg-white-40:hover { background-color: undefined; }
|
||||
.hover-bg-white-40:focus { background-color: undefined; }
|
||||
.hover-bg-white-30:hover { background-color: undefined; }
|
||||
.hover-bg-white-30:focus { background-color: undefined; }
|
||||
.hover-bg-white-20:hover { background-color: undefined; }
|
||||
.hover-bg-white-20:focus { background-color: undefined; }
|
||||
.hover-bg-white-10:hover { background-color: undefined; }
|
||||
.hover-bg-white-10:focus { background-color: undefined; }
|
||||
.hover-dark-red:hover { color: undefined; }
|
||||
.hover-dark-red:focus { color: undefined; }
|
||||
.hover-red:hover { color: undefined; }
|
||||
.hover-red:focus { color: undefined; }
|
||||
.hover-light-red:hover { color: undefined; }
|
||||
.hover-light-red:focus { color: undefined; }
|
||||
.hover-orange:hover { color: undefined; }
|
||||
.hover-orange:focus { color: undefined; }
|
||||
.hover-gold:hover { color: undefined; }
|
||||
.hover-gold:focus { color: undefined; }
|
||||
.hover-yellow:hover { color: undefined; }
|
||||
.hover-yellow:focus { color: undefined; }
|
||||
.hover-light-yellow:hover { color: undefined; }
|
||||
.hover-light-yellow:focus { color: undefined; }
|
||||
.hover-purple:hover { color: undefined; }
|
||||
.hover-purple:focus { color: undefined; }
|
||||
.hover-light-purple:hover { color: undefined; }
|
||||
.hover-light-purple:focus { color: undefined; }
|
||||
.hover-dark-pink:hover { color: undefined; }
|
||||
.hover-dark-pink:focus { color: undefined; }
|
||||
.hover-hot-pink:hover { color: undefined; }
|
||||
.hover-hot-pink:focus { color: undefined; }
|
||||
.hover-pink:hover { color: undefined; }
|
||||
.hover-pink:focus { color: undefined; }
|
||||
.hover-light-pink:hover { color: undefined; }
|
||||
.hover-light-pink:focus { color: undefined; }
|
||||
.hover-dark-green:hover { color: undefined; }
|
||||
.hover-dark-green:focus { color: undefined; }
|
||||
.hover-green:hover { color: undefined; }
|
||||
.hover-green:focus { color: undefined; }
|
||||
.hover-light-green:hover { color: undefined; }
|
||||
.hover-light-green:focus { color: undefined; }
|
||||
.hover-navy:hover { color: undefined; }
|
||||
.hover-navy:focus { color: undefined; }
|
||||
.hover-dark-blue:hover { color: undefined; }
|
||||
.hover-dark-blue:focus { color: undefined; }
|
||||
.hover-blue:hover { color: undefined; }
|
||||
.hover-blue:focus { color: undefined; }
|
||||
.hover-light-blue:hover { color: undefined; }
|
||||
.hover-light-blue:focus { color: undefined; }
|
||||
.hover-lightest-blue:hover { color: undefined; }
|
||||
.hover-lightest-blue:focus { color: undefined; }
|
||||
.hover-washed-blue:hover { color: undefined; }
|
||||
.hover-washed-blue:focus { color: undefined; }
|
||||
.hover-washed-green:hover { color: undefined; }
|
||||
.hover-washed-green:focus { color: undefined; }
|
||||
.hover-washed-yellow:hover { color: undefined; }
|
||||
.hover-washed-yellow:focus { color: undefined; }
|
||||
.hover-washed-red:hover { color: undefined; }
|
||||
.hover-washed-red:focus { color: undefined; }
|
||||
.hover-bg-dark-red:hover { background-color: undefined; }
|
||||
.hover-bg-dark-red:focus { background-color: undefined; }
|
||||
.hover-bg-red:hover { background-color: undefined; }
|
||||
.hover-bg-red:focus { background-color: undefined; }
|
||||
.hover-bg-light-red:hover { background-color: undefined; }
|
||||
.hover-bg-light-red:focus { background-color: undefined; }
|
||||
.hover-bg-orange:hover { background-color: undefined; }
|
||||
.hover-bg-orange:focus { background-color: undefined; }
|
||||
.hover-bg-gold:hover { background-color: undefined; }
|
||||
.hover-bg-gold:focus { background-color: undefined; }
|
||||
.hover-bg-yellow:hover { background-color: undefined; }
|
||||
.hover-bg-yellow:focus { background-color: undefined; }
|
||||
.hover-bg-light-yellow:hover { background-color: undefined; }
|
||||
.hover-bg-light-yellow:focus { background-color: undefined; }
|
||||
.hover-bg-purple:hover { background-color: undefined; }
|
||||
.hover-bg-purple:focus { background-color: undefined; }
|
||||
.hover-bg-light-purple:hover { background-color: undefined; }
|
||||
.hover-bg-light-purple:focus { background-color: undefined; }
|
||||
.hover-bg-dark-pink:hover { background-color: undefined; }
|
||||
.hover-bg-dark-pink:focus { background-color: undefined; }
|
||||
.hover-bg-hot-pink:hover { background-color: undefined; }
|
||||
.hover-bg-hot-pink:focus { background-color: undefined; }
|
||||
.hover-bg-pink:hover { background-color: undefined; }
|
||||
.hover-bg-pink:focus { background-color: undefined; }
|
||||
.hover-bg-light-pink:hover { background-color: undefined; }
|
||||
.hover-bg-light-pink:focus { background-color: undefined; }
|
||||
.hover-bg-dark-green:hover { background-color: undefined; }
|
||||
.hover-bg-dark-green:focus { background-color: undefined; }
|
||||
.hover-bg-green:hover { background-color: undefined; }
|
||||
.hover-bg-green:focus { background-color: undefined; }
|
||||
.hover-bg-light-green:hover { background-color: undefined; }
|
||||
.hover-bg-light-green:focus { background-color: undefined; }
|
||||
.hover-bg-navy:hover { background-color: undefined; }
|
||||
.hover-bg-navy:focus { background-color: undefined; }
|
||||
.hover-bg-dark-blue:hover { background-color: undefined; }
|
||||
.hover-bg-dark-blue:focus { background-color: undefined; }
|
||||
.hover-bg-blue:hover { background-color: undefined; }
|
||||
.hover-bg-blue:focus { background-color: undefined; }
|
||||
.hover-bg-light-blue:hover { background-color: undefined; }
|
||||
.hover-bg-light-blue:focus { background-color: undefined; }
|
||||
.hover-bg-lightest-blue:hover { background-color: undefined; }
|
||||
.hover-bg-lightest-blue:focus { background-color: undefined; }
|
||||
.hover-bg-washed-blue:hover { background-color: undefined; }
|
||||
.hover-bg-washed-blue:focus { background-color: undefined; }
|
||||
.hover-bg-washed-green:hover { background-color: undefined; }
|
||||
.hover-bg-washed-green:focus { background-color: undefined; }
|
||||
.hover-bg-washed-yellow:hover { background-color: undefined; }
|
||||
.hover-bg-washed-yellow:focus { background-color: undefined; }
|
||||
.hover-bg-washed-red:hover { background-color: undefined; }
|
||||
.hover-bg-washed-red:focus { background-color: undefined; }
|
||||
.hover-bg-inherit:hover, .hover-bg-inherit:focus { background-color: inherit; }
|
||||
.hover-bg-black-05:hover { background-color: undefined; }
|
||||
.hover-bg-black-05:focus { background-color: undefined; }
|
||||
.bg-white-90:hover { background-color: undefined; }
|
||||
.bg-white-90:focus { background-color: undefined; }
|
||||
.bg-white-80:hover { background-color: undefined; }
|
||||
.bg-white-80:focus { background-color: undefined; }
|
||||
.bg-white-70:hover { background-color: undefined; }
|
||||
.bg-white-70:focus { background-color: undefined; }
|
||||
.bg-white-60:hover { background-color: undefined; }
|
||||
.bg-white-60:focus { background-color: undefined; }
|
||||
.bg-white-50:hover { background-color: undefined; }
|
||||
.bg-white-50:focus { background-color: undefined; }
|
||||
.bg-white-40:hover { background-color: undefined; }
|
||||
.bg-white-40:focus { background-color: undefined; }
|
||||
.bg-white-30:hover { background-color: undefined; }
|
||||
.bg-white-30:focus { background-color: undefined; }
|
||||
.bg-white-20:hover { background-color: undefined; }
|
||||
.bg-white-20:focus { background-color: undefined; }
|
||||
.bg-white-10:hover { background-color: undefined; }
|
||||
.bg-white-10:focus { background-color: undefined; }
|
||||
.hover-bg-black:hover { background-color: undefined; }
|
||||
.hover-bg-black:focus { background-color: undefined; }
|
||||
.hover-bg-gray-0:hover { background-color: undefined; }
|
||||
.hover-bg-gray-0:focus { background-color: undefined; }
|
||||
.hover-bg-gray-1:hover { background-color: undefined; }
|
||||
.hover-bg-gray-1:focus { background-color: undefined; }
|
||||
.hover-bg-gray-2:hover { background-color: undefined; }
|
||||
.hover-bg-gray-2:focus { background-color: undefined; }
|
||||
.hover-bg-gray-3:hover { background-color: undefined; }
|
||||
.hover-bg-gray-3:focus { background-color: undefined; }
|
||||
.hover-bg-gray-4:hover { background-color: undefined; }
|
||||
.hover-bg-gray-4:focus { background-color: undefined; }
|
||||
.hover-bg-gray-5:hover { background-color: undefined; }
|
||||
.hover-bg-gray-5:focus { background-color: undefined; }
|
||||
.hover-bg-gray-6:hover { background-color: undefined; }
|
||||
.hover-bg-gray-6:focus { background-color: undefined; }
|
||||
.hover-bg-gray-7:hover { background-color: undefined; }
|
||||
.hover-bg-gray-7:focus { background-color: undefined; }
|
||||
.hover-bg-gray-8:hover { background-color: undefined; }
|
||||
.hover-bg-gray-8:focus { background-color: undefined; }
|
||||
.hover-bg-gray-9:hover { background-color: undefined; }
|
||||
.hover-bg-gray-9:focus { background-color: undefined; }
|
||||
.hover-bg-gray-10:hover { background-color: undefined; }
|
||||
.hover-bg-gray-10:focus { background-color: undefined; }
|
||||
.hover-bg-white:hover { background-color: undefined; }
|
||||
.hover-bg-white:focus { background-color: undefined; }
|
||||
.hover-bg-green-0:hover { background-color: undefined; }
|
||||
.hover-bg-green-0:focus { background-color: undefined; }
|
||||
.hover-bg-green-1:hover { background-color: undefined; }
|
||||
.hover-bg-green-1:focus { background-color: undefined; }
|
||||
.hover-bg-green-2:hover { background-color: undefined; }
|
||||
.hover-bg-green-2:focus { background-color: undefined; }
|
||||
.hover-bg-green-3:hover { background-color: undefined; }
|
||||
.hover-bg-green-3:focus { background-color: undefined; }
|
||||
.hover-bg-green-4:hover { background-color: undefined; }
|
||||
.hover-bg-green-4:focus { background-color: undefined; }
|
||||
.hover-bg-green-5:hover { background-color: undefined; }
|
||||
.hover-bg-green-5:focus { background-color: undefined; }
|
||||
.hover-bg-green-6:hover { background-color: undefined; }
|
||||
.hover-bg-green-6:focus { background-color: undefined; }
|
||||
.hover-bg-green-7:hover { background-color: undefined; }
|
||||
.hover-bg-green-7:focus { background-color: undefined; }
|
||||
.hover-bg-green-8:hover { background-color: undefined; }
|
||||
.hover-bg-green-8:focus { background-color: undefined; }
|
||||
.hover-bg-green-9:hover { background-color: undefined; }
|
||||
.hover-bg-green-9:focus { background-color: undefined; }
|
||||
.hover-bg-green-10:hover { background-color: undefined; }
|
||||
.hover-bg-green-10:focus { background-color: undefined; }
|
||||
.hover-bg-teal-0:hover { background-color: undefined; }
|
||||
.hover-bg-teal-0:focus { background-color: undefined; }
|
||||
.hover-bg-teal-1:hover { background-color: undefined; }
|
||||
.hover-bg-teal-1:focus { background-color: undefined; }
|
||||
.hover-bg-teal-2:hover { background-color: undefined; }
|
||||
.hover-bg-teal-2:focus { background-color: undefined; }
|
||||
.hover-bg-teal-3:hover { background-color: undefined; }
|
||||
.hover-bg-teal-3:focus { background-color: undefined; }
|
||||
.hover-bg-teal-4:hover { background-color: undefined; }
|
||||
.hover-bg-teal-4:focus { background-color: undefined; }
|
||||
.hover-bg-teal-5:hover { background-color: undefined; }
|
||||
.hover-bg-teal-5:focus { background-color: undefined; }
|
||||
.hover-bg-teal-6:hover { background-color: undefined; }
|
||||
.hover-bg-teal-6:focus { background-color: undefined; }
|
||||
.hover-bg-teal-7:hover { background-color: undefined; }
|
||||
.hover-bg-teal-7:focus { background-color: undefined; }
|
||||
.hover-bg-teal-8:hover { background-color: undefined; }
|
||||
.hover-bg-teal-8:focus { background-color: undefined; }
|
||||
.hover-bg-teal-9:hover { background-color: undefined; }
|
||||
.hover-bg-teal-9:focus { background-color: undefined; }
|
||||
.hover-bg-teal-10:hover { background-color: undefined; }
|
||||
.hover-bg-teal-10:focus { background-color: undefined; }
|
||||
.hover-bg-cyan-0:hover { background-color: undefined; }
|
||||
.hover-bg-cyan-0:focus { background-color: undefined; }
|
||||
.hover-bg-cyan-1:hover { background-color: undefined; }
|
||||
.hover-bg-cyan-1:focus { background-color: undefined; }
|
||||
.hover-bg-cyan-2:hover { background-color: undefined; }
|
||||
.hover-bg-cyan-2:focus { background-color: undefined; }
|
||||
.hover-bg-cyan-3:hover { background-color: undefined; }
|
||||
.hover-bg-cyan-3:focus { background-color: undefined; }
|
||||
.hover-bg-cyan-4:hover { background-color: undefined; }
|
||||
.hover-bg-cyan-4:focus { background-color: undefined; }
|
||||
.hover-bg-cyan-5:hover { background-color: undefined; }
|
||||
.hover-bg-cyan-5:focus { background-color: undefined; }
|
||||
.hover-bg-cyan-6:hover { background-color: undefined; }
|
||||
.hover-bg-cyan-6:focus { background-color: undefined; }
|
||||
.hover-bg-cyan-7:hover { background-color: undefined; }
|
||||
.hover-bg-cyan-7:focus { background-color: undefined; }
|
||||
.hover-bg-cyan-8:hover { background-color: undefined; }
|
||||
.hover-bg-cyan-8:focus { background-color: undefined; }
|
||||
.hover-bg-cyan-9:hover { background-color: undefined; }
|
||||
.hover-bg-cyan-9:focus { background-color: undefined; }
|
||||
.hover-bg-cyan-10:hover { background-color: undefined; }
|
||||
.hover-bg-cyan-10:focus { background-color: undefined; }
|
||||
.hover-bg-blue-0:hover { background-color: undefined; }
|
||||
.hover-bg-blue-0:focus { background-color: undefined; }
|
||||
.hover-bg-blue-1:hover { background-color: undefined; }
|
||||
.hover-bg-blue-1:focus { background-color: undefined; }
|
||||
.hover-bg-blue-2:hover { background-color: undefined; }
|
||||
.hover-bg-blue-2:focus { background-color: undefined; }
|
||||
.hover-bg-blue-3:hover { background-color: undefined; }
|
||||
.hover-bg-blue-3:focus { background-color: undefined; }
|
||||
.hover-bg-blue-4:hover { background-color: undefined; }
|
||||
.hover-bg-blue-4:focus { background-color: undefined; }
|
||||
.hover-bg-blue-5:hover { background-color: undefined; }
|
||||
.hover-bg-blue-5:focus { background-color: undefined; }
|
||||
.hover-bg-blue-6:hover { background-color: undefined; }
|
||||
.hover-bg-blue-6:focus { background-color: undefined; }
|
||||
.hover-bg-blue-7:hover { background-color: undefined; }
|
||||
.hover-bg-blue-7:focus { background-color: undefined; }
|
||||
.hover-bg-blue-8:hover { background-color: undefined; }
|
||||
.hover-bg-blue-8:focus { background-color: undefined; }
|
||||
.hover-bg-blue-9:hover { background-color: undefined; }
|
||||
.hover-bg-blue-9:focus { background-color: undefined; }
|
||||
.hover-bg-blue-10:hover { background-color: undefined; }
|
||||
.hover-bg-blue-10:focus { background-color: undefined; }
|
||||
.hover-bg-indigo-0:hover { background-color: undefined; }
|
||||
.hover-bg-indigo-0:focus { background-color: undefined; }
|
||||
.hover-bg-indigo-1:hover { background-color: undefined; }
|
||||
.hover-bg-indigo-1:focus { background-color: undefined; }
|
||||
.hover-bg-indigo-2:hover { background-color: undefined; }
|
||||
.hover-bg-indigo-2:focus { background-color: undefined; }
|
||||
.hover-bg-indigo-3:hover { background-color: undefined; }
|
||||
.hover-bg-indigo-3:focus { background-color: undefined; }
|
||||
.hover-bg-indigo-4:hover { background-color: undefined; }
|
||||
.hover-bg-indigo-4:focus { background-color: undefined; }
|
||||
.hover-bg-indigo-5:hover { background-color: undefined; }
|
||||
.hover-bg-indigo-5:focus { background-color: undefined; }
|
||||
.hover-bg-indigo-6:hover { background-color: undefined; }
|
||||
.hover-bg-indigo-6:focus { background-color: undefined; }
|
||||
.hover-bg-indigo-7:hover { background-color: undefined; }
|
||||
.hover-bg-indigo-7:focus { background-color: undefined; }
|
||||
.hover-bg-indigo-8:hover { background-color: undefined; }
|
||||
.hover-bg-indigo-8:focus { background-color: undefined; }
|
||||
.hover-bg-indigo-9:hover { background-color: undefined; }
|
||||
.hover-bg-indigo-9:focus { background-color: undefined; }
|
||||
.hover-bg-indigo-10:hover { background-color: undefined; }
|
||||
.hover-bg-indigo-10:focus { background-color: undefined; }
|
||||
.hover-bg-purple-0:hover { background-color: undefined; }
|
||||
.hover-bg-purple-0:focus { background-color: undefined; }
|
||||
.hover-bg-purple-1:hover { background-color: undefined; }
|
||||
.hover-bg-purple-1:focus { background-color: undefined; }
|
||||
.hover-bg-purple-2:hover { background-color: undefined; }
|
||||
.hover-bg-purple-2:focus { background-color: undefined; }
|
||||
.hover-bg-purple-3:hover { background-color: undefined; }
|
||||
.hover-bg-purple-3:focus { background-color: undefined; }
|
||||
.hover-bg-purple-4:hover { background-color: undefined; }
|
||||
.hover-bg-purple-4:focus { background-color: undefined; }
|
||||
.hover-bg-purple-5:hover { background-color: undefined; }
|
||||
.hover-bg-purple-5:focus { background-color: undefined; }
|
||||
.hover-bg-purple-6:hover { background-color: undefined; }
|
||||
.hover-bg-purple-6:focus { background-color: undefined; }
|
||||
.hover-bg-purple-7:hover { background-color: undefined; }
|
||||
.hover-bg-purple-7:focus { background-color: undefined; }
|
||||
.hover-bg-purple-8:hover { background-color: undefined; }
|
||||
.hover-bg-purple-8:focus { background-color: undefined; }
|
||||
.hover-bg-purple-9:hover { background-color: undefined; }
|
||||
.hover-bg-purple-9:focus { background-color: undefined; }
|
||||
.hover-bg-purple-10:hover { background-color: undefined; }
|
||||
.hover-bg-purple-10:focus { background-color: undefined; }
|
||||
.hover-bg-pink-0:hover { background-color: undefined; }
|
||||
.hover-bg-pink-0:focus { background-color: undefined; }
|
||||
.hover-bg-pink-1:hover { background-color: undefined; }
|
||||
.hover-bg-pink-1:focus { background-color: undefined; }
|
||||
.hover-bg-pink-2:hover { background-color: undefined; }
|
||||
.hover-bg-pink-2:focus { background-color: undefined; }
|
||||
.hover-bg-pink-3:hover { background-color: undefined; }
|
||||
.hover-bg-pink-3:focus { background-color: undefined; }
|
||||
.hover-bg-pink-4:hover { background-color: undefined; }
|
||||
.hover-bg-pink-4:focus { background-color: undefined; }
|
||||
.hover-bg-pink-5:hover { background-color: undefined; }
|
||||
.hover-bg-pink-5:focus { background-color: undefined; }
|
||||
.hover-bg-pink-6:hover { background-color: undefined; }
|
||||
.hover-bg-pink-6:focus { background-color: undefined; }
|
||||
.hover-bg-pink-7:hover { background-color: undefined; }
|
||||
.hover-bg-pink-7:focus { background-color: undefined; }
|
||||
.hover-bg-pink-8:hover { background-color: undefined; }
|
||||
.hover-bg-pink-8:focus { background-color: undefined; }
|
||||
.hover-bg-pink-9:hover { background-color: undefined; }
|
||||
.hover-bg-pink-9:focus { background-color: undefined; }
|
||||
.hover-bg-pink-10:hover { background-color: undefined; }
|
||||
.hover-bg-pink-10:focus { background-color: undefined; }
|
||||
.hover-bg-red-0:hover { background-color: undefined; }
|
||||
.hover-bg-red-0:focus { background-color: undefined; }
|
||||
.hover-bg-red-1:hover { background-color: undefined; }
|
||||
.hover-bg-red-1:focus { background-color: undefined; }
|
||||
.hover-bg-red-2:hover { background-color: undefined; }
|
||||
.hover-bg-red-2:focus { background-color: undefined; }
|
||||
.hover-bg-red-3:hover { background-color: undefined; }
|
||||
.hover-bg-red-3:focus { background-color: undefined; }
|
||||
.hover-bg-red-4:hover { background-color: undefined; }
|
||||
.hover-bg-red-4:focus { background-color: undefined; }
|
||||
.hover-bg-red-5:hover { background-color: undefined; }
|
||||
.hover-bg-red-5:focus { background-color: undefined; }
|
||||
.hover-bg-red-6:hover { background-color: undefined; }
|
||||
.hover-bg-red-6:focus { background-color: undefined; }
|
||||
.hover-bg-red-7:hover { background-color: undefined; }
|
||||
.hover-bg-red-7:focus { background-color: undefined; }
|
||||
.hover-bg-red-8:hover { background-color: undefined; }
|
||||
.hover-bg-red-8:focus { background-color: undefined; }
|
||||
.hover-bg-red-9:hover { background-color: undefined; }
|
||||
.hover-bg-red-9:focus { background-color: undefined; }
|
||||
.hover-bg-red-10:hover { background-color: undefined; }
|
||||
.hover-bg-red-10:focus { background-color: undefined; }
|
||||
.hover-bg-orange-0:hover { background-color: undefined; }
|
||||
.hover-bg-orange-0:focus { background-color: undefined; }
|
||||
.hover-bg-orange-1:hover { background-color: undefined; }
|
||||
.hover-bg-orange-1:focus { background-color: undefined; }
|
||||
.hover-bg-orange-2:hover { background-color: undefined; }
|
||||
.hover-bg-orange-2:focus { background-color: undefined; }
|
||||
.hover-bg-orange-3:hover { background-color: undefined; }
|
||||
.hover-bg-orange-3:focus { background-color: undefined; }
|
||||
.hover-bg-orange-4:hover { background-color: undefined; }
|
||||
.hover-bg-orange-4:focus { background-color: undefined; }
|
||||
.hover-bg-orange-5:hover { background-color: undefined; }
|
||||
.hover-bg-orange-5:focus { background-color: undefined; }
|
||||
.hover-bg-orange-6:hover { background-color: undefined; }
|
||||
.hover-bg-orange-6:focus { background-color: undefined; }
|
||||
.hover-bg-orange-7:hover { background-color: undefined; }
|
||||
.hover-bg-orange-7:focus { background-color: undefined; }
|
||||
.hover-bg-orange-8:hover { background-color: undefined; }
|
||||
.hover-bg-orange-8:focus { background-color: undefined; }
|
||||
.hover-bg-orange-9:hover { background-color: undefined; }
|
||||
.hover-bg-orange-9:focus { background-color: undefined; }
|
||||
.hover-bg-orange-10:hover { background-color: undefined; }
|
||||
.hover-bg-orange-10:focus { background-color: undefined; }
|
||||
.hover-bg-yellow-0:hover { background-color: undefined; }
|
||||
.hover-bg-yellow-0:focus { background-color: undefined; }
|
||||
.hover-bg-yellow-1:hover { background-color: undefined; }
|
||||
.hover-bg-yellow-1:focus { background-color: undefined; }
|
||||
.hover-bg-yellow-2:hover { background-color: undefined; }
|
||||
.hover-bg-yellow-2:focus { background-color: undefined; }
|
||||
.hover-bg-yellow-3:hover { background-color: undefined; }
|
||||
.hover-bg-yellow-3:focus { background-color: undefined; }
|
||||
.hover-bg-yellow-4:hover { background-color: undefined; }
|
||||
.hover-bg-yellow-4:focus { background-color: undefined; }
|
||||
.hover-bg-yellow-5:hover { background-color: undefined; }
|
||||
.hover-bg-yellow-5:focus { background-color: undefined; }
|
||||
.hover-bg-yellow-6:hover { background-color: undefined; }
|
||||
.hover-bg-yellow-6:focus { background-color: undefined; }
|
||||
.hover-bg-yellow-7:hover { background-color: undefined; }
|
||||
.hover-bg-yellow-7:focus { background-color: undefined; }
|
||||
.hover-bg-yellow-8:hover { background-color: undefined; }
|
||||
.hover-bg-yellow-8:focus { background-color: undefined; }
|
||||
.hover-bg-yellow-9:hover { background-color: undefined; }
|
||||
.hover-bg-yellow-9:focus { background-color: undefined; }
|
||||
.hover-bg-yellow-10:hover { background-color: undefined; }
|
||||
.hover-bg-yellow-10:focus { background-color: undefined; }
|
||||
```
|
||||
|
||||
## Contributing
|
||||
|
||||
@ -75,6 +75,10 @@ http://tachyons.io/docs/themes/skins-pseudo/
|
||||
.hover-gray-7:focus { color: var(--gray-7); }
|
||||
.hover-gray-8:hover,
|
||||
.hover-gray-8:focus { color: var(--gray-8); }
|
||||
.hover-gray-9:hover,
|
||||
.hover-gray-9:focus { color: var(--gray-9); }
|
||||
.hover-gray-10:hover,
|
||||
.hover-gray-10:focus { color: var(--gray-10); }
|
||||
.hover-white:hover,
|
||||
.hover-white:focus { color: var(--white); }
|
||||
|
||||
@ -375,6 +379,10 @@ http://tachyons.io/docs/themes/skins-pseudo/
|
||||
.hover-bg-gray-7:focus { background-color: var(--gray-7); }
|
||||
.hover-bg-gray-8:hover,
|
||||
.hover-bg-gray-8:focus { background-color: var(--gray-8); }
|
||||
.hover-bg-gray-9:hover,
|
||||
.hover-bg-gray-9:focus { background-color: var(--gray-9); }
|
||||
.hover-bg-gray-10:hover,
|
||||
.hover-bg-gray-10:focus { background-color: var(--gray-10); }
|
||||
.hover-bg-white:hover,
|
||||
.hover-bg-white:focus { background-color: var(--white); }
|
||||
|
||||
|
||||
@ -11,6 +11,7 @@ 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 */
|
||||
.color-inherit { color: inherit; }
|
||||
.black-90 { color: undefined; }
|
||||
.black-80 { color: undefined; }
|
||||
.black-70 { color: undefined; }
|
||||
@ -31,42 +32,130 @@ be set to the current text color.
|
||||
.white-20 { color: undefined; }
|
||||
.white-10 { color: undefined; }
|
||||
.black { color: undefined; }
|
||||
.near-black { color: undefined; }
|
||||
.dark-gray { color: undefined; }
|
||||
.mid-gray { color: undefined; }
|
||||
.gray { color: undefined; }
|
||||
.silver { color: undefined; }
|
||||
.light-silver { color: undefined; }
|
||||
.moon-gray { color: undefined; }
|
||||
.light-gray { color: undefined; }
|
||||
.near-white { color: undefined; }
|
||||
.gray-0 { color: undefined; }
|
||||
.gray-1 { color: undefined; }
|
||||
.gray-2 { color: undefined; }
|
||||
.gray-3 { color: undefined; }
|
||||
.gray-4 { color: undefined; }
|
||||
.gray-5 { color: undefined; }
|
||||
.gray-6 { color: undefined; }
|
||||
.gray-7 { color: undefined; }
|
||||
.gray-8 { color: undefined; }
|
||||
.gray-9 { color: undefined; }
|
||||
.gray-10 { color: undefined; }
|
||||
.white { color: undefined; }
|
||||
.dark-red { color: undefined; }
|
||||
.red { color: undefined; }
|
||||
.light-red { color: undefined; }
|
||||
.orange { color: undefined; }
|
||||
.gold { color: undefined; }
|
||||
.yellow { color: undefined; }
|
||||
.light-yellow { color: undefined; }
|
||||
.purple { color: undefined; }
|
||||
.light-purple { color: undefined; }
|
||||
.dark-pink { color: undefined; }
|
||||
.hot-pink { color: undefined; }
|
||||
.pink { color: undefined; }
|
||||
.light-pink { color: undefined; }
|
||||
.dark-green { color: undefined; }
|
||||
.green { color: undefined; }
|
||||
.light-green { color: undefined; }
|
||||
.navy { color: undefined; }
|
||||
.dark-blue { color: undefined; }
|
||||
.blue { color: undefined; }
|
||||
.light-blue { color: undefined; }
|
||||
.lightest-blue { color: undefined; }
|
||||
.washed-blue { color: undefined; }
|
||||
.washed-green { color: undefined; }
|
||||
.washed-yellow { color: undefined; }
|
||||
.washed-red { color: undefined; }
|
||||
.color-inherit { color: inherit; }
|
||||
.green-0 { color: undefined; }
|
||||
.green-1 { color: undefined; }
|
||||
.green-2 { color: undefined; }
|
||||
.green-3 { color: undefined; }
|
||||
.green-4 { color: undefined; }
|
||||
.green-5 { color: undefined; }
|
||||
.green-6 { color: undefined; }
|
||||
.green-7 { color: undefined; }
|
||||
.green-8 { color: undefined; }
|
||||
.green-9 { color: undefined; }
|
||||
.green-10 { color: undefined; }
|
||||
.teal-0 { color: undefined; }
|
||||
.teal-1 { color: undefined; }
|
||||
.teal-2 { color: undefined; }
|
||||
.teal-3 { color: undefined; }
|
||||
.teal-4 { color: undefined; }
|
||||
.teal-5 { color: undefined; }
|
||||
.teal-6 { color: undefined; }
|
||||
.teal-7 { color: undefined; }
|
||||
.teal-8 { color: undefined; }
|
||||
.teal-9 { color: undefined; }
|
||||
.teal-10 { color: undefined; }
|
||||
.cyan-0 { color: undefined; }
|
||||
.cyan-1 { color: undefined; }
|
||||
.cyan-2 { color: undefined; }
|
||||
.cyan-3 { color: undefined; }
|
||||
.cyan-4 { color: undefined; }
|
||||
.cyan-5 { color: undefined; }
|
||||
.cyan-6 { color: undefined; }
|
||||
.cyan-7 { color: undefined; }
|
||||
.cyan-8 { color: undefined; }
|
||||
.cyan-9 { color: undefined; }
|
||||
.cyan-10 { color: undefined; }
|
||||
.blue-0 { color: undefined; }
|
||||
.blue-1 { color: undefined; }
|
||||
.blue-2 { color: undefined; }
|
||||
.blue-3 { color: undefined; }
|
||||
.blue-4 { color: undefined; }
|
||||
.blue-5 { color: undefined; }
|
||||
.blue-6 { color: undefined; }
|
||||
.blue-7 { color: undefined; }
|
||||
.blue-8 { color: undefined; }
|
||||
.blue-9 { color: undefined; }
|
||||
.blue-10 { color: undefined; }
|
||||
.indigo-0 { color: undefined; }
|
||||
.indigo-1 { color: undefined; }
|
||||
.indigo-2 { color: undefined; }
|
||||
.indigo-3 { color: undefined; }
|
||||
.indigo-4 { color: undefined; }
|
||||
.indigo-5 { color: undefined; }
|
||||
.indigo-6 { color: undefined; }
|
||||
.indigo-7 { color: undefined; }
|
||||
.indigo-8 { color: undefined; }
|
||||
.indigo-9 { color: undefined; }
|
||||
.indigo-10 { color: undefined; }
|
||||
.purple-0 { color: undefined; }
|
||||
.purple-1 { color: undefined; }
|
||||
.purple-2 { color: undefined; }
|
||||
.purple-3 { color: undefined; }
|
||||
.purple-4 { color: undefined; }
|
||||
.purple-5 { color: undefined; }
|
||||
.purple-6 { color: undefined; }
|
||||
.purple-7 { color: undefined; }
|
||||
.purple-8 { color: undefined; }
|
||||
.purple-9 { color: undefined; }
|
||||
.purple-10 { color: undefined; }
|
||||
.pink-0 { color: undefined; }
|
||||
.pink-1 { color: undefined; }
|
||||
.pink-2 { color: undefined; }
|
||||
.pink-3 { color: undefined; }
|
||||
.pink-4 { color: undefined; }
|
||||
.pink-5 { color: undefined; }
|
||||
.pink-6 { color: undefined; }
|
||||
.pink-7 { color: undefined; }
|
||||
.pink-8 { color: undefined; }
|
||||
.pink-9 { color: undefined; }
|
||||
.pink-10 { color: undefined; }
|
||||
.red-0 { color: undefined; }
|
||||
.red-1 { color: undefined; }
|
||||
.red-2 { color: undefined; }
|
||||
.red-3 { color: undefined; }
|
||||
.red-4 { color: undefined; }
|
||||
.red-5 { color: undefined; }
|
||||
.red-6 { color: undefined; }
|
||||
.red-7 { color: undefined; }
|
||||
.red-8 { color: undefined; }
|
||||
.red-9 { color: undefined; }
|
||||
.red-10 { color: undefined; }
|
||||
.orange-0 { color: undefined; }
|
||||
.orange-1 { color: undefined; }
|
||||
.orange-2 { color: undefined; }
|
||||
.orange-3 { color: undefined; }
|
||||
.orange-4 { color: undefined; }
|
||||
.orange-5 { color: undefined; }
|
||||
.orange-6 { color: undefined; }
|
||||
.orange-7 { color: undefined; }
|
||||
.orange-8 { color: undefined; }
|
||||
.orange-9 { color: undefined; }
|
||||
.orange-10 { color: undefined; }
|
||||
.yellow-0 { color: undefined; }
|
||||
.yellow-1 { color: undefined; }
|
||||
.yellow-2 { color: undefined; }
|
||||
.yellow-3 { color: undefined; }
|
||||
.yellow-4 { color: undefined; }
|
||||
.yellow-5 { color: undefined; }
|
||||
.yellow-6 { color: undefined; }
|
||||
.yellow-7 { color: undefined; }
|
||||
.yellow-8 { color: undefined; }
|
||||
.yellow-9 { color: undefined; }
|
||||
.yellow-10 { color: undefined; }
|
||||
/* Background colors */
|
||||
.bg-transparent { background-color: undefined; }
|
||||
.bg-black-90 { background-color: undefined; }
|
||||
.bg-black-80 { background-color: undefined; }
|
||||
.bg-black-70 { background-color: undefined; }
|
||||
@ -86,43 +175,127 @@ be set to the current text color.
|
||||
.bg-white-30 { background-color: undefined; }
|
||||
.bg-white-20 { background-color: undefined; }
|
||||
.bg-white-10 { background-color: undefined; }
|
||||
/* Background colors */
|
||||
.bg-black { background-color: undefined; }
|
||||
.bg-near-black { background-color: undefined; }
|
||||
.bg-dark-gray { background-color: undefined; }
|
||||
.bg-mid-gray { background-color: undefined; }
|
||||
.bg-gray { background-color: undefined; }
|
||||
.bg-silver { background-color: undefined; }
|
||||
.bg-light-silver { background-color: undefined; }
|
||||
.bg-moon-gray { background-color: undefined; }
|
||||
.bg-light-gray { background-color: undefined; }
|
||||
.bg-near-white { background-color: undefined; }
|
||||
.bg-gray-0 { background-color: undefined; }
|
||||
.bg-gray-1 { background-color: undefined; }
|
||||
.bg-gray-2 { background-color: undefined; }
|
||||
.bg-gray-3 { background-color: undefined; }
|
||||
.bg-gray-4 { background-color: undefined; }
|
||||
.bg-gray-5 { background-color: undefined; }
|
||||
.bg-gray-6 { background-color: undefined; }
|
||||
.bg-gray-7 { background-color: undefined; }
|
||||
.bg-gray-8 { background-color: undefined; }
|
||||
.bg-gray-9 { background-color: undefined; }
|
||||
.bg-gray-10 { background-color: undefined; }
|
||||
.bg-white { background-color: undefined; }
|
||||
.bg-transparent { background-color: undefined; }
|
||||
.bg-dark-red { background-color: undefined; }
|
||||
.bg-red { background-color: undefined; }
|
||||
.bg-light-red { background-color: undefined; }
|
||||
.bg-orange { background-color: undefined; }
|
||||
.bg-gold { background-color: undefined; }
|
||||
.bg-yellow { background-color: undefined; }
|
||||
.bg-light-yellow { background-color: undefined; }
|
||||
.bg-purple { background-color: undefined; }
|
||||
.bg-light-purple { background-color: undefined; }
|
||||
.bg-dark-pink { background-color: undefined; }
|
||||
.bg-hot-pink { background-color: undefined; }
|
||||
.bg-pink { background-color: undefined; }
|
||||
.bg-light-pink { background-color: undefined; }
|
||||
.bg-dark-green { background-color: undefined; }
|
||||
.bg-green { background-color: undefined; }
|
||||
.bg-light-green { background-color: undefined; }
|
||||
.bg-navy { background-color: undefined; }
|
||||
.bg-dark-blue { background-color: undefined; }
|
||||
.bg-blue { background-color: undefined; }
|
||||
.bg-light-blue { background-color: undefined; }
|
||||
.bg-lightest-blue { background-color: undefined; }
|
||||
.bg-washed-blue { background-color: undefined; }
|
||||
.bg-washed-green { background-color: undefined; }
|
||||
.bg-washed-yellow { background-color: undefined; }
|
||||
.bg-washed-red { background-color: undefined; }
|
||||
.bg-inherit { background-color: inherit; }
|
||||
.bg-green-0 { background-color: undefined; }
|
||||
.bg-green-1 { background-color: undefined; }
|
||||
.bg-green-2 { background-color: undefined; }
|
||||
.bg-green-3 { background-color: undefined; }
|
||||
.bg-green-4 { background-color: undefined; }
|
||||
.bg-green-5 { background-color: undefined; }
|
||||
.bg-green-6 { background-color: undefined; }
|
||||
.bg-green-7 { background-color: undefined; }
|
||||
.bg-green-8 { background-color: undefined; }
|
||||
.bg-green-9 { background-color: undefined; }
|
||||
.bg-green-10 { background-color: undefined; }
|
||||
.bg-teal-0 { background-color: undefined; }
|
||||
.bg-teal-1 { background-color: undefined; }
|
||||
.bg-teal-2 { background-color: undefined; }
|
||||
.bg-teal-3 { background-color: undefined; }
|
||||
.bg-teal-4 { background-color: undefined; }
|
||||
.bg-teal-5 { background-color: undefined; }
|
||||
.bg-teal-6 { background-color: undefined; }
|
||||
.bg-teal-7 { background-color: undefined; }
|
||||
.bg-teal-8 { background-color: undefined; }
|
||||
.bg-teal-9 { background-color: undefined; }
|
||||
.bg-teal-10 { background-color: undefined; }
|
||||
.bg-cyan-0 { background-color: undefined; }
|
||||
.bg-cyan-1 { background-color: undefined; }
|
||||
.bg-cyan-2 { background-color: undefined; }
|
||||
.bg-cyan-3 { background-color: undefined; }
|
||||
.bg-cyan-4 { background-color: undefined; }
|
||||
.bg-cyan-5 { background-color: undefined; }
|
||||
.bg-cyan-6 { background-color: undefined; }
|
||||
.bg-cyan-7 { background-color: undefined; }
|
||||
.bg-cyan-8 { background-color: undefined; }
|
||||
.bg-cyan-9 { background-color: undefined; }
|
||||
.bg-cyan-10 { background-color: undefined; }
|
||||
.bg-blue-0 { background-color: undefined; }
|
||||
.bg-blue-1 { background-color: undefined; }
|
||||
.bg-blue-2 { background-color: undefined; }
|
||||
.bg-blue-3 { background-color: undefined; }
|
||||
.bg-blue-4 { background-color: undefined; }
|
||||
.bg-blue-5 { background-color: undefined; }
|
||||
.bg-blue-6 { background-color: undefined; }
|
||||
.bg-blue-7 { background-color: undefined; }
|
||||
.bg-blue-8 { background-color: undefined; }
|
||||
.bg-blue-9 { background-color: undefined; }
|
||||
.bg-blue-10 { background-color: undefined; }
|
||||
.bg-indigo-0 { background-color: undefined; }
|
||||
.bg-indigo-1 { background-color: undefined; }
|
||||
.bg-indigo-2 { background-color: undefined; }
|
||||
.bg-indigo-3 { background-color: undefined; }
|
||||
.bg-indigo-4 { background-color: undefined; }
|
||||
.bg-indigo-5 { background-color: undefined; }
|
||||
.bg-indigo-6 { background-color: undefined; }
|
||||
.bg-indigo-7 { background-color: undefined; }
|
||||
.bg-indigo-8 { background-color: undefined; }
|
||||
.bg-indigo-9 { background-color: undefined; }
|
||||
.bg-indigo-10 { background-color: undefined; }
|
||||
.bg-purple-0 { background-color: undefined; }
|
||||
.bg-purple-1 { background-color: undefined; }
|
||||
.bg-purple-2 { background-color: undefined; }
|
||||
.bg-purple-3 { background-color: undefined; }
|
||||
.bg-purple-4 { background-color: undefined; }
|
||||
.bg-purple-5 { background-color: undefined; }
|
||||
.bg-purple-6 { background-color: undefined; }
|
||||
.bg-purple-7 { background-color: undefined; }
|
||||
.bg-purple-8 { background-color: undefined; }
|
||||
.bg-purple-9 { background-color: undefined; }
|
||||
.bg-purple-10 { background-color: undefined; }
|
||||
.bg-pink-0 { background-color: undefined; }
|
||||
.bg-pink-1 { background-color: undefined; }
|
||||
.bg-pink-2 { background-color: undefined; }
|
||||
.bg-pink-3 { background-color: undefined; }
|
||||
.bg-pink-4 { background-color: undefined; }
|
||||
.bg-pink-5 { background-color: undefined; }
|
||||
.bg-pink-6 { background-color: undefined; }
|
||||
.bg-pink-7 { background-color: undefined; }
|
||||
.bg-pink-8 { background-color: undefined; }
|
||||
.bg-pink-9 { background-color: undefined; }
|
||||
.bg-pink-10 { background-color: undefined; }
|
||||
.bg-red-0 { background-color: undefined; }
|
||||
.bg-red-1 { background-color: undefined; }
|
||||
.bg-red-2 { background-color: undefined; }
|
||||
.bg-red-3 { background-color: undefined; }
|
||||
.bg-red-4 { background-color: undefined; }
|
||||
.bg-red-5 { background-color: undefined; }
|
||||
.bg-red-6 { background-color: undefined; }
|
||||
.bg-red-7 { background-color: undefined; }
|
||||
.bg-red-8 { background-color: undefined; }
|
||||
.bg-red-9 { background-color: undefined; }
|
||||
.bg-red-10 { background-color: undefined; }
|
||||
.bg-orange-0 { background-color: undefined; }
|
||||
.bg-orange-1 { background-color: undefined; }
|
||||
.bg-orange-2 { background-color: undefined; }
|
||||
.bg-orange-3 { background-color: undefined; }
|
||||
.bg-orange-4 { background-color: undefined; }
|
||||
.bg-orange-5 { background-color: undefined; }
|
||||
.bg-orange-6 { background-color: undefined; }
|
||||
.bg-orange-7 { background-color: undefined; }
|
||||
.bg-orange-8 { background-color: undefined; }
|
||||
.bg-orange-9 { background-color: undefined; }
|
||||
.bg-orange-10 { background-color: undefined; }
|
||||
.bg-yellow-0 { background-color: undefined; }
|
||||
.bg-yellow-1 { background-color: undefined; }
|
||||
.bg-yellow-2 { background-color: undefined; }
|
||||
.bg-yellow-3 { background-color: undefined; }
|
||||
.bg-yellow-4 { background-color: undefined; }
|
||||
.bg-yellow-5 { background-color: undefined; }
|
||||
.bg-yellow-6 { background-color: undefined; }
|
||||
.bg-yellow-7 { background-color: undefined; }
|
||||
.bg-yellow-8 { background-color: undefined; }
|
||||
.bg-yellow-9 { background-color: undefined; }
|
||||
.bg-yellow-10 { background-color: undefined; }
|
||||
|
||||
|
||||
@ -9,5 +9,5 @@ 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.
|
||||
*/.black,.black-05,.black-10,.black-20,.black-30,.black-40,.black-50,.black-60,.black-70,.black-80,.black-90,.blue,.dark-blue,.dark-gray,.dark-green,.dark-pink,.dark-red,.gold,.gray,.green,.hot-pink,.light-blue,.light-gray,.light-green,.light-pink,.light-purple,.light-red,.light-silver,.light-yellow,.lightest-blue,.mid-gray,.moon-gray,.navy,.near-black,.near-white,.orange,.pink,.purple,.red,.silver,.washed-blue,.washed-green,.washed-red,.washed-yellow,.white,.white-10,.white-20,.white-30,.white-40,.white-50,.white-60,.white-70,.white-80,.white-90,.yellow{color:undefined}.color-inherit{color:inherit}.bg-black,.bg-black-05,.bg-black-10,.bg-black-20,.bg-black-30,.bg-black-40,.bg-black-50,.bg-black-60,.bg-black-70,.bg-black-80,.bg-black-90,.bg-blue,.bg-dark-blue,.bg-dark-gray,.bg-dark-green,.bg-dark-pink,.bg-dark-red,.bg-gold,.bg-gray,.bg-green,.bg-hot-pink,.bg-light-blue,.bg-light-gray,.bg-light-green,.bg-light-pink,.bg-light-purple,.bg-light-red,.bg-light-silver,.bg-light-yellow,.bg-lightest-blue,.bg-mid-gray,.bg-moon-gray,.bg-navy,.bg-near-black,.bg-near-white,.bg-orange,.bg-pink,.bg-purple,.bg-red,.bg-silver,.bg-transparent,.bg-washed-blue,.bg-washed-green,.bg-washed-red,.bg-washed-yellow,.bg-white,.bg-white-10,.bg-white-20,.bg-white-30,.bg-white-40,.bg-white-50,.bg-white-60,.bg-white-70,.bg-white-80,.bg-white-90,.bg-yellow{background-color:undefined}.bg-inherit{background-color:inherit}
|
||||
*/.color-inherit{color:inherit}.black,.black-05,.black-10,.black-20,.black-30,.black-40,.black-50,.black-60,.black-70,.black-80,.black-90,.blue-0,.blue-1,.blue-2,.blue-3,.blue-4,.blue-5,.blue-6,.blue-7,.blue-8,.blue-9,.blue-10,.cyan-0,.cyan-1,.cyan-2,.cyan-3,.cyan-4,.cyan-5,.cyan-6,.cyan-7,.cyan-8,.cyan-9,.cyan-10,.gray-0,.gray-1,.gray-2,.gray-3,.gray-4,.gray-5,.gray-6,.gray-7,.gray-8,.gray-9,.gray-10,.green-0,.green-1,.green-2,.green-3,.green-4,.green-5,.green-6,.green-7,.green-8,.green-9,.green-10,.indigo-0,.indigo-1,.indigo-2,.indigo-3,.indigo-4,.indigo-5,.indigo-6,.indigo-7,.indigo-8,.indigo-9,.indigo-10,.orange-0,.orange-1,.orange-2,.orange-3,.orange-4,.orange-5,.orange-6,.orange-7,.orange-8,.orange-9,.orange-10,.pink-0,.pink-1,.pink-2,.pink-3,.pink-4,.pink-5,.pink-6,.pink-7,.pink-8,.pink-9,.pink-10,.purple-0,.purple-1,.purple-2,.purple-3,.purple-4,.purple-5,.purple-6,.purple-7,.purple-8,.purple-9,.purple-10,.red-0,.red-1,.red-2,.red-3,.red-4,.red-5,.red-6,.red-7,.red-8,.red-9,.red-10,.teal-0,.teal-1,.teal-2,.teal-3,.teal-4,.teal-5,.teal-6,.teal-7,.teal-8,.teal-9,.teal-10,.white,.white-10,.white-20,.white-30,.white-40,.white-50,.white-60,.white-70,.white-80,.white-90,.yellow-0,.yellow-1,.yellow-2,.yellow-3,.yellow-4,.yellow-5,.yellow-6,.yellow-7,.yellow-8,.yellow-9,.yellow-10{color:undefined}.bg-black,.bg-black-05,.bg-black-10,.bg-black-20,.bg-black-30,.bg-black-40,.bg-black-50,.bg-black-60,.bg-black-70,.bg-black-80,.bg-black-90,.bg-blue-0,.bg-blue-1,.bg-blue-2,.bg-blue-3,.bg-blue-4,.bg-blue-5,.bg-blue-6,.bg-blue-7,.bg-blue-8,.bg-blue-9,.bg-blue-10,.bg-cyan-0,.bg-cyan-1,.bg-cyan-2,.bg-cyan-3,.bg-cyan-4,.bg-cyan-5,.bg-cyan-6,.bg-cyan-7,.bg-cyan-8,.bg-cyan-9,.bg-cyan-10,.bg-gray-0,.bg-gray-1,.bg-gray-2,.bg-gray-3,.bg-gray-4,.bg-gray-5,.bg-gray-6,.bg-gray-7,.bg-gray-8,.bg-gray-9,.bg-gray-10,.bg-green-0,.bg-green-1,.bg-green-2,.bg-green-3,.bg-green-4,.bg-green-5,.bg-green-6,.bg-green-7,.bg-green-8,.bg-green-9,.bg-green-10,.bg-indigo-0,.bg-indigo-1,.bg-indigo-2,.bg-indigo-3,.bg-indigo-4,.bg-indigo-5,.bg-indigo-6,.bg-indigo-7,.bg-indigo-8,.bg-indigo-9,.bg-indigo-10,.bg-orange-0,.bg-orange-1,.bg-orange-2,.bg-orange-3,.bg-orange-4,.bg-orange-5,.bg-orange-6,.bg-orange-7,.bg-orange-8,.bg-orange-9,.bg-orange-10,.bg-pink-0,.bg-pink-1,.bg-pink-2,.bg-pink-3,.bg-pink-4,.bg-pink-5,.bg-pink-6,.bg-pink-7,.bg-pink-8,.bg-pink-9,.bg-pink-10,.bg-purple-0,.bg-purple-1,.bg-purple-2,.bg-purple-3,.bg-purple-4,.bg-purple-5,.bg-purple-6,.bg-purple-7,.bg-purple-8,.bg-purple-9,.bg-purple-10,.bg-red-0,.bg-red-1,.bg-red-2,.bg-red-3,.bg-red-4,.bg-red-5,.bg-red-6,.bg-red-7,.bg-red-8,.bg-red-9,.bg-red-10,.bg-teal-0,.bg-teal-1,.bg-teal-2,.bg-teal-3,.bg-teal-4,.bg-teal-5,.bg-teal-6,.bg-teal-7,.bg-teal-8,.bg-teal-9,.bg-teal-10,.bg-transparent,.bg-white,.bg-white-10,.bg-white-20,.bg-white-30,.bg-white-40,.bg-white-50,.bg-white-60,.bg-white-70,.bg-white-80,.bg-white-90,.bg-yellow-0,.bg-yellow-1,.bg-yellow-2,.bg-yellow-3,.bg-yellow-4,.bg-yellow-5,.bg-yellow-6,.bg-yellow-7,.bg-yellow-8,.bg-yellow-9,.bg-yellow-10{background-color:undefined}
|
||||
|
||||
|
||||
@ -13,7 +13,7 @@ be set to the current text color.
|
||||
|
||||
### Stats
|
||||
|
||||
690 | 113 | 113
|
||||
1013 | 286 | 286
|
||||
---|---|---
|
||||
bytes | selectors | declarations
|
||||
|
||||
@ -64,7 +64,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
@ -96,6 +96,7 @@ 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 */
|
||||
.color-inherit { color: inherit; }
|
||||
.black-90 { color: undefined; }
|
||||
.black-80 { color: undefined; }
|
||||
.black-70 { color: undefined; }
|
||||
@ -116,42 +117,130 @@ be set to the current text color.
|
||||
.white-20 { color: undefined; }
|
||||
.white-10 { color: undefined; }
|
||||
.black { color: undefined; }
|
||||
.near-black { color: undefined; }
|
||||
.dark-gray { color: undefined; }
|
||||
.mid-gray { color: undefined; }
|
||||
.gray { color: undefined; }
|
||||
.silver { color: undefined; }
|
||||
.light-silver { color: undefined; }
|
||||
.moon-gray { color: undefined; }
|
||||
.light-gray { color: undefined; }
|
||||
.near-white { color: undefined; }
|
||||
.gray-0 { color: undefined; }
|
||||
.gray-1 { color: undefined; }
|
||||
.gray-2 { color: undefined; }
|
||||
.gray-3 { color: undefined; }
|
||||
.gray-4 { color: undefined; }
|
||||
.gray-5 { color: undefined; }
|
||||
.gray-6 { color: undefined; }
|
||||
.gray-7 { color: undefined; }
|
||||
.gray-8 { color: undefined; }
|
||||
.gray-9 { color: undefined; }
|
||||
.gray-10 { color: undefined; }
|
||||
.white { color: undefined; }
|
||||
.dark-red { color: undefined; }
|
||||
.red { color: undefined; }
|
||||
.light-red { color: undefined; }
|
||||
.orange { color: undefined; }
|
||||
.gold { color: undefined; }
|
||||
.yellow { color: undefined; }
|
||||
.light-yellow { color: undefined; }
|
||||
.purple { color: undefined; }
|
||||
.light-purple { color: undefined; }
|
||||
.dark-pink { color: undefined; }
|
||||
.hot-pink { color: undefined; }
|
||||
.pink { color: undefined; }
|
||||
.light-pink { color: undefined; }
|
||||
.dark-green { color: undefined; }
|
||||
.green { color: undefined; }
|
||||
.light-green { color: undefined; }
|
||||
.navy { color: undefined; }
|
||||
.dark-blue { color: undefined; }
|
||||
.blue { color: undefined; }
|
||||
.light-blue { color: undefined; }
|
||||
.lightest-blue { color: undefined; }
|
||||
.washed-blue { color: undefined; }
|
||||
.washed-green { color: undefined; }
|
||||
.washed-yellow { color: undefined; }
|
||||
.washed-red { color: undefined; }
|
||||
.color-inherit { color: inherit; }
|
||||
.green-0 { color: undefined; }
|
||||
.green-1 { color: undefined; }
|
||||
.green-2 { color: undefined; }
|
||||
.green-3 { color: undefined; }
|
||||
.green-4 { color: undefined; }
|
||||
.green-5 { color: undefined; }
|
||||
.green-6 { color: undefined; }
|
||||
.green-7 { color: undefined; }
|
||||
.green-8 { color: undefined; }
|
||||
.green-9 { color: undefined; }
|
||||
.green-10 { color: undefined; }
|
||||
.teal-0 { color: undefined; }
|
||||
.teal-1 { color: undefined; }
|
||||
.teal-2 { color: undefined; }
|
||||
.teal-3 { color: undefined; }
|
||||
.teal-4 { color: undefined; }
|
||||
.teal-5 { color: undefined; }
|
||||
.teal-6 { color: undefined; }
|
||||
.teal-7 { color: undefined; }
|
||||
.teal-8 { color: undefined; }
|
||||
.teal-9 { color: undefined; }
|
||||
.teal-10 { color: undefined; }
|
||||
.cyan-0 { color: undefined; }
|
||||
.cyan-1 { color: undefined; }
|
||||
.cyan-2 { color: undefined; }
|
||||
.cyan-3 { color: undefined; }
|
||||
.cyan-4 { color: undefined; }
|
||||
.cyan-5 { color: undefined; }
|
||||
.cyan-6 { color: undefined; }
|
||||
.cyan-7 { color: undefined; }
|
||||
.cyan-8 { color: undefined; }
|
||||
.cyan-9 { color: undefined; }
|
||||
.cyan-10 { color: undefined; }
|
||||
.blue-0 { color: undefined; }
|
||||
.blue-1 { color: undefined; }
|
||||
.blue-2 { color: undefined; }
|
||||
.blue-3 { color: undefined; }
|
||||
.blue-4 { color: undefined; }
|
||||
.blue-5 { color: undefined; }
|
||||
.blue-6 { color: undefined; }
|
||||
.blue-7 { color: undefined; }
|
||||
.blue-8 { color: undefined; }
|
||||
.blue-9 { color: undefined; }
|
||||
.blue-10 { color: undefined; }
|
||||
.indigo-0 { color: undefined; }
|
||||
.indigo-1 { color: undefined; }
|
||||
.indigo-2 { color: undefined; }
|
||||
.indigo-3 { color: undefined; }
|
||||
.indigo-4 { color: undefined; }
|
||||
.indigo-5 { color: undefined; }
|
||||
.indigo-6 { color: undefined; }
|
||||
.indigo-7 { color: undefined; }
|
||||
.indigo-8 { color: undefined; }
|
||||
.indigo-9 { color: undefined; }
|
||||
.indigo-10 { color: undefined; }
|
||||
.purple-0 { color: undefined; }
|
||||
.purple-1 { color: undefined; }
|
||||
.purple-2 { color: undefined; }
|
||||
.purple-3 { color: undefined; }
|
||||
.purple-4 { color: undefined; }
|
||||
.purple-5 { color: undefined; }
|
||||
.purple-6 { color: undefined; }
|
||||
.purple-7 { color: undefined; }
|
||||
.purple-8 { color: undefined; }
|
||||
.purple-9 { color: undefined; }
|
||||
.purple-10 { color: undefined; }
|
||||
.pink-0 { color: undefined; }
|
||||
.pink-1 { color: undefined; }
|
||||
.pink-2 { color: undefined; }
|
||||
.pink-3 { color: undefined; }
|
||||
.pink-4 { color: undefined; }
|
||||
.pink-5 { color: undefined; }
|
||||
.pink-6 { color: undefined; }
|
||||
.pink-7 { color: undefined; }
|
||||
.pink-8 { color: undefined; }
|
||||
.pink-9 { color: undefined; }
|
||||
.pink-10 { color: undefined; }
|
||||
.red-0 { color: undefined; }
|
||||
.red-1 { color: undefined; }
|
||||
.red-2 { color: undefined; }
|
||||
.red-3 { color: undefined; }
|
||||
.red-4 { color: undefined; }
|
||||
.red-5 { color: undefined; }
|
||||
.red-6 { color: undefined; }
|
||||
.red-7 { color: undefined; }
|
||||
.red-8 { color: undefined; }
|
||||
.red-9 { color: undefined; }
|
||||
.red-10 { color: undefined; }
|
||||
.orange-0 { color: undefined; }
|
||||
.orange-1 { color: undefined; }
|
||||
.orange-2 { color: undefined; }
|
||||
.orange-3 { color: undefined; }
|
||||
.orange-4 { color: undefined; }
|
||||
.orange-5 { color: undefined; }
|
||||
.orange-6 { color: undefined; }
|
||||
.orange-7 { color: undefined; }
|
||||
.orange-8 { color: undefined; }
|
||||
.orange-9 { color: undefined; }
|
||||
.orange-10 { color: undefined; }
|
||||
.yellow-0 { color: undefined; }
|
||||
.yellow-1 { color: undefined; }
|
||||
.yellow-2 { color: undefined; }
|
||||
.yellow-3 { color: undefined; }
|
||||
.yellow-4 { color: undefined; }
|
||||
.yellow-5 { color: undefined; }
|
||||
.yellow-6 { color: undefined; }
|
||||
.yellow-7 { color: undefined; }
|
||||
.yellow-8 { color: undefined; }
|
||||
.yellow-9 { color: undefined; }
|
||||
.yellow-10 { color: undefined; }
|
||||
/* Background colors */
|
||||
.bg-transparent { background-color: undefined; }
|
||||
.bg-black-90 { background-color: undefined; }
|
||||
.bg-black-80 { background-color: undefined; }
|
||||
.bg-black-70 { background-color: undefined; }
|
||||
@ -171,45 +260,129 @@ be set to the current text color.
|
||||
.bg-white-30 { background-color: undefined; }
|
||||
.bg-white-20 { background-color: undefined; }
|
||||
.bg-white-10 { background-color: undefined; }
|
||||
/* Background colors */
|
||||
.bg-black { background-color: undefined; }
|
||||
.bg-near-black { background-color: undefined; }
|
||||
.bg-dark-gray { background-color: undefined; }
|
||||
.bg-mid-gray { background-color: undefined; }
|
||||
.bg-gray { background-color: undefined; }
|
||||
.bg-silver { background-color: undefined; }
|
||||
.bg-light-silver { background-color: undefined; }
|
||||
.bg-moon-gray { background-color: undefined; }
|
||||
.bg-light-gray { background-color: undefined; }
|
||||
.bg-near-white { background-color: undefined; }
|
||||
.bg-gray-0 { background-color: undefined; }
|
||||
.bg-gray-1 { background-color: undefined; }
|
||||
.bg-gray-2 { background-color: undefined; }
|
||||
.bg-gray-3 { background-color: undefined; }
|
||||
.bg-gray-4 { background-color: undefined; }
|
||||
.bg-gray-5 { background-color: undefined; }
|
||||
.bg-gray-6 { background-color: undefined; }
|
||||
.bg-gray-7 { background-color: undefined; }
|
||||
.bg-gray-8 { background-color: undefined; }
|
||||
.bg-gray-9 { background-color: undefined; }
|
||||
.bg-gray-10 { background-color: undefined; }
|
||||
.bg-white { background-color: undefined; }
|
||||
.bg-transparent { background-color: undefined; }
|
||||
.bg-dark-red { background-color: undefined; }
|
||||
.bg-red { background-color: undefined; }
|
||||
.bg-light-red { background-color: undefined; }
|
||||
.bg-orange { background-color: undefined; }
|
||||
.bg-gold { background-color: undefined; }
|
||||
.bg-yellow { background-color: undefined; }
|
||||
.bg-light-yellow { background-color: undefined; }
|
||||
.bg-purple { background-color: undefined; }
|
||||
.bg-light-purple { background-color: undefined; }
|
||||
.bg-dark-pink { background-color: undefined; }
|
||||
.bg-hot-pink { background-color: undefined; }
|
||||
.bg-pink { background-color: undefined; }
|
||||
.bg-light-pink { background-color: undefined; }
|
||||
.bg-dark-green { background-color: undefined; }
|
||||
.bg-green { background-color: undefined; }
|
||||
.bg-light-green { background-color: undefined; }
|
||||
.bg-navy { background-color: undefined; }
|
||||
.bg-dark-blue { background-color: undefined; }
|
||||
.bg-blue { background-color: undefined; }
|
||||
.bg-light-blue { background-color: undefined; }
|
||||
.bg-lightest-blue { background-color: undefined; }
|
||||
.bg-washed-blue { background-color: undefined; }
|
||||
.bg-washed-green { background-color: undefined; }
|
||||
.bg-washed-yellow { background-color: undefined; }
|
||||
.bg-washed-red { background-color: undefined; }
|
||||
.bg-inherit { background-color: inherit; }
|
||||
.bg-green-0 { background-color: undefined; }
|
||||
.bg-green-1 { background-color: undefined; }
|
||||
.bg-green-2 { background-color: undefined; }
|
||||
.bg-green-3 { background-color: undefined; }
|
||||
.bg-green-4 { background-color: undefined; }
|
||||
.bg-green-5 { background-color: undefined; }
|
||||
.bg-green-6 { background-color: undefined; }
|
||||
.bg-green-7 { background-color: undefined; }
|
||||
.bg-green-8 { background-color: undefined; }
|
||||
.bg-green-9 { background-color: undefined; }
|
||||
.bg-green-10 { background-color: undefined; }
|
||||
.bg-teal-0 { background-color: undefined; }
|
||||
.bg-teal-1 { background-color: undefined; }
|
||||
.bg-teal-2 { background-color: undefined; }
|
||||
.bg-teal-3 { background-color: undefined; }
|
||||
.bg-teal-4 { background-color: undefined; }
|
||||
.bg-teal-5 { background-color: undefined; }
|
||||
.bg-teal-6 { background-color: undefined; }
|
||||
.bg-teal-7 { background-color: undefined; }
|
||||
.bg-teal-8 { background-color: undefined; }
|
||||
.bg-teal-9 { background-color: undefined; }
|
||||
.bg-teal-10 { background-color: undefined; }
|
||||
.bg-cyan-0 { background-color: undefined; }
|
||||
.bg-cyan-1 { background-color: undefined; }
|
||||
.bg-cyan-2 { background-color: undefined; }
|
||||
.bg-cyan-3 { background-color: undefined; }
|
||||
.bg-cyan-4 { background-color: undefined; }
|
||||
.bg-cyan-5 { background-color: undefined; }
|
||||
.bg-cyan-6 { background-color: undefined; }
|
||||
.bg-cyan-7 { background-color: undefined; }
|
||||
.bg-cyan-8 { background-color: undefined; }
|
||||
.bg-cyan-9 { background-color: undefined; }
|
||||
.bg-cyan-10 { background-color: undefined; }
|
||||
.bg-blue-0 { background-color: undefined; }
|
||||
.bg-blue-1 { background-color: undefined; }
|
||||
.bg-blue-2 { background-color: undefined; }
|
||||
.bg-blue-3 { background-color: undefined; }
|
||||
.bg-blue-4 { background-color: undefined; }
|
||||
.bg-blue-5 { background-color: undefined; }
|
||||
.bg-blue-6 { background-color: undefined; }
|
||||
.bg-blue-7 { background-color: undefined; }
|
||||
.bg-blue-8 { background-color: undefined; }
|
||||
.bg-blue-9 { background-color: undefined; }
|
||||
.bg-blue-10 { background-color: undefined; }
|
||||
.bg-indigo-0 { background-color: undefined; }
|
||||
.bg-indigo-1 { background-color: undefined; }
|
||||
.bg-indigo-2 { background-color: undefined; }
|
||||
.bg-indigo-3 { background-color: undefined; }
|
||||
.bg-indigo-4 { background-color: undefined; }
|
||||
.bg-indigo-5 { background-color: undefined; }
|
||||
.bg-indigo-6 { background-color: undefined; }
|
||||
.bg-indigo-7 { background-color: undefined; }
|
||||
.bg-indigo-8 { background-color: undefined; }
|
||||
.bg-indigo-9 { background-color: undefined; }
|
||||
.bg-indigo-10 { background-color: undefined; }
|
||||
.bg-purple-0 { background-color: undefined; }
|
||||
.bg-purple-1 { background-color: undefined; }
|
||||
.bg-purple-2 { background-color: undefined; }
|
||||
.bg-purple-3 { background-color: undefined; }
|
||||
.bg-purple-4 { background-color: undefined; }
|
||||
.bg-purple-5 { background-color: undefined; }
|
||||
.bg-purple-6 { background-color: undefined; }
|
||||
.bg-purple-7 { background-color: undefined; }
|
||||
.bg-purple-8 { background-color: undefined; }
|
||||
.bg-purple-9 { background-color: undefined; }
|
||||
.bg-purple-10 { background-color: undefined; }
|
||||
.bg-pink-0 { background-color: undefined; }
|
||||
.bg-pink-1 { background-color: undefined; }
|
||||
.bg-pink-2 { background-color: undefined; }
|
||||
.bg-pink-3 { background-color: undefined; }
|
||||
.bg-pink-4 { background-color: undefined; }
|
||||
.bg-pink-5 { background-color: undefined; }
|
||||
.bg-pink-6 { background-color: undefined; }
|
||||
.bg-pink-7 { background-color: undefined; }
|
||||
.bg-pink-8 { background-color: undefined; }
|
||||
.bg-pink-9 { background-color: undefined; }
|
||||
.bg-pink-10 { background-color: undefined; }
|
||||
.bg-red-0 { background-color: undefined; }
|
||||
.bg-red-1 { background-color: undefined; }
|
||||
.bg-red-2 { background-color: undefined; }
|
||||
.bg-red-3 { background-color: undefined; }
|
||||
.bg-red-4 { background-color: undefined; }
|
||||
.bg-red-5 { background-color: undefined; }
|
||||
.bg-red-6 { background-color: undefined; }
|
||||
.bg-red-7 { background-color: undefined; }
|
||||
.bg-red-8 { background-color: undefined; }
|
||||
.bg-red-9 { background-color: undefined; }
|
||||
.bg-red-10 { background-color: undefined; }
|
||||
.bg-orange-0 { background-color: undefined; }
|
||||
.bg-orange-1 { background-color: undefined; }
|
||||
.bg-orange-2 { background-color: undefined; }
|
||||
.bg-orange-3 { background-color: undefined; }
|
||||
.bg-orange-4 { background-color: undefined; }
|
||||
.bg-orange-5 { background-color: undefined; }
|
||||
.bg-orange-6 { background-color: undefined; }
|
||||
.bg-orange-7 { background-color: undefined; }
|
||||
.bg-orange-8 { background-color: undefined; }
|
||||
.bg-orange-9 { background-color: undefined; }
|
||||
.bg-orange-10 { background-color: undefined; }
|
||||
.bg-yellow-0 { background-color: undefined; }
|
||||
.bg-yellow-1 { background-color: undefined; }
|
||||
.bg-yellow-2 { background-color: undefined; }
|
||||
.bg-yellow-3 { background-color: undefined; }
|
||||
.bg-yellow-4 { background-color: undefined; }
|
||||
.bg-yellow-5 { background-color: undefined; }
|
||||
.bg-yellow-6 { background-color: undefined; }
|
||||
.bg-yellow-7 { background-color: undefined; }
|
||||
.bg-yellow-8 { background-color: undefined; }
|
||||
.bg-yellow-9 { background-color: undefined; }
|
||||
.bg-yellow-10 { background-color: undefined; }
|
||||
```
|
||||
|
||||
## Contributing
|
||||
|
||||
@ -46,6 +46,8 @@ be set to the current text color.
|
||||
.gray-6 { color: var(--gray-6); }
|
||||
.gray-7 { color: var(--gray-7); }
|
||||
.gray-8 { color: var(--gray-8); }
|
||||
.gray-9 { color: var(--gray-9); }
|
||||
.gray-10 { color: var(--gray-10); }
|
||||
.white { color: var(--white); }
|
||||
|
||||
.green-0 { color: var(--green-0); }
|
||||
@ -205,6 +207,8 @@ be set to the current text color.
|
||||
.bg-gray-6 { background-color: var(--gray-6); }
|
||||
.bg-gray-7 { background-color: var(--gray-7); }
|
||||
.bg-gray-8 { background-color: var(--gray-8); }
|
||||
.bg-gray-9 { background-color: var(--gray-9); }
|
||||
.bg-gray-10 { background-color: var(--gray-10); }
|
||||
.bg-white { background-color: var(--white); }
|
||||
|
||||
.bg-green-0 { background-color: var(--green-0); }
|
||||
|
||||
@ -15,7 +15,6 @@ http://tachyons.io/docs/layout/spacing/
|
||||
|
||||
### Modifiers
|
||||
|
||||
- a = all
|
||||
- h = horizontal
|
||||
- v = vertical
|
||||
- t = top
|
||||
@ -39,14 +38,14 @@ http://tachyons.io/docs/layout/spacing/
|
||||
- `-l` = large
|
||||
*/
|
||||
/* Variables */
|
||||
.pa0 { padding: 0; }
|
||||
.pa1 { padding: .25rem; }
|
||||
.pa2 { padding: .5rem; }
|
||||
.pa3 { padding: 1rem; }
|
||||
.pa4 { padding: 2rem; }
|
||||
.pa5 { padding: 4rem; }
|
||||
.pa6 { padding: 8rem; }
|
||||
.pa7 { padding: 16rem; }
|
||||
.p0 { padding: 0; }
|
||||
.p1 { padding: .25rem; }
|
||||
.p2 { padding: .5rem; }
|
||||
.p3 { padding: 1rem; }
|
||||
.p4 { padding: 2rem; }
|
||||
.p5 { padding: 4rem; }
|
||||
.p6 { padding: 8rem; }
|
||||
.p7 { padding: 16rem; }
|
||||
.pl0 { padding-left: 0; }
|
||||
.pl1 { padding-left: .25rem; }
|
||||
.pl2 { padding-left: .5rem; }
|
||||
@ -95,14 +94,18 @@ http://tachyons.io/docs/layout/spacing/
|
||||
.ph5 { padding-left: 4rem; padding-right: 4rem; }
|
||||
.ph6 { padding-left: 8rem; padding-right: 8rem; }
|
||||
.ph7 { padding-left: 16rem; padding-right: 16rem; }
|
||||
.ma0 { margin: 0; }
|
||||
.ma1 { margin: .25rem; }
|
||||
.ma2 { margin: .5rem; }
|
||||
.ma3 { margin: 1rem; }
|
||||
.ma4 { margin: 2rem; }
|
||||
.ma5 { margin: 4rem; }
|
||||
.ma6 { margin: 8rem; }
|
||||
.ma7 { margin: 16rem; }
|
||||
.mt-auto { margin-top: auto; }
|
||||
.mr-auto { margin-right: auto; }
|
||||
.mb-auto { margin-bottom: auto; }
|
||||
.ml-auto { margin-left: auto; }
|
||||
.m0 { margin: 0; }
|
||||
.m1 { margin: .25rem; }
|
||||
.m2 { margin: .5rem; }
|
||||
.m3 { margin: 1rem; }
|
||||
.m4 { margin: 2rem; }
|
||||
.m5 { margin: 4rem; }
|
||||
.m6 { margin: 8rem; }
|
||||
.m7 { margin: 16rem; }
|
||||
.ml0 { margin-left: 0; }
|
||||
.ml1 { margin-left: .25rem; }
|
||||
.ml2 { margin-left: .5rem; }
|
||||
@ -152,18 +155,18 @@ http://tachyons.io/docs/layout/spacing/
|
||||
.mh6 { margin-left: 8rem; margin-right: 8rem; }
|
||||
.mh7 { margin-left: 16rem; margin-right: 16rem; }
|
||||
@media screen and (min-width: 30em) {
|
||||
.pa0-s { padding: 0; }
|
||||
.pa1-s { padding: .25rem; }
|
||||
.pa2-s { padding: .5rem; }
|
||||
.pa3-s { padding: undefined; }
|
||||
.pa4-s { padding: 2rem; }
|
||||
.pa5-s { padding: 4rem; }
|
||||
.pa6-s { padding: 8rem; }
|
||||
.pa7-s { padding: 16rem; }
|
||||
.p0-s { padding: 0; }
|
||||
.p1-s { padding: .25rem; }
|
||||
.p2-s { padding: .5rem; }
|
||||
.p3-s { padding: 1rem; }
|
||||
.p4-s { padding: 2rem; }
|
||||
.p5-s { padding: 4rem; }
|
||||
.p6-s { padding: 8rem; }
|
||||
.p7-s { padding: 16rem; }
|
||||
.pl0-s { padding-left: 0; }
|
||||
.pl1-s { padding-left: .25rem; }
|
||||
.pl2-s { padding-left: .5rem; }
|
||||
.pl3-s { padding-left: undefined; }
|
||||
.pl3-s { padding-left: 1rem; }
|
||||
.pl4-s { padding-left: 2rem; }
|
||||
.pl5-s { padding-left: 4rem; }
|
||||
.pl6-s { padding-left: 8rem; }
|
||||
@ -171,7 +174,7 @@ http://tachyons.io/docs/layout/spacing/
|
||||
.pr0-s { padding-right: 0; }
|
||||
.pr1-s { padding-right: .25rem; }
|
||||
.pr2-s { padding-right: .5rem; }
|
||||
.pr3-s { padding-right: undefined; }
|
||||
.pr3-s { padding-right: 1rem; }
|
||||
.pr4-s { padding-right: 2rem; }
|
||||
.pr5-s { padding-right: 4rem; }
|
||||
.pr6-s { padding-right: 8rem; }
|
||||
@ -179,7 +182,7 @@ http://tachyons.io/docs/layout/spacing/
|
||||
.pb0-s { padding-bottom: 0; }
|
||||
.pb1-s { padding-bottom: .25rem; }
|
||||
.pb2-s { padding-bottom: .5rem; }
|
||||
.pb3-s { padding-bottom: undefined; }
|
||||
.pb3-s { padding-bottom: 1rem; }
|
||||
.pb4-s { padding-bottom: 2rem; }
|
||||
.pb5-s { padding-bottom: 4rem; }
|
||||
.pb6-s { padding-bottom: 8rem; }
|
||||
@ -187,7 +190,7 @@ http://tachyons.io/docs/layout/spacing/
|
||||
.pt0-s { padding-top: 0; }
|
||||
.pt1-s { padding-top: .25rem; }
|
||||
.pt2-s { padding-top: .5rem; }
|
||||
.pt3-s { padding-top: undefined; }
|
||||
.pt3-s { padding-top: 1rem; }
|
||||
.pt4-s { padding-top: 2rem; }
|
||||
.pt5-s { padding-top: 4rem; }
|
||||
.pt6-s { padding-top: 8rem; }
|
||||
@ -195,7 +198,7 @@ http://tachyons.io/docs/layout/spacing/
|
||||
.pv0-s { padding-top: 0; padding-bottom: 0; }
|
||||
.pv1-s { padding-top: .25rem; padding-bottom: .25rem; }
|
||||
.pv2-s { padding-top: .5rem; padding-bottom: .5rem; }
|
||||
.pv3-s { padding-top: undefined; padding-bottom: undefined; }
|
||||
.pv3-s { padding-top: 1rem; padding-bottom: 1rem; }
|
||||
.pv4-s { padding-top: 2rem; padding-bottom: 2rem; }
|
||||
.pv5-s { padding-top: 4rem; padding-bottom: 4rem; }
|
||||
.pv6-s { padding-top: 8rem; padding-bottom: 8rem; }
|
||||
@ -203,23 +206,27 @@ http://tachyons.io/docs/layout/spacing/
|
||||
.ph0-s { padding-left: 0; padding-right: 0; }
|
||||
.ph1-s { padding-left: .25rem; padding-right: .25rem; }
|
||||
.ph2-s { padding-left: .5rem; padding-right: .5rem; }
|
||||
.ph3-s { padding-left: undefined; padding-right: undefined; }
|
||||
.ph3-s { padding-left: 1rem; padding-right: 1rem; }
|
||||
.ph4-s { padding-left: 2rem; padding-right: 2rem; }
|
||||
.ph5-s { padding-left: 4rem; padding-right: 4rem; }
|
||||
.ph6-s { padding-left: 8rem; padding-right: 8rem; }
|
||||
.ph7-s { padding-left: 16rem; padding-right: 16rem; }
|
||||
.ma0-s { margin: 0; }
|
||||
.ma1-s { margin: .25rem; }
|
||||
.ma2-s { margin: .5rem; }
|
||||
.ma3-s { margin: undefined; }
|
||||
.ma4-s { margin: 2rem; }
|
||||
.ma5-s { margin: 4rem; }
|
||||
.ma6-s { margin: 8rem; }
|
||||
.ma7-s { margin: 16rem; }
|
||||
.mt-auto-s { margin-top: auto; }
|
||||
.mr-auto-s { margin-right: auto; }
|
||||
.mb-auto-s { margin-bottom: auto; }
|
||||
.ml-auto-s { margin-left: auto; }
|
||||
.m0-s { margin: 0; }
|
||||
.m1-s { margin: .25rem; }
|
||||
.m2-s { margin: .5rem; }
|
||||
.m3-s { margin: 1rem; }
|
||||
.m4-s { margin: 2rem; }
|
||||
.m5-s { margin: 4rem; }
|
||||
.m6-s { margin: 8rem; }
|
||||
.m7-s { margin: 16rem; }
|
||||
.ml0-s { margin-left: 0; }
|
||||
.ml1-s { margin-left: .25rem; }
|
||||
.ml2-s { margin-left: .5rem; }
|
||||
.ml3-s { margin-left: undefined; }
|
||||
.ml3-s { margin-left: 1rem; }
|
||||
.ml4-s { margin-left: 2rem; }
|
||||
.ml5-s { margin-left: 4rem; }
|
||||
.ml6-s { margin-left: 8rem; }
|
||||
@ -227,7 +234,7 @@ http://tachyons.io/docs/layout/spacing/
|
||||
.mr0-s { margin-right: 0; }
|
||||
.mr1-s { margin-right: .25rem; }
|
||||
.mr2-s { margin-right: .5rem; }
|
||||
.mr3-s { margin-right: undefined; }
|
||||
.mr3-s { margin-right: 1rem; }
|
||||
.mr4-s { margin-right: 2rem; }
|
||||
.mr5-s { margin-right: 4rem; }
|
||||
.mr6-s { margin-right: 8rem; }
|
||||
@ -235,7 +242,7 @@ http://tachyons.io/docs/layout/spacing/
|
||||
.mb0-s { margin-bottom: 0; }
|
||||
.mb1-s { margin-bottom: .25rem; }
|
||||
.mb2-s { margin-bottom: .5rem; }
|
||||
.mb3-s { margin-bottom: undefined; }
|
||||
.mb3-s { margin-bottom: 1rem; }
|
||||
.mb4-s { margin-bottom: 2rem; }
|
||||
.mb5-s { margin-bottom: 4rem; }
|
||||
.mb6-s { margin-bottom: 8rem; }
|
||||
@ -243,7 +250,7 @@ http://tachyons.io/docs/layout/spacing/
|
||||
.mt0-s { margin-top: 0; }
|
||||
.mt1-s { margin-top: .25rem; }
|
||||
.mt2-s { margin-top: .5rem; }
|
||||
.mt3-s { margin-top: undefined; }
|
||||
.mt3-s { margin-top: 1rem; }
|
||||
.mt4-s { margin-top: 2rem; }
|
||||
.mt5-s { margin-top: 4rem; }
|
||||
.mt6-s { margin-top: 8rem; }
|
||||
@ -251,7 +258,7 @@ http://tachyons.io/docs/layout/spacing/
|
||||
.mv0-s { margin-top: 0; margin-bottom: 0; }
|
||||
.mv1-s { margin-top: .25rem; margin-bottom: .25rem; }
|
||||
.mv2-s { margin-top: .5rem; margin-bottom: .5rem; }
|
||||
.mv3-s { margin-top: undefined; margin-bottom: undefined; }
|
||||
.mv3-s { margin-top: 1rem; margin-bottom: 1rem; }
|
||||
.mv4-s { margin-top: 2rem; margin-bottom: 2rem; }
|
||||
.mv5-s { margin-top: 4rem; margin-bottom: 4rem; }
|
||||
.mv6-s { margin-top: 8rem; margin-bottom: 8rem; }
|
||||
@ -259,21 +266,21 @@ http://tachyons.io/docs/layout/spacing/
|
||||
.mh0-s { margin-left: 0; margin-right: 0; }
|
||||
.mh1-s { margin-left: .25rem; margin-right: .25rem; }
|
||||
.mh2-s { margin-left: .5rem; margin-right: .5rem; }
|
||||
.mh3-s { margin-left: undefined; margin-right: undefined; }
|
||||
.mh3-s { margin-left: 1rem; margin-right: 1rem; }
|
||||
.mh4-s { margin-left: 2rem; margin-right: 2rem; }
|
||||
.mh5-s { margin-left: 4rem; margin-right: 4rem; }
|
||||
.mh6-s { margin-left: 8rem; margin-right: 8rem; }
|
||||
.mh7-s { margin-left: 16rem; margin-right: 16rem; }
|
||||
}
|
||||
@media screen and (min-width: 48em) {
|
||||
.pa0-m { padding: 0; }
|
||||
.pa1-m { padding: .25rem; }
|
||||
.pa2-m { padding: .5rem; }
|
||||
.pa3-m { padding: 1rem; }
|
||||
.pa4-m { padding: 2rem; }
|
||||
.pa5-m { padding: 4rem; }
|
||||
.pa6-m { padding: 8rem; }
|
||||
.pa7-m { padding: 16rem; }
|
||||
.p0-m { padding: 0; }
|
||||
.p1-m { padding: .25rem; }
|
||||
.p2-m { padding: .5rem; }
|
||||
.p3-m { padding: 1rem; }
|
||||
.p4-m { padding: 2rem; }
|
||||
.p5-m { padding: 4rem; }
|
||||
.p6-m { padding: 8rem; }
|
||||
.p7-m { padding: 16rem; }
|
||||
.pl0-m { padding-left: 0; }
|
||||
.pl1-m { padding-left: .25rem; }
|
||||
.pl2-m { padding-left: .5rem; }
|
||||
@ -322,14 +329,18 @@ http://tachyons.io/docs/layout/spacing/
|
||||
.ph5-m { padding-left: 4rem; padding-right: 4rem; }
|
||||
.ph6-m { padding-left: 8rem; padding-right: 8rem; }
|
||||
.ph7-m { padding-left: 16rem; padding-right: 16rem; }
|
||||
.ma0-m { margin: 0; }
|
||||
.ma1-m { margin: .25rem; }
|
||||
.ma2-m { margin: .5rem; }
|
||||
.ma3-m { margin: 1rem; }
|
||||
.ma4-m { margin: 2rem; }
|
||||
.ma5-m { margin: 4rem; }
|
||||
.ma6-m { margin: 8rem; }
|
||||
.ma7-m { margin: 16rem; }
|
||||
.mt-auto-m { margin-top: auto; }
|
||||
.mr-auto-m { margin-right: auto; }
|
||||
.mb-auto-m { margin-bottom: auto; }
|
||||
.ml-auto-m { margin-left: auto; }
|
||||
.m0-m { margin: 0; }
|
||||
.m1-m { margin: .25rem; }
|
||||
.m2-m { margin: .5rem; }
|
||||
.m3-m { margin: 1rem; }
|
||||
.m4-m { margin: 2rem; }
|
||||
.m5-m { margin: 4rem; }
|
||||
.m6-m { margin: 8rem; }
|
||||
.m7-m { margin: 16rem; }
|
||||
.ml0-m { margin-left: 0; }
|
||||
.ml1-m { margin-left: .25rem; }
|
||||
.ml2-m { margin-left: .5rem; }
|
||||
@ -380,14 +391,14 @@ http://tachyons.io/docs/layout/spacing/
|
||||
.mh7-m { margin-left: 16rem; margin-right: 16rem; }
|
||||
}
|
||||
@media screen and (min-width: 60em) {
|
||||
.pa0-l { padding: 0; }
|
||||
.pa1-l { padding: .25rem; }
|
||||
.pa2-l { padding: .5rem; }
|
||||
.pa3-l { padding: 1rem; }
|
||||
.pa4-l { padding: 2rem; }
|
||||
.pa5-l { padding: 4rem; }
|
||||
.pa6-l { padding: 8rem; }
|
||||
.pa7-l { padding: 16rem; }
|
||||
.p0-l { padding: 0; }
|
||||
.p1-l { padding: .25rem; }
|
||||
.p2-l { padding: .5rem; }
|
||||
.p3-l { padding: 1rem; }
|
||||
.p4-l { padding: 2rem; }
|
||||
.p5-l { padding: 4rem; }
|
||||
.p6-l { padding: 8rem; }
|
||||
.p7-l { padding: 16rem; }
|
||||
.pl0-l { padding-left: 0; }
|
||||
.pl1-l { padding-left: .25rem; }
|
||||
.pl2-l { padding-left: .5rem; }
|
||||
@ -436,14 +447,18 @@ http://tachyons.io/docs/layout/spacing/
|
||||
.ph5-l { padding-left: 4rem; padding-right: 4rem; }
|
||||
.ph6-l { padding-left: 8rem; padding-right: 8rem; }
|
||||
.ph7-l { padding-left: 16rem; padding-right: 16rem; }
|
||||
.ma0-l { margin: 0; }
|
||||
.ma1-l { margin: .25rem; }
|
||||
.ma2-l { margin: .5rem; }
|
||||
.ma3-l { margin: 1rem; }
|
||||
.ma4-l { margin: 2rem; }
|
||||
.ma5-l { margin: 4rem; }
|
||||
.ma6-l { margin: 8rem; }
|
||||
.ma7-l { margin: 16rem; }
|
||||
.mt-auto-l { margin-top: auto; }
|
||||
.mr-auto-l { margin-right: auto; }
|
||||
.mb-auto-l { margin-bottom: auto; }
|
||||
.ml-auto-l { margin-left: auto; }
|
||||
.m0-l { margin: 0; }
|
||||
.m1-l { margin: .25rem; }
|
||||
.m2-l { margin: .5rem; }
|
||||
.m3-l { margin: 1rem; }
|
||||
.m4-l { margin: 2rem; }
|
||||
.m5-l { margin: 4rem; }
|
||||
.m6-l { margin: 8rem; }
|
||||
.m7-l { margin: 16rem; }
|
||||
.ml0-l { margin-left: 0; }
|
||||
.ml1-l { margin-left: .25rem; }
|
||||
.ml2-l { margin-left: .5rem; }
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -1,10 +1,10 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
2327 | 448 | 576
|
||||
2345 | 464 | 592
|
||||
---|---|---
|
||||
bytes | selectors | declarations
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
@ -91,7 +91,6 @@ http://tachyons.io/docs/layout/spacing/
|
||||
|
||||
### Modifiers
|
||||
|
||||
- a = all
|
||||
- h = horizontal
|
||||
- v = vertical
|
||||
- t = top
|
||||
@ -115,14 +114,14 @@ http://tachyons.io/docs/layout/spacing/
|
||||
- `-l` = large
|
||||
*/
|
||||
/* Variables */
|
||||
.pa0 { padding: 0; }
|
||||
.pa1 { padding: .25rem; }
|
||||
.pa2 { padding: .5rem; }
|
||||
.pa3 { padding: 1rem; }
|
||||
.pa4 { padding: 2rem; }
|
||||
.pa5 { padding: 4rem; }
|
||||
.pa6 { padding: 8rem; }
|
||||
.pa7 { padding: 16rem; }
|
||||
.p0 { padding: 0; }
|
||||
.p1 { padding: .25rem; }
|
||||
.p2 { padding: .5rem; }
|
||||
.p3 { padding: 1rem; }
|
||||
.p4 { padding: 2rem; }
|
||||
.p5 { padding: 4rem; }
|
||||
.p6 { padding: 8rem; }
|
||||
.p7 { padding: 16rem; }
|
||||
.pl0 { padding-left: 0; }
|
||||
.pl1 { padding-left: .25rem; }
|
||||
.pl2 { padding-left: .5rem; }
|
||||
@ -171,14 +170,18 @@ http://tachyons.io/docs/layout/spacing/
|
||||
.ph5 { padding-left: 4rem; padding-right: 4rem; }
|
||||
.ph6 { padding-left: 8rem; padding-right: 8rem; }
|
||||
.ph7 { padding-left: 16rem; padding-right: 16rem; }
|
||||
.ma0 { margin: 0; }
|
||||
.ma1 { margin: .25rem; }
|
||||
.ma2 { margin: .5rem; }
|
||||
.ma3 { margin: 1rem; }
|
||||
.ma4 { margin: 2rem; }
|
||||
.ma5 { margin: 4rem; }
|
||||
.ma6 { margin: 8rem; }
|
||||
.ma7 { margin: 16rem; }
|
||||
.mt-auto { margin-top: auto; }
|
||||
.mr-auto { margin-right: auto; }
|
||||
.mb-auto { margin-bottom: auto; }
|
||||
.ml-auto { margin-left: auto; }
|
||||
.m0 { margin: 0; }
|
||||
.m1 { margin: .25rem; }
|
||||
.m2 { margin: .5rem; }
|
||||
.m3 { margin: 1rem; }
|
||||
.m4 { margin: 2rem; }
|
||||
.m5 { margin: 4rem; }
|
||||
.m6 { margin: 8rem; }
|
||||
.m7 { margin: 16rem; }
|
||||
.ml0 { margin-left: 0; }
|
||||
.ml1 { margin-left: .25rem; }
|
||||
.ml2 { margin-left: .5rem; }
|
||||
@ -228,18 +231,18 @@ http://tachyons.io/docs/layout/spacing/
|
||||
.mh6 { margin-left: 8rem; margin-right: 8rem; }
|
||||
.mh7 { margin-left: 16rem; margin-right: 16rem; }
|
||||
@media screen and (min-width: 30em) {
|
||||
.pa0-s { padding: 0; }
|
||||
.pa1-s { padding: .25rem; }
|
||||
.pa2-s { padding: .5rem; }
|
||||
.pa3-s { padding: undefined; }
|
||||
.pa4-s { padding: 2rem; }
|
||||
.pa5-s { padding: 4rem; }
|
||||
.pa6-s { padding: 8rem; }
|
||||
.pa7-s { padding: 16rem; }
|
||||
.p0-s { padding: 0; }
|
||||
.p1-s { padding: .25rem; }
|
||||
.p2-s { padding: .5rem; }
|
||||
.p3-s { padding: 1rem; }
|
||||
.p4-s { padding: 2rem; }
|
||||
.p5-s { padding: 4rem; }
|
||||
.p6-s { padding: 8rem; }
|
||||
.p7-s { padding: 16rem; }
|
||||
.pl0-s { padding-left: 0; }
|
||||
.pl1-s { padding-left: .25rem; }
|
||||
.pl2-s { padding-left: .5rem; }
|
||||
.pl3-s { padding-left: undefined; }
|
||||
.pl3-s { padding-left: 1rem; }
|
||||
.pl4-s { padding-left: 2rem; }
|
||||
.pl5-s { padding-left: 4rem; }
|
||||
.pl6-s { padding-left: 8rem; }
|
||||
@ -247,7 +250,7 @@ http://tachyons.io/docs/layout/spacing/
|
||||
.pr0-s { padding-right: 0; }
|
||||
.pr1-s { padding-right: .25rem; }
|
||||
.pr2-s { padding-right: .5rem; }
|
||||
.pr3-s { padding-right: undefined; }
|
||||
.pr3-s { padding-right: 1rem; }
|
||||
.pr4-s { padding-right: 2rem; }
|
||||
.pr5-s { padding-right: 4rem; }
|
||||
.pr6-s { padding-right: 8rem; }
|
||||
@ -255,7 +258,7 @@ http://tachyons.io/docs/layout/spacing/
|
||||
.pb0-s { padding-bottom: 0; }
|
||||
.pb1-s { padding-bottom: .25rem; }
|
||||
.pb2-s { padding-bottom: .5rem; }
|
||||
.pb3-s { padding-bottom: undefined; }
|
||||
.pb3-s { padding-bottom: 1rem; }
|
||||
.pb4-s { padding-bottom: 2rem; }
|
||||
.pb5-s { padding-bottom: 4rem; }
|
||||
.pb6-s { padding-bottom: 8rem; }
|
||||
@ -263,7 +266,7 @@ http://tachyons.io/docs/layout/spacing/
|
||||
.pt0-s { padding-top: 0; }
|
||||
.pt1-s { padding-top: .25rem; }
|
||||
.pt2-s { padding-top: .5rem; }
|
||||
.pt3-s { padding-top: undefined; }
|
||||
.pt3-s { padding-top: 1rem; }
|
||||
.pt4-s { padding-top: 2rem; }
|
||||
.pt5-s { padding-top: 4rem; }
|
||||
.pt6-s { padding-top: 8rem; }
|
||||
@ -271,7 +274,7 @@ http://tachyons.io/docs/layout/spacing/
|
||||
.pv0-s { padding-top: 0; padding-bottom: 0; }
|
||||
.pv1-s { padding-top: .25rem; padding-bottom: .25rem; }
|
||||
.pv2-s { padding-top: .5rem; padding-bottom: .5rem; }
|
||||
.pv3-s { padding-top: undefined; padding-bottom: undefined; }
|
||||
.pv3-s { padding-top: 1rem; padding-bottom: 1rem; }
|
||||
.pv4-s { padding-top: 2rem; padding-bottom: 2rem; }
|
||||
.pv5-s { padding-top: 4rem; padding-bottom: 4rem; }
|
||||
.pv6-s { padding-top: 8rem; padding-bottom: 8rem; }
|
||||
@ -279,23 +282,27 @@ http://tachyons.io/docs/layout/spacing/
|
||||
.ph0-s { padding-left: 0; padding-right: 0; }
|
||||
.ph1-s { padding-left: .25rem; padding-right: .25rem; }
|
||||
.ph2-s { padding-left: .5rem; padding-right: .5rem; }
|
||||
.ph3-s { padding-left: undefined; padding-right: undefined; }
|
||||
.ph3-s { padding-left: 1rem; padding-right: 1rem; }
|
||||
.ph4-s { padding-left: 2rem; padding-right: 2rem; }
|
||||
.ph5-s { padding-left: 4rem; padding-right: 4rem; }
|
||||
.ph6-s { padding-left: 8rem; padding-right: 8rem; }
|
||||
.ph7-s { padding-left: 16rem; padding-right: 16rem; }
|
||||
.ma0-s { margin: 0; }
|
||||
.ma1-s { margin: .25rem; }
|
||||
.ma2-s { margin: .5rem; }
|
||||
.ma3-s { margin: undefined; }
|
||||
.ma4-s { margin: 2rem; }
|
||||
.ma5-s { margin: 4rem; }
|
||||
.ma6-s { margin: 8rem; }
|
||||
.ma7-s { margin: 16rem; }
|
||||
.mt-auto-s { margin-top: auto; }
|
||||
.mr-auto-s { margin-right: auto; }
|
||||
.mb-auto-s { margin-bottom: auto; }
|
||||
.ml-auto-s { margin-left: auto; }
|
||||
.m0-s { margin: 0; }
|
||||
.m1-s { margin: .25rem; }
|
||||
.m2-s { margin: .5rem; }
|
||||
.m3-s { margin: 1rem; }
|
||||
.m4-s { margin: 2rem; }
|
||||
.m5-s { margin: 4rem; }
|
||||
.m6-s { margin: 8rem; }
|
||||
.m7-s { margin: 16rem; }
|
||||
.ml0-s { margin-left: 0; }
|
||||
.ml1-s { margin-left: .25rem; }
|
||||
.ml2-s { margin-left: .5rem; }
|
||||
.ml3-s { margin-left: undefined; }
|
||||
.ml3-s { margin-left: 1rem; }
|
||||
.ml4-s { margin-left: 2rem; }
|
||||
.ml5-s { margin-left: 4rem; }
|
||||
.ml6-s { margin-left: 8rem; }
|
||||
@ -303,7 +310,7 @@ http://tachyons.io/docs/layout/spacing/
|
||||
.mr0-s { margin-right: 0; }
|
||||
.mr1-s { margin-right: .25rem; }
|
||||
.mr2-s { margin-right: .5rem; }
|
||||
.mr3-s { margin-right: undefined; }
|
||||
.mr3-s { margin-right: 1rem; }
|
||||
.mr4-s { margin-right: 2rem; }
|
||||
.mr5-s { margin-right: 4rem; }
|
||||
.mr6-s { margin-right: 8rem; }
|
||||
@ -311,7 +318,7 @@ http://tachyons.io/docs/layout/spacing/
|
||||
.mb0-s { margin-bottom: 0; }
|
||||
.mb1-s { margin-bottom: .25rem; }
|
||||
.mb2-s { margin-bottom: .5rem; }
|
||||
.mb3-s { margin-bottom: undefined; }
|
||||
.mb3-s { margin-bottom: 1rem; }
|
||||
.mb4-s { margin-bottom: 2rem; }
|
||||
.mb5-s { margin-bottom: 4rem; }
|
||||
.mb6-s { margin-bottom: 8rem; }
|
||||
@ -319,7 +326,7 @@ http://tachyons.io/docs/layout/spacing/
|
||||
.mt0-s { margin-top: 0; }
|
||||
.mt1-s { margin-top: .25rem; }
|
||||
.mt2-s { margin-top: .5rem; }
|
||||
.mt3-s { margin-top: undefined; }
|
||||
.mt3-s { margin-top: 1rem; }
|
||||
.mt4-s { margin-top: 2rem; }
|
||||
.mt5-s { margin-top: 4rem; }
|
||||
.mt6-s { margin-top: 8rem; }
|
||||
@ -327,7 +334,7 @@ http://tachyons.io/docs/layout/spacing/
|
||||
.mv0-s { margin-top: 0; margin-bottom: 0; }
|
||||
.mv1-s { margin-top: .25rem; margin-bottom: .25rem; }
|
||||
.mv2-s { margin-top: .5rem; margin-bottom: .5rem; }
|
||||
.mv3-s { margin-top: undefined; margin-bottom: undefined; }
|
||||
.mv3-s { margin-top: 1rem; margin-bottom: 1rem; }
|
||||
.mv4-s { margin-top: 2rem; margin-bottom: 2rem; }
|
||||
.mv5-s { margin-top: 4rem; margin-bottom: 4rem; }
|
||||
.mv6-s { margin-top: 8rem; margin-bottom: 8rem; }
|
||||
@ -335,21 +342,21 @@ http://tachyons.io/docs/layout/spacing/
|
||||
.mh0-s { margin-left: 0; margin-right: 0; }
|
||||
.mh1-s { margin-left: .25rem; margin-right: .25rem; }
|
||||
.mh2-s { margin-left: .5rem; margin-right: .5rem; }
|
||||
.mh3-s { margin-left: undefined; margin-right: undefined; }
|
||||
.mh3-s { margin-left: 1rem; margin-right: 1rem; }
|
||||
.mh4-s { margin-left: 2rem; margin-right: 2rem; }
|
||||
.mh5-s { margin-left: 4rem; margin-right: 4rem; }
|
||||
.mh6-s { margin-left: 8rem; margin-right: 8rem; }
|
||||
.mh7-s { margin-left: 16rem; margin-right: 16rem; }
|
||||
}
|
||||
@media screen and (min-width: 48em) {
|
||||
.pa0-m { padding: 0; }
|
||||
.pa1-m { padding: .25rem; }
|
||||
.pa2-m { padding: .5rem; }
|
||||
.pa3-m { padding: 1rem; }
|
||||
.pa4-m { padding: 2rem; }
|
||||
.pa5-m { padding: 4rem; }
|
||||
.pa6-m { padding: 8rem; }
|
||||
.pa7-m { padding: 16rem; }
|
||||
.p0-m { padding: 0; }
|
||||
.p1-m { padding: .25rem; }
|
||||
.p2-m { padding: .5rem; }
|
||||
.p3-m { padding: 1rem; }
|
||||
.p4-m { padding: 2rem; }
|
||||
.p5-m { padding: 4rem; }
|
||||
.p6-m { padding: 8rem; }
|
||||
.p7-m { padding: 16rem; }
|
||||
.pl0-m { padding-left: 0; }
|
||||
.pl1-m { padding-left: .25rem; }
|
||||
.pl2-m { padding-left: .5rem; }
|
||||
@ -398,14 +405,18 @@ http://tachyons.io/docs/layout/spacing/
|
||||
.ph5-m { padding-left: 4rem; padding-right: 4rem; }
|
||||
.ph6-m { padding-left: 8rem; padding-right: 8rem; }
|
||||
.ph7-m { padding-left: 16rem; padding-right: 16rem; }
|
||||
.ma0-m { margin: 0; }
|
||||
.ma1-m { margin: .25rem; }
|
||||
.ma2-m { margin: .5rem; }
|
||||
.ma3-m { margin: 1rem; }
|
||||
.ma4-m { margin: 2rem; }
|
||||
.ma5-m { margin: 4rem; }
|
||||
.ma6-m { margin: 8rem; }
|
||||
.ma7-m { margin: 16rem; }
|
||||
.mt-auto-m { margin-top: auto; }
|
||||
.mr-auto-m { margin-right: auto; }
|
||||
.mb-auto-m { margin-bottom: auto; }
|
||||
.ml-auto-m { margin-left: auto; }
|
||||
.m0-m { margin: 0; }
|
||||
.m1-m { margin: .25rem; }
|
||||
.m2-m { margin: .5rem; }
|
||||
.m3-m { margin: 1rem; }
|
||||
.m4-m { margin: 2rem; }
|
||||
.m5-m { margin: 4rem; }
|
||||
.m6-m { margin: 8rem; }
|
||||
.m7-m { margin: 16rem; }
|
||||
.ml0-m { margin-left: 0; }
|
||||
.ml1-m { margin-left: .25rem; }
|
||||
.ml2-m { margin-left: .5rem; }
|
||||
@ -456,14 +467,14 @@ http://tachyons.io/docs/layout/spacing/
|
||||
.mh7-m { margin-left: 16rem; margin-right: 16rem; }
|
||||
}
|
||||
@media screen and (min-width: 60em) {
|
||||
.pa0-l { padding: 0; }
|
||||
.pa1-l { padding: .25rem; }
|
||||
.pa2-l { padding: .5rem; }
|
||||
.pa3-l { padding: 1rem; }
|
||||
.pa4-l { padding: 2rem; }
|
||||
.pa5-l { padding: 4rem; }
|
||||
.pa6-l { padding: 8rem; }
|
||||
.pa7-l { padding: 16rem; }
|
||||
.p0-l { padding: 0; }
|
||||
.p1-l { padding: .25rem; }
|
||||
.p2-l { padding: .5rem; }
|
||||
.p3-l { padding: 1rem; }
|
||||
.p4-l { padding: 2rem; }
|
||||
.p5-l { padding: 4rem; }
|
||||
.p6-l { padding: 8rem; }
|
||||
.p7-l { padding: 16rem; }
|
||||
.pl0-l { padding-left: 0; }
|
||||
.pl1-l { padding-left: .25rem; }
|
||||
.pl2-l { padding-left: .5rem; }
|
||||
@ -512,14 +523,18 @@ http://tachyons.io/docs/layout/spacing/
|
||||
.ph5-l { padding-left: 4rem; padding-right: 4rem; }
|
||||
.ph6-l { padding-left: 8rem; padding-right: 8rem; }
|
||||
.ph7-l { padding-left: 16rem; padding-right: 16rem; }
|
||||
.ma0-l { margin: 0; }
|
||||
.ma1-l { margin: .25rem; }
|
||||
.ma2-l { margin: .5rem; }
|
||||
.ma3-l { margin: 1rem; }
|
||||
.ma4-l { margin: 2rem; }
|
||||
.ma5-l { margin: 4rem; }
|
||||
.ma6-l { margin: 8rem; }
|
||||
.ma7-l { margin: 16rem; }
|
||||
.mt-auto-l { margin-top: auto; }
|
||||
.mr-auto-l { margin-right: auto; }
|
||||
.mb-auto-l { margin-bottom: auto; }
|
||||
.ml-auto-l { margin-left: auto; }
|
||||
.m0-l { margin: 0; }
|
||||
.m1-l { margin: .25rem; }
|
||||
.m2-l { margin: .5rem; }
|
||||
.m3-l { margin: 1rem; }
|
||||
.m4-l { margin: 2rem; }
|
||||
.m5-l { margin: 4rem; }
|
||||
.m6-l { margin: 8rem; }
|
||||
.m7-l { margin: 16rem; }
|
||||
.ml0-l { margin-left: 0; }
|
||||
.ml1-l { margin-left: .25rem; }
|
||||
.ml2-l { margin-left: .5rem; }
|
||||
|
||||
@ -58,7 +58,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -73,7 +73,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -12,13 +12,15 @@ http://tachyons.io/docs/typography/scale/
|
||||
|
||||
### 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
|
||||
- 1 = 1st step back in size scale
|
||||
- 2 = 2nd step back in size scale
|
||||
- 3 = 3rd step back in size scale
|
||||
- 4 = 4th step back in size scale
|
||||
- 5 = 5th step back in size scale
|
||||
- 6 = 6th step back in size scale
|
||||
- 7 = 7th step back in size scale
|
||||
- 8 = 8th step back in size scale
|
||||
- 0 = Extra large
|
||||
|
||||
### Media Query Extensions
|
||||
|
||||
@ -26,52 +28,42 @@ http://tachyons.io/docs/typography/scale/
|
||||
- `-m` = medium
|
||||
- `-l` = large
|
||||
*/
|
||||
/*
|
||||
* For Hero/Marketing Titles
|
||||
*
|
||||
* These generally are too large for mobile
|
||||
* so be careful using them on smaller screens.
|
||||
* */
|
||||
.f-6, .f-headline { font-size: 6rem; }
|
||||
.f-5, .f-subheadline { font-size: 5rem; }
|
||||
/* Type Scale */
|
||||
.f1 { font-size: 3rem; }
|
||||
.f2 { font-size: 2.25rem; }
|
||||
.f3 { font-size: 1.5rem; }
|
||||
.f4 { font-size: 1.25rem; }
|
||||
.f0 { font-size: 6rem; }
|
||||
.f1 { font-size: 4rem; }
|
||||
.f2 { font-size: 3rem; }
|
||||
.f3 { font-size: 2rem; }
|
||||
.f4 { font-size: 1.5rem; }
|
||||
.f5 { font-size: 1rem; }
|
||||
.f6 { font-size: .875rem; }
|
||||
.f7 { font-size: .75rem; }
|
||||
/* Small and hard to read for many people so use with extreme caution */
|
||||
.f7 { font-size: .75rem; }
|
||||
@media screen and (min-width: 30em) {
|
||||
.f-6-s, .f-headline-s { font-size: 6rem; }
|
||||
.f-5-s, .f-subheadline-s { font-size: 5rem; }
|
||||
.f1-s { font-size: 3rem; }
|
||||
.f2-s { font-size: 2.25rem; }
|
||||
.f3-s { font-size: 1.5rem; }
|
||||
.f4-s { font-size: 1.25rem; }
|
||||
.f0-s { font-size: 6rem; }
|
||||
.f1-s { font-size: 4rem; }
|
||||
.f2-s { font-size: 3rem; }
|
||||
.f3-s { font-size: 2rem; }
|
||||
.f4-s { font-size: 1.5rem; }
|
||||
.f5-s { font-size: 1rem; }
|
||||
.f6-s { font-size: .875rem; }
|
||||
.f7-s { font-size: .75rem; }
|
||||
}
|
||||
@media screen and (min-width: 48em) {
|
||||
.f-6-m, .f-headline-m { font-size: 6rem; }
|
||||
.f-5-m, .f-subheadline-m { font-size: 5rem; }
|
||||
.f1-m { font-size: 3rem; }
|
||||
.f2-m { font-size: 2.25rem; }
|
||||
.f3-m { font-size: 1.5rem; }
|
||||
.f4-m { font-size: 1.25rem; }
|
||||
.f0-m { font-size: 6rem; }
|
||||
.f1-m { font-size: 4rem; }
|
||||
.f2-m { font-size: 3rem; }
|
||||
.f3-m { font-size: 2rem; }
|
||||
.f4-m { font-size: 1.5rem; }
|
||||
.f5-m { font-size: 1rem; }
|
||||
.f6-m { font-size: .875rem; }
|
||||
.f7-m { font-size: .75rem; }
|
||||
}
|
||||
@media screen and (min-width: 60em) {
|
||||
.f-6-l, .f-headline-l { font-size: 6rem; }
|
||||
.f-5-l, .f-subheadline-l { font-size: 5rem; }
|
||||
.f1-l { font-size: 3rem; }
|
||||
.f2-l { font-size: 2.25rem; }
|
||||
.f3-l { font-size: 1.5rem; }
|
||||
.f4-l { font-size: 1.25rem; }
|
||||
.f0-l { font-size: 6rem; }
|
||||
.f1-l { font-size: 4rem; }
|
||||
.f2-l { font-size: 3rem; }
|
||||
.f3-l { font-size: 2rem; }
|
||||
.f4-l { font-size: 1.5rem; }
|
||||
.f5-l { font-size: 1rem; }
|
||||
.f6-l { font-size: .875rem; }
|
||||
.f7-l { font-size: .75rem; }
|
||||
|
||||
@ -12,18 +12,20 @@ http://tachyons.io/docs/typography/scale/
|
||||
|
||||
### 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
|
||||
- 1 = 1st step back in size scale
|
||||
- 2 = 2nd step back in size scale
|
||||
- 3 = 3rd step back in size scale
|
||||
- 4 = 4th step back in size scale
|
||||
- 5 = 5th step back in size scale
|
||||
- 6 = 6th step back in size scale
|
||||
- 7 = 7th step back in size scale
|
||||
- 8 = 8th step back in size scale
|
||||
- 0 = Extra large
|
||||
|
||||
### Media Query Extensions
|
||||
|
||||
- `-s` = small
|
||||
- `-m` = medium
|
||||
- `-l` = large
|
||||
*/.f-6,.f-headline{font-size:6rem}.f-5,.f-subheadline{font-size:5rem}.f1{font-size:3rem}.f2{font-size:2.25rem}.f3{font-size:1.5rem}.f4{font-size:1.25rem}.f5{font-size:1rem}.f6{font-size:.875rem}.f7{font-size:.75rem}@media screen and (min-width:30em){.f-6-s,.f-headline-s{font-size:6rem}.f-5-s,.f-subheadline-s{font-size:5rem}.f1-s{font-size:3rem}.f2-s{font-size:2.25rem}.f3-s{font-size:1.5rem}.f4-s{font-size:1.25rem}.f5-s{font-size:1rem}.f6-s{font-size:.875rem}.f7-s{font-size:.75rem}}@media screen and (min-width:48em){.f-6-m,.f-headline-m{font-size:6rem}.f-5-m,.f-subheadline-m{font-size:5rem}.f1-m{font-size:3rem}.f2-m{font-size:2.25rem}.f3-m{font-size:1.5rem}.f4-m{font-size:1.25rem}.f5-m{font-size:1rem}.f6-m{font-size:.875rem}.f7-m{font-size:.75rem}}@media screen and (min-width:60em){.f-6-l,.f-headline-l{font-size:6rem}.f-5-l,.f-subheadline-l{font-size:5rem}.f1-l{font-size:3rem}.f2-l{font-size:2.25rem}.f3-l{font-size:1.5rem}.f4-l{font-size:1.25rem}.f5-l{font-size:1rem}.f6-l{font-size:.875rem}.f7-l{font-size:.75rem}}
|
||||
*/.f0{font-size:6rem}.f1{font-size:4rem}.f2{font-size:3rem}.f3{font-size:2rem}.f4{font-size:1.5rem}.f5{font-size:1rem}.f6{font-size:.875rem}.f7{font-size:.75rem}@media screen and (min-width:30em){.f0-s{font-size:6rem}.f1-s{font-size:4rem}.f2-s{font-size:3rem}.f3-s{font-size:2rem}.f4-s{font-size:1.5rem}.f5-s{font-size:1rem}.f6-s{font-size:.875rem}.f7-s{font-size:.75rem}}@media screen and (min-width:48em){.f0-m{font-size:6rem}.f1-m{font-size:4rem}.f2-m{font-size:3rem}.f3-m{font-size:2rem}.f4-m{font-size:1.5rem}.f5-m{font-size:1rem}.f6-m{font-size:.875rem}.f7-m{font-size:.75rem}}@media screen and (min-width:60em){.f0-l{font-size:6rem}.f1-l{font-size:4rem}.f2-l{font-size:3rem}.f3-l{font-size:2rem}.f4-l{font-size:1.5rem}.f5-l{font-size:1rem}.f6-l{font-size:.875rem}.f7-l{font-size:.75rem}}
|
||||
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
591 | 44 | 36
|
||||
475 | 32 | 32
|
||||
---|---|---
|
||||
bytes | selectors | declarations
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
@ -88,13 +88,15 @@ http://tachyons.io/docs/typography/scale/
|
||||
|
||||
### 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
|
||||
- 1 = 1st step back in size scale
|
||||
- 2 = 2nd step back in size scale
|
||||
- 3 = 3rd step back in size scale
|
||||
- 4 = 4th step back in size scale
|
||||
- 5 = 5th step back in size scale
|
||||
- 6 = 6th step back in size scale
|
||||
- 7 = 7th step back in size scale
|
||||
- 8 = 8th step back in size scale
|
||||
- 0 = Extra large
|
||||
|
||||
### Media Query Extensions
|
||||
|
||||
@ -102,52 +104,42 @@ http://tachyons.io/docs/typography/scale/
|
||||
- `-m` = medium
|
||||
- `-l` = large
|
||||
*/
|
||||
/*
|
||||
* For Hero/Marketing Titles
|
||||
*
|
||||
* These generally are too large for mobile
|
||||
* so be careful using them on smaller screens.
|
||||
* */
|
||||
.f-6, .f-headline { font-size: 6rem; }
|
||||
.f-5, .f-subheadline { font-size: 5rem; }
|
||||
/* Type Scale */
|
||||
.f1 { font-size: 3rem; }
|
||||
.f2 { font-size: 2.25rem; }
|
||||
.f3 { font-size: 1.5rem; }
|
||||
.f4 { font-size: 1.25rem; }
|
||||
.f0 { font-size: 6rem; }
|
||||
.f1 { font-size: 4rem; }
|
||||
.f2 { font-size: 3rem; }
|
||||
.f3 { font-size: 2rem; }
|
||||
.f4 { font-size: 1.5rem; }
|
||||
.f5 { font-size: 1rem; }
|
||||
.f6 { font-size: .875rem; }
|
||||
.f7 { font-size: .75rem; }
|
||||
/* Small and hard to read for many people so use with extreme caution */
|
||||
.f7 { font-size: .75rem; }
|
||||
@media screen and (min-width: 30em) {
|
||||
.f-6-s, .f-headline-s { font-size: 6rem; }
|
||||
.f-5-s, .f-subheadline-s { font-size: 5rem; }
|
||||
.f1-s { font-size: 3rem; }
|
||||
.f2-s { font-size: 2.25rem; }
|
||||
.f3-s { font-size: 1.5rem; }
|
||||
.f4-s { font-size: 1.25rem; }
|
||||
.f0-s { font-size: 6rem; }
|
||||
.f1-s { font-size: 4rem; }
|
||||
.f2-s { font-size: 3rem; }
|
||||
.f3-s { font-size: 2rem; }
|
||||
.f4-s { font-size: 1.5rem; }
|
||||
.f5-s { font-size: 1rem; }
|
||||
.f6-s { font-size: .875rem; }
|
||||
.f7-s { font-size: .75rem; }
|
||||
}
|
||||
@media screen and (min-width: 48em) {
|
||||
.f-6-m, .f-headline-m { font-size: 6rem; }
|
||||
.f-5-m, .f-subheadline-m { font-size: 5rem; }
|
||||
.f1-m { font-size: 3rem; }
|
||||
.f2-m { font-size: 2.25rem; }
|
||||
.f3-m { font-size: 1.5rem; }
|
||||
.f4-m { font-size: 1.25rem; }
|
||||
.f0-m { font-size: 6rem; }
|
||||
.f1-m { font-size: 4rem; }
|
||||
.f2-m { font-size: 3rem; }
|
||||
.f3-m { font-size: 2rem; }
|
||||
.f4-m { font-size: 1.5rem; }
|
||||
.f5-m { font-size: 1rem; }
|
||||
.f6-m { font-size: .875rem; }
|
||||
.f7-m { font-size: .75rem; }
|
||||
}
|
||||
@media screen and (min-width: 60em) {
|
||||
.f-6-l, .f-headline-l { font-size: 6rem; }
|
||||
.f-5-l, .f-subheadline-l { font-size: 5rem; }
|
||||
.f1-l { font-size: 3rem; }
|
||||
.f2-l { font-size: 2.25rem; }
|
||||
.f3-l { font-size: 1.5rem; }
|
||||
.f4-l { font-size: 1.25rem; }
|
||||
.f0-l { font-size: 6rem; }
|
||||
.f1-l { font-size: 4rem; }
|
||||
.f2-l { font-size: 3rem; }
|
||||
.f3-l { font-size: 2rem; }
|
||||
.f4-l { font-size: 1.5rem; }
|
||||
.f5-l { font-size: 1rem; }
|
||||
.f6-l { font-size: .875rem; }
|
||||
.f7-l { font-size: .75rem; }
|
||||
|
||||
@ -18,14 +18,15 @@ http://tachyons.io/docs/typography/scale/
|
||||
|
||||
### 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
|
||||
- 8 = 8th step in size scale
|
||||
- 1 = 1st step back in size scale
|
||||
- 2 = 2nd step back in size scale
|
||||
- 3 = 3rd step back in size scale
|
||||
- 4 = 4th step back in size scale
|
||||
- 5 = 5th step back in size scale
|
||||
- 6 = 6th step back in size scale
|
||||
- 7 = 7th step back in size scale
|
||||
- 8 = 8th step back in size scale
|
||||
- 0 = Extra large
|
||||
|
||||
### Media Query Extensions
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -18,21 +18,13 @@
|
||||
/* Equivalent to .overflow-y-scroll */
|
||||
.overflow-container { overflow-y: scroll; }
|
||||
.center { margin-right: auto; margin-left: auto; }
|
||||
.mr-auto { margin-right: auto; }
|
||||
.ml-auto { margin-left: auto; }
|
||||
@media screen and (min-width: 30em) {
|
||||
.center-s { margin-right: auto; margin-left: auto; }
|
||||
.mr-auto-s { margin-right: auto; }
|
||||
.ml-auto-s { margin-left: auto; }
|
||||
}
|
||||
@media screen and (min-width: 48em) {
|
||||
.center-m { margin-right: auto; margin-left: auto; }
|
||||
.mr-auto-m { margin-right: auto; }
|
||||
.ml-auto-m { margin-left: auto; }
|
||||
}
|
||||
@media screen and (min-width: 60em) {
|
||||
.center-l { margin-right: auto; margin-left: auto; }
|
||||
.mr-auto-l { margin-right: auto; }
|
||||
.ml-auto-l { margin-left: auto; }
|
||||
}
|
||||
|
||||
|
||||
@ -14,5 +14,5 @@
|
||||
- `-s` = small
|
||||
- `-m` = medium
|
||||
- `-l` = large
|
||||
*/.overflow-container{overflow-y:scroll}.center{margin-left:auto}.center,.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}@media screen and (min-width:30em){.center-s{margin-left:auto}.center-s,.mr-auto-s{margin-right:auto}.ml-auto-s{margin-left:auto}}@media screen and (min-width:48em){.center-m{margin-left:auto}.center-m,.mr-auto-m{margin-right:auto}.ml-auto-m{margin-left:auto}}@media screen and (min-width:60em){.center-l{margin-left:auto}.center-l,.mr-auto-l{margin-right:auto}.ml-auto-l{margin-left:auto}}
|
||||
*/.overflow-container{overflow-y:scroll}.center{margin-right:auto;margin-left:auto}@media screen and (min-width:30em){.center-s{margin-right:auto;margin-left:auto}}@media screen and (min-width:48em){.center-m{margin-right:auto;margin-left:auto}}@media screen and (min-width:60em){.center-l{margin-right:auto;margin-left:auto}}
|
||||
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
316 | 13 | 17
|
||||
282 | 5 | 9
|
||||
---|---|---
|
||||
bytes | selectors | declarations
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
@ -94,22 +94,14 @@ Running `$ npm start` will process the source css and place the built css in the
|
||||
/* Equivalent to .overflow-y-scroll */
|
||||
.overflow-container { overflow-y: scroll; }
|
||||
.center { margin-right: auto; margin-left: auto; }
|
||||
.mr-auto { margin-right: auto; }
|
||||
.ml-auto { margin-left: auto; }
|
||||
@media screen and (min-width: 30em) {
|
||||
.center-s { margin-right: auto; margin-left: auto; }
|
||||
.mr-auto-s { margin-right: auto; }
|
||||
.ml-auto-s { margin-left: auto; }
|
||||
}
|
||||
@media screen and (min-width: 48em) {
|
||||
.center-m { margin-right: auto; margin-left: auto; }
|
||||
.mr-auto-m { margin-right: auto; }
|
||||
.ml-auto-m { margin-left: auto; }
|
||||
}
|
||||
@media screen and (min-width: 60em) {
|
||||
.center-l { margin-right: auto; margin-left: auto; }
|
||||
.mr-auto-l { margin-right: auto; }
|
||||
.ml-auto-l { margin-left: auto; }
|
||||
}
|
||||
```
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -5,8 +5,6 @@
|
||||
### Base
|
||||
|
||||
- ws-normal = white-space normal
|
||||
- nowrap = white-space nowrap
|
||||
- pre = white-space pre
|
||||
|
||||
### Media Query Extensions
|
||||
|
||||
@ -15,21 +13,21 @@
|
||||
- `-l` = large
|
||||
*/
|
||||
.ws-normal { white-space: normal; }
|
||||
.nowrap { white-space: nowrap; }
|
||||
.pre { white-space: pre; }
|
||||
.ws-nowrap { white-space: nowrap; }
|
||||
.ws-pre { white-space: pre; }
|
||||
@media screen and (min-width: 30em) {
|
||||
.ws-normal-s { white-space: normal; }
|
||||
.nowrap-s { white-space: nowrap; }
|
||||
.pre-s { white-space: pre; }
|
||||
.ws-nowrap-s { white-space: nowrap; }
|
||||
.ws-pre-s { white-space: pre; }
|
||||
}
|
||||
@media screen and (min-width: 48em) {
|
||||
.ws-normal-m { white-space: normal; }
|
||||
.nowrap-m { white-space: nowrap; }
|
||||
.pre-m { white-space: pre; }
|
||||
.ws-nowrap-m { white-space: nowrap; }
|
||||
.ws-pre-m { white-space: pre; }
|
||||
}
|
||||
@media screen and (min-width: 60em) {
|
||||
.ws-normal-l { white-space: normal; }
|
||||
.nowrap-l { white-space: nowrap; }
|
||||
.pre-l { white-space: pre; }
|
||||
.ws-nowrap-l { white-space: nowrap; }
|
||||
.ws-pre-l { white-space: pre; }
|
||||
}
|
||||
|
||||
|
||||
@ -5,13 +5,11 @@
|
||||
### Base
|
||||
|
||||
- ws-normal = white-space normal
|
||||
- nowrap = white-space nowrap
|
||||
- pre = white-space pre
|
||||
|
||||
### Media Query Extensions
|
||||
|
||||
- `-s` = small
|
||||
- `-m` = medium
|
||||
- `-l` = large
|
||||
*/.ws-normal{white-space:normal}.nowrap{white-space:nowrap}.pre{white-space:pre}@media screen and (min-width:30em){.ws-normal-s{white-space:normal}.nowrap-s{white-space:nowrap}.pre-s{white-space:pre}}@media screen and (min-width:48em){.ws-normal-m{white-space:normal}.nowrap-m{white-space:nowrap}.pre-m{white-space:pre}}@media screen and (min-width:60em){.ws-normal-l{white-space:normal}.nowrap-l{white-space:nowrap}.pre-l{white-space:pre}}
|
||||
*/.ws-normal{white-space:normal}.ws-nowrap{white-space:nowrap}.ws-pre{white-space:pre}@media screen and (min-width:30em){.ws-normal-s{white-space:normal}.ws-nowrap-s{white-space:nowrap}.ws-pre-s{white-space:pre}}@media screen and (min-width:48em){.ws-normal-m{white-space:normal}.ws-nowrap-m{white-space:nowrap}.ws-pre-m{white-space:pre}}@media screen and (min-width:60em){.ws-normal-l{white-space:normal}.ws-nowrap-l{white-space:nowrap}.ws-pre-l{white-space:pre}}
|
||||
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
262 | 12 | 12
|
||||
248 | 12 | 12
|
||||
---|---|---
|
||||
bytes | selectors | declarations
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
@ -81,8 +81,6 @@ Running `$ npm start` will process the source css and place the built css in the
|
||||
### Base
|
||||
|
||||
- ws-normal = white-space normal
|
||||
- nowrap = white-space nowrap
|
||||
- pre = white-space pre
|
||||
|
||||
### Media Query Extensions
|
||||
|
||||
@ -91,22 +89,22 @@ Running `$ npm start` will process the source css and place the built css in the
|
||||
- `-l` = large
|
||||
*/
|
||||
.ws-normal { white-space: normal; }
|
||||
.nowrap { white-space: nowrap; }
|
||||
.pre { white-space: pre; }
|
||||
.ws-nowrap { white-space: nowrap; }
|
||||
.ws-pre { white-space: pre; }
|
||||
@media screen and (min-width: 30em) {
|
||||
.ws-normal-s { white-space: normal; }
|
||||
.nowrap-s { white-space: nowrap; }
|
||||
.pre-s { white-space: pre; }
|
||||
.ws-nowrap-s { white-space: nowrap; }
|
||||
.ws-pre-s { white-space: pre; }
|
||||
}
|
||||
@media screen and (min-width: 48em) {
|
||||
.ws-normal-m { white-space: normal; }
|
||||
.nowrap-m { white-space: nowrap; }
|
||||
.pre-m { white-space: pre; }
|
||||
.ws-nowrap-m { white-space: nowrap; }
|
||||
.ws-pre-m { white-space: pre; }
|
||||
}
|
||||
@media screen and (min-width: 60em) {
|
||||
.ws-normal-l { white-space: normal; }
|
||||
.nowrap-l { white-space: nowrap; }
|
||||
.pre-l { white-space: pre; }
|
||||
.ws-nowrap-l { white-space: nowrap; }
|
||||
.ws-pre-l { white-space: pre; }
|
||||
}
|
||||
```
|
||||
|
||||
|
||||
@ -22,8 +22,6 @@ http://tachyons.io/docs/layout/widths/
|
||||
- -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%
|
||||
@ -54,8 +52,6 @@ http://tachyons.io/docs/layout/widths/
|
||||
.w-20 { width: 20%; }
|
||||
.w-25 { width: 25%; }
|
||||
.w-30 { width: 30%; }
|
||||
.w-33 { width: 33%; }
|
||||
.w-34 { width: 34%; }
|
||||
.w-40 { width: 40%; }
|
||||
.w-50 { width: 50%; }
|
||||
.w-60 { width: 60%; }
|
||||
@ -64,8 +60,8 @@ http://tachyons.io/docs/layout/widths/
|
||||
.w-80 { width: 80%; }
|
||||
.w-90 { width: 90%; }
|
||||
.w-100 { width: 100%; }
|
||||
.w-third { width: calc( 100% / 3 ); }
|
||||
.w-two-thirds { width: calc( 100% / 1.5 ); }
|
||||
.w-third { width: 33.33333%; }
|
||||
.w-two-thirds { width: 66.66667%; }
|
||||
.w-auto { width: auto; }
|
||||
@media screen and (min-width: 30em) {
|
||||
.w1-s { width: 1rem; }
|
||||
@ -77,8 +73,6 @@ http://tachyons.io/docs/layout/widths/
|
||||
.w-20-s { width: 20%; }
|
||||
.w-25-s { width: 25%; }
|
||||
.w-30-s { width: 30%; }
|
||||
.w-33-s { width: 33%; }
|
||||
.w-34-s { width: 34%; }
|
||||
.w-40-s { width: 40%; }
|
||||
.w-50-s { width: 50%; }
|
||||
.w-60-s { width: 60%; }
|
||||
@ -87,8 +81,8 @@ http://tachyons.io/docs/layout/widths/
|
||||
.w-80-s { width: 80%; }
|
||||
.w-90-s { width: 90%; }
|
||||
.w-100-s { width: 100%; }
|
||||
.w-third-s { width: calc( 100% / 3 ); }
|
||||
.w-two-thirds-s { width: calc( 100% / 1.5 ); }
|
||||
.w-third-s { width: 33.33333%; }
|
||||
.w-two-thirds-s { width: 66.66667%; }
|
||||
.w-auto-s { width: auto; }
|
||||
}
|
||||
@media screen and (min-width: 48em) {
|
||||
@ -101,8 +95,6 @@ http://tachyons.io/docs/layout/widths/
|
||||
.w-20-m { width: 20%; }
|
||||
.w-25-m { width: 25%; }
|
||||
.w-30-m { width: 30%; }
|
||||
.w-33-m { width: 33%; }
|
||||
.w-34-m { width: 34%; }
|
||||
.w-40-m { width: 40%; }
|
||||
.w-50-m { width: 50%; }
|
||||
.w-60-m { width: 60%; }
|
||||
@ -111,8 +103,8 @@ http://tachyons.io/docs/layout/widths/
|
||||
.w-80-m { width: 80%; }
|
||||
.w-90-m { width: 90%; }
|
||||
.w-100-m { width: 100%; }
|
||||
.w-third-m { width: calc( 100% / 3 ); }
|
||||
.w-two-thirds-m { width: calc( 100% / 1.5 ); }
|
||||
.w-third-m { width: 33.33333%; }
|
||||
.w-two-thirds-m { width: 66.66667%; }
|
||||
.w-auto-m { width: auto; }
|
||||
}
|
||||
@media screen and (min-width: 60em) {
|
||||
@ -125,8 +117,6 @@ http://tachyons.io/docs/layout/widths/
|
||||
.w-20-l { width: 20%; }
|
||||
.w-25-l { width: 25%; }
|
||||
.w-30-l { width: 30%; }
|
||||
.w-33-l { width: 33%; }
|
||||
.w-34-l { width: 34%; }
|
||||
.w-40-l { width: 40%; }
|
||||
.w-50-l { width: 50%; }
|
||||
.w-60-l { width: 60%; }
|
||||
@ -135,8 +125,8 @@ http://tachyons.io/docs/layout/widths/
|
||||
.w-80-l { width: 80%; }
|
||||
.w-90-l { width: 90%; }
|
||||
.w-100-l { width: 100%; }
|
||||
.w-third-l { width: calc( 100% / 3 ); }
|
||||
.w-two-thirds-l { width: calc( 100% / 1.5 ); }
|
||||
.w-third-l { width: 33.33333%; }
|
||||
.w-two-thirds-l { width: 66.66667%; }
|
||||
.w-auto-l { width: auto; }
|
||||
}
|
||||
|
||||
|
||||
@ -22,8 +22,6 @@ http://tachyons.io/docs/layout/widths/
|
||||
- -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%
|
||||
@ -43,5 +41,5 @@ http://tachyons.io/docs/layout/widths/
|
||||
- `-s` = small
|
||||
- `-m` = medium
|
||||
- `-l` = large
|
||||
*/.w1{width:1rem}.w2{width:2rem}.w3{width:4rem}.w4{width:8rem}.w5{width:16rem}.w-10{width:10%}.w-20{width:20%}.w-25{width:25%}.w-30{width:30%}.w-33{width:33%}.w-34{width:34%}.w-40{width:40%}.w-50{width:50%}.w-60{width:60%}.w-70{width:70%}.w-75{width:75%}.w-80{width:80%}.w-90{width:90%}.w-100{width:100%}.w-third{width:33.33333%}.w-two-thirds{width:66.66667%}.w-auto{width:auto}@media screen and (min-width:30em){.w1-s{width:1rem}.w2-s{width:2rem}.w3-s{width:4rem}.w4-s{width:8rem}.w5-s{width:16rem}.w-10-s{width:10%}.w-20-s{width:20%}.w-25-s{width:25%}.w-30-s{width:30%}.w-33-s{width:33%}.w-34-s{width:34%}.w-40-s{width:40%}.w-50-s{width:50%}.w-60-s{width:60%}.w-70-s{width:70%}.w-75-s{width:75%}.w-80-s{width:80%}.w-90-s{width:90%}.w-100-s{width:100%}.w-third-s{width:33.33333%}.w-two-thirds-s{width:66.66667%}.w-auto-s{width:auto}}@media screen and (min-width:48em){.w1-m{width:1rem}.w2-m{width:2rem}.w3-m{width:4rem}.w4-m{width:8rem}.w5-m{width:16rem}.w-10-m{width:10%}.w-20-m{width:20%}.w-25-m{width:25%}.w-30-m{width:30%}.w-33-m{width:33%}.w-34-m{width:34%}.w-40-m{width:40%}.w-50-m{width:50%}.w-60-m{width:60%}.w-70-m{width:70%}.w-75-m{width:75%}.w-80-m{width:80%}.w-90-m{width:90%}.w-100-m{width:100%}.w-third-m{width:33.33333%}.w-two-thirds-m{width:66.66667%}.w-auto-m{width:auto}}@media screen and (min-width:60em){.w1-l{width:1rem}.w2-l{width:2rem}.w3-l{width:4rem}.w4-l{width:8rem}.w5-l{width:16rem}.w-10-l{width:10%}.w-20-l{width:20%}.w-25-l{width:25%}.w-30-l{width:30%}.w-33-l{width:33%}.w-34-l{width:34%}.w-40-l{width:40%}.w-50-l{width:50%}.w-60-l{width:60%}.w-70-l{width:70%}.w-75-l{width:75%}.w-80-l{width:80%}.w-90-l{width:90%}.w-100-l{width:100%}.w-third-l{width:33.33333%}.w-two-thirds-l{width:66.66667%}.w-auto-l{width:auto}}
|
||||
*/.w1{width:1rem}.w2{width:2rem}.w3{width:4rem}.w4{width:8rem}.w5{width:16rem}.w-10{width:10%}.w-20{width:20%}.w-25{width:25%}.w-30{width:30%}.w-40{width:40%}.w-50{width:50%}.w-60{width:60%}.w-70{width:70%}.w-75{width:75%}.w-80{width:80%}.w-90{width:90%}.w-100{width:100%}.w-third{width:33.33333%}.w-two-thirds{width:66.66667%}.w-auto{width:auto}@media screen and (min-width:30em){.w1-s{width:1rem}.w2-s{width:2rem}.w3-s{width:4rem}.w4-s{width:8rem}.w5-s{width:16rem}.w-10-s{width:10%}.w-20-s{width:20%}.w-25-s{width:25%}.w-30-s{width:30%}.w-40-s{width:40%}.w-50-s{width:50%}.w-60-s{width:60%}.w-70-s{width:70%}.w-75-s{width:75%}.w-80-s{width:80%}.w-90-s{width:90%}.w-100-s{width:100%}.w-third-s{width:33.33333%}.w-two-thirds-s{width:66.66667%}.w-auto-s{width:auto}}@media screen and (min-width:48em){.w1-m{width:1rem}.w2-m{width:2rem}.w3-m{width:4rem}.w4-m{width:8rem}.w5-m{width:16rem}.w-10-m{width:10%}.w-20-m{width:20%}.w-25-m{width:25%}.w-30-m{width:30%}.w-40-m{width:40%}.w-50-m{width:50%}.w-60-m{width:60%}.w-70-m{width:70%}.w-75-m{width:75%}.w-80-m{width:80%}.w-90-m{width:90%}.w-100-m{width:100%}.w-third-m{width:33.33333%}.w-two-thirds-m{width:66.66667%}.w-auto-m{width:auto}}@media screen and (min-width:60em){.w1-l{width:1rem}.w2-l{width:2rem}.w3-l{width:4rem}.w4-l{width:8rem}.w5-l{width:16rem}.w-10-l{width:10%}.w-20-l{width:20%}.w-25-l{width:25%}.w-30-l{width:30%}.w-40-l{width:40%}.w-50-l{width:50%}.w-60-l{width:60%}.w-70-l{width:70%}.w-75-l{width:75%}.w-80-l{width:80%}.w-90-l{width:90%}.w-100-l{width:100%}.w-third-l{width:33.33333%}.w-two-thirds-l{width:66.66667%}.w-auto-l{width:auto}}
|
||||
|
||||
|
||||
@ -1,10 +1,10 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
782 | 88 | 88
|
||||
735 | 80 | 80
|
||||
---|---|---
|
||||
bytes | selectors | declarations
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
@ -98,8 +98,6 @@ http://tachyons.io/docs/layout/widths/
|
||||
- -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%
|
||||
@ -130,8 +128,6 @@ http://tachyons.io/docs/layout/widths/
|
||||
.w-20 { width: 20%; }
|
||||
.w-25 { width: 25%; }
|
||||
.w-30 { width: 30%; }
|
||||
.w-33 { width: 33%; }
|
||||
.w-34 { width: 34%; }
|
||||
.w-40 { width: 40%; }
|
||||
.w-50 { width: 50%; }
|
||||
.w-60 { width: 60%; }
|
||||
@ -140,8 +136,8 @@ http://tachyons.io/docs/layout/widths/
|
||||
.w-80 { width: 80%; }
|
||||
.w-90 { width: 90%; }
|
||||
.w-100 { width: 100%; }
|
||||
.w-third { width: calc( 100% / 3 ); }
|
||||
.w-two-thirds { width: calc( 100% / 1.5 ); }
|
||||
.w-third { width: 33.33333%; }
|
||||
.w-two-thirds { width: 66.66667%; }
|
||||
.w-auto { width: auto; }
|
||||
@media screen and (min-width: 30em) {
|
||||
.w1-s { width: 1rem; }
|
||||
@ -153,8 +149,6 @@ http://tachyons.io/docs/layout/widths/
|
||||
.w-20-s { width: 20%; }
|
||||
.w-25-s { width: 25%; }
|
||||
.w-30-s { width: 30%; }
|
||||
.w-33-s { width: 33%; }
|
||||
.w-34-s { width: 34%; }
|
||||
.w-40-s { width: 40%; }
|
||||
.w-50-s { width: 50%; }
|
||||
.w-60-s { width: 60%; }
|
||||
@ -163,8 +157,8 @@ http://tachyons.io/docs/layout/widths/
|
||||
.w-80-s { width: 80%; }
|
||||
.w-90-s { width: 90%; }
|
||||
.w-100-s { width: 100%; }
|
||||
.w-third-s { width: calc( 100% / 3 ); }
|
||||
.w-two-thirds-s { width: calc( 100% / 1.5 ); }
|
||||
.w-third-s { width: 33.33333%; }
|
||||
.w-two-thirds-s { width: 66.66667%; }
|
||||
.w-auto-s { width: auto; }
|
||||
}
|
||||
@media screen and (min-width: 48em) {
|
||||
@ -177,8 +171,6 @@ http://tachyons.io/docs/layout/widths/
|
||||
.w-20-m { width: 20%; }
|
||||
.w-25-m { width: 25%; }
|
||||
.w-30-m { width: 30%; }
|
||||
.w-33-m { width: 33%; }
|
||||
.w-34-m { width: 34%; }
|
||||
.w-40-m { width: 40%; }
|
||||
.w-50-m { width: 50%; }
|
||||
.w-60-m { width: 60%; }
|
||||
@ -187,8 +179,8 @@ http://tachyons.io/docs/layout/widths/
|
||||
.w-80-m { width: 80%; }
|
||||
.w-90-m { width: 90%; }
|
||||
.w-100-m { width: 100%; }
|
||||
.w-third-m { width: calc( 100% / 3 ); }
|
||||
.w-two-thirds-m { width: calc( 100% / 1.5 ); }
|
||||
.w-third-m { width: 33.33333%; }
|
||||
.w-two-thirds-m { width: 66.66667%; }
|
||||
.w-auto-m { width: auto; }
|
||||
}
|
||||
@media screen and (min-width: 60em) {
|
||||
@ -201,8 +193,6 @@ http://tachyons.io/docs/layout/widths/
|
||||
.w-20-l { width: 20%; }
|
||||
.w-25-l { width: 25%; }
|
||||
.w-30-l { width: 30%; }
|
||||
.w-33-l { width: 33%; }
|
||||
.w-34-l { width: 34%; }
|
||||
.w-40-l { width: 40%; }
|
||||
.w-50-l { width: 50%; }
|
||||
.w-60-l { width: 60%; }
|
||||
@ -211,8 +201,8 @@ http://tachyons.io/docs/layout/widths/
|
||||
.w-80-l { width: 80%; }
|
||||
.w-90-l { width: 90%; }
|
||||
.w-100-l { width: 100%; }
|
||||
.w-third-l { width: calc( 100% / 3 ); }
|
||||
.w-two-thirds-l { width: calc( 100% / 1.5 ); }
|
||||
.w-third-l { width: 33.33333%; }
|
||||
.w-two-thirds-l { width: 66.66667%; }
|
||||
.w-auto-l { width: auto; }
|
||||
}
|
||||
```
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
# tachyons 5.0.0-1
|
||||
# tachyons 7.0.1-5
|
||||
|
||||
Functional CSS for humans
|
||||
Functional css for humans
|
||||
|
||||
### Stats
|
||||
|
||||
@ -55,7 +55,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -94,7 +94,7 @@ $ tachyons path/to/css-file.css > dist/t.css
|
||||
The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with:
|
||||
|
||||
```
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@5.0.0-1/css/tachyons.min.css" />
|
||||
<link rel="stylesheet" href="http://unpkg.com/tachyons@7.0.1-5/css/tachyons.min.css" />
|
||||
```
|
||||
|
||||
##### Locally
|
||||
|
||||
@ -27,7 +27,7 @@
|
||||
"gray8": "#c3c5c8",
|
||||
"gray9": "#dddedf",
|
||||
"gray10": "#f7f7f7",
|
||||
"white": "#f7f7f7",
|
||||
"white": "#ffffff",
|
||||
"green0": "#044324",
|
||||
"green1": "#05532d",
|
||||
"green2": "#087640",
|
||||
|
||||
Loading…
Reference in New Issue
Block a user