diff --git a/bower.json b/bower.json index d60d1e3..65f8e92 100644 --- a/bower.json +++ b/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", diff --git a/package.json b/package.json index de67cf9..e1fd873 100644 --- a/package.json +++ b/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": [ diff --git a/packages/tachyons-animate/css/tachyons-animate.css b/packages/tachyons-animate/css/tachyons-animate.css index caef2c2..5b64560 100755 --- a/packages/tachyons-animate/css/tachyons-animate.css +++ b/packages/tachyons-animate/css/tachyons-animate.css @@ -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 ); } +} diff --git a/packages/tachyons-animate/css/tachyons-animate.min.css b/packages/tachyons-animate/css/tachyons-animate.min.css index 6c29bba..8a4a766 100644 --- a/packages/tachyons-animate/css/tachyons-animate.min.css +++ b/packages/tachyons-animate/css/tachyons-animate.min.css @@ -1,2 +1,27 @@ -.pause{-webkit-animation-play-state:paused;animation-play-state:paused}.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.double{-webkit-animation-iteration-count:2;animation-iteration-count:2}.triple{-webkit-animation-iteration-count:3;animation-iteration-count:3}.reverse{-webkit-animation-direction:reverse;animation-direction:reverse}.alternate{-webkit-animation-direction:alternate;animation-direction:alternate}.alternate-reverse{-webkit-animation-direction:alternate-reverse;animation-direction:alternate-reverse}.a1{-webkit-animation-duration:.15s;animation-duration:.15s}.a2{-webkit-animation-duration:.3s;animation-duration:.3s}.a3{-webkit-animation-duration:.45s;animation-duration:.45s}.a4{-webkit-animation-duration:.6s;animation-duration:.6s}.a5{-webkit-animation-duration:.75s;animation-duration:.75s}.a6{-webkit-animation-duration:.9s;animation-duration:.9s}.a-1{-webkit-animation-duration:1s;animation-duration:1s}.a-2{-webkit-animation-duration:2s;animation-duration:2s}.a-3{-webkit-animation-duration:3s;animation-duration:3s}.d1{-webkit-animation-delay:.15s;animation-delay:.15s}.d2{-webkit-animation-delay:.3s;animation-delay:.3s}.d3{-webkit-animation-delay:.45s;animation-delay:.45s}.d4{-webkit-animation-delay:.6s;animation-delay:.6s}.d5{-webkit-animation-delay:.75s;animation-delay:.75s}.d6{-webkit-animation-delay:.9s;animation-delay:.9s}.d-1{-webkit-animation-delay:1s;animation-delay:1s}.d-2{-webkit-animation-delay:2s;animation-delay:2s}.d-3{-webkit-animation-delay:3s;animation-delay:3s}.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(.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)}.ease-in-circ{-webkit-animation-timing-function:cubic-bezier(.6,.04,.98,.335);animation-timing-function:cubic-bezier(.6,.04,.98,.335)}.ease-out{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.ease-out-quad{-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94)}.ease-out-cubic{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}.ease-out-quart{-webkit-animation-timing-function:cubic-bezier(.165,.84,.44,1);animation-timing-function:cubic-bezier(.165,.84,.44,1)}.ease-out-quint{-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1)}.ease-out-expo{-webkit-animation-timing-function:cubic-bezier(.19,1,.22,1);animation-timing-function:cubic-bezier(.19,1,.22,1)}.ease-out-circ{-webkit-animation-timing-function:cubic-bezier(.075,.82,.165,1);animation-timing-function:cubic-bezier(.075,.82,.165,1)}.ease-in-out{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.ease-in-out-quad{-webkit-animation-timing-function:cubic-bezier(.455,.03,.515,.955);animation-timing-function:cubic-bezier(.455,.03,.515,.955)}.ease-in-out-cubic{-webkit-animation-timing-function:cubic-bezier(.645,.045,.355,1);animation-timing-function:cubic-bezier(.645,.045,.355,1)}.ease-in-out-quart{-webkit-animation-timing-function:cubic-bezier(.77,0,.175,1);animation-timing-function:cubic-bezier(.77,0,.175,1)}.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)} +/*!!! + + ANIMATE + + Base: + a = animation duration + d = animation delay + + Modifiers + 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 + -3 = literal value 3s + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + +*/.pause{-webkit-animation-play-state:paused;animation-play-state:paused}.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.double{-webkit-animation-iteration-count:2;animation-iteration-count:2}.triple{-webkit-animation-iteration-count:3;animation-iteration-count:3}.reverse{animation-direction:reverse}.alternate{-webkit-animation-direction:alternate;animation-direction:alternate}.alternate-reverse{animation-direction:alternate-reverse}.a1{-webkit-animation-duration:.15s;animation-duration:.15s}.a2{-webkit-animation-duration:.3s;animation-duration:.3s}.a3{-webkit-animation-duration:.45s;animation-duration:.45s}.a4{-webkit-animation-duration:.6s;animation-duration:.6s}.a5{-webkit-animation-duration:.75s;animation-duration:.75s}.a6{-webkit-animation-duration:.9s;animation-duration:.9s}.a-1{-webkit-animation-duration:1s;animation-duration:1s}.a-2{-webkit-animation-duration:2s;animation-duration:2s}.a-3{-webkit-animation-duration:3s;animation-duration:3s}.d1{-webkit-animation-delay:.15s;animation-delay:.15s}.d2{-webkit-animation-delay:.3s;animation-delay:.3s}.d3{-webkit-animation-delay:.45s;animation-delay:.45s}.d4{-webkit-animation-delay:.6s;animation-delay:.6s}.d5{-webkit-animation-delay:.75s;animation-delay:.75s}.d6{-webkit-animation-delay:.9s;animation-delay:.9s}.d-1{-webkit-animation-delay:1s;animation-delay:1s}.d-2{-webkit-animation-delay:2s;animation-delay:2s}.d-3{-webkit-animation-delay:3s;animation-delay:3s}.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(.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)}.ease-in-circ{-webkit-animation-timing-function:cubic-bezier(.6,.04,.98,.335);animation-timing-function:cubic-bezier(.6,.04,.98,.335)}.ease-out{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.ease-out-quad{-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94)}.ease-out-cubic{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}.ease-out-quart{-webkit-animation-timing-function:cubic-bezier(.165,.84,.44,1);animation-timing-function:cubic-bezier(.165,.84,.44,1)}.ease-out-quint{-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1)}.ease-out-expo{-webkit-animation-timing-function:cubic-bezier(.19,1,.22,1);animation-timing-function:cubic-bezier(.19,1,.22,1)}.ease-out-circ{-webkit-animation-timing-function:cubic-bezier(.075,.82,.165,1);animation-timing-function:cubic-bezier(.075,.82,.165,1)}.ease-in-out{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.ease-in-out-quad{-webkit-animation-timing-function:cubic-bezier(.455,.03,.515,.955);animation-timing-function:cubic-bezier(.455,.03,.515,.955)}.ease-in-out-cubic{-webkit-animation-timing-function:cubic-bezier(.645,.045,.355,1);animation-timing-function:cubic-bezier(.645,.045,.355,1)}.ease-in-out-quart{-webkit-animation-timing-function:cubic-bezier(.77,0,.175,1);animation-timing-function:cubic-bezier(.77,0,.175,1)}.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){.pause-ns{-webkit-animation-play-state:paused;animation-play-state:paused}.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}.reverse-ns{animation-direction:reverse}.alternate-ns{-webkit-animation-direction:alternate;animation-direction:alternate}.alternate-reverse-ns{animation-direction:alternate-reverse}.a1-ns{-webkit-animation-duration:.15s;animation-duration:.15s}.a2-ns{-webkit-animation-duration:.3s;animation-duration:.3s}.a3-ns{-webkit-animation-duration:.45s;animation-duration:.45s}.a4-ns{-webkit-animation-duration:.6s;animation-duration:.6s}.a5-ns{-webkit-animation-duration:.75s;animation-duration:.75s}.a6-ns{-webkit-animation-duration:.9s;animation-duration:.9s}.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}.d1-ns{-webkit-animation-delay:.15s;animation-delay:.15s}.d2-ns{-webkit-animation-delay:.3s;animation-delay:.3s}.d3-ns{-webkit-animation-delay:.45s;animation-delay:.45s}.d4-ns{-webkit-animation-delay:.6s;animation-delay:.6s}.d5-ns{-webkit-animation-delay:.75s;animation-delay:.75s}.d6-ns{-webkit-animation-delay:.9s;animation-delay:.9s}.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}.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){.pause-m{-webkit-animation-play-state:paused;animation-play-state:paused}.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}.reverse-m{animation-direction:reverse}.alternate-m{-webkit-animation-direction:alternate;animation-direction:alternate}.alternate-reverse-m{animation-direction:alternate-reverse}.a1-m{-webkit-animation-duration:.15s;animation-duration:.15s}.a2-m{-webkit-animation-duration:.3s;animation-duration:.3s}.a3-m{-webkit-animation-duration:.45s;animation-duration:.45s}.a4-m{-webkit-animation-duration:.6s;animation-duration:.6s}.a5-m{-webkit-animation-duration:.75s;animation-duration:.75s}.a6-m{-webkit-animation-duration:.9s;animation-duration:.9s}.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}.d1-m{-webkit-animation-delay:.15s;animation-delay:.15s}.d2-m{-webkit-animation-delay:.3s;animation-delay:.3s}.d3-m{-webkit-animation-delay:.45s;animation-delay:.45s}.d4-m{-webkit-animation-delay:.6s;animation-delay:.6s}.d5-m{-webkit-animation-delay:.75s;animation-delay:.75s}.d6-m{-webkit-animation-delay:.9s;animation-delay:.9s}.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}.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){.pause-l{-webkit-animation-play-state:paused;animation-play-state:paused}.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}.reverse-l{animation-direction:reverse}.alternate-l{-webkit-animation-direction:alternate;animation-direction:alternate}.alternate-reverse-l{animation-direction:alternate-reverse}.a1-l{-webkit-animation-duration:.15s;animation-duration:.15s}.a2-l{-webkit-animation-duration:.3s;animation-duration:.3s}.a3-l{-webkit-animation-duration:.45s;animation-duration:.45s}.a4-l{-webkit-animation-duration:.6s;animation-duration:.6s}.a5-l{-webkit-animation-duration:.75s;animation-duration:.75s}.a6-l{-webkit-animation-duration:.9s;animation-duration:.9s}.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}.d1-l{-webkit-animation-delay:.15s;animation-delay:.15s}.d2-l{-webkit-animation-delay:.3s;animation-delay:.3s}.d3-l{-webkit-animation-delay:.45s;animation-delay:.45s}.d4-l{-webkit-animation-delay:.6s;animation-delay:.6s}.d5-l{-webkit-animation-delay:.75s;animation-delay:.75s}.d6-l{-webkit-animation-delay:.9s;animation-delay:.9s}.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}.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)}} diff --git a/packages/tachyons-aspect-ratios/css/tachyons-aspect-ratios.css b/packages/tachyons-aspect-ratios/css/tachyons-aspect-ratios.css index 76a6875..3977e77 100644 --- a/packages/tachyons-aspect-ratios/css/tachyons-aspect-ratios.css +++ b/packages/tachyons-aspect-ratios/css/tachyons-aspect-ratios.css @@ -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 diff --git a/packages/tachyons-aspect-ratios/css/tachyons-aspect-ratios.min.css b/packages/tachyons-aspect-ratios/css/tachyons-aspect-ratios.min.css index 14663ad..f937392 100644 --- a/packages/tachyons-aspect-ratios/css/tachyons-aspect-ratios.min.css +++ b/packages/tachyons-aspect-ratios/css/tachyons-aspect-ratios.min.css @@ -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 diff --git a/packages/tachyons-aspect-ratios/readme.md b/packages/tachyons-aspect-ratios/readme.md index 4300e62..4bec977 100644 --- a/packages/tachyons-aspect-ratios/readme.md +++ b/packages/tachyons-aspect-ratios/readme.md @@ -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: ``` - + ``` ##### 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 diff --git a/packages/tachyons-background-position/readme.md b/packages/tachyons-background-position/readme.md index acd663e..ee82987 100644 --- a/packages/tachyons-background-position/readme.md +++ b/packages/tachyons-background-position/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-background-size/readme.md b/packages/tachyons-background-size/readme.md index 6f9c9db..a43fa9d 100644 --- a/packages/tachyons-background-size/readme.md +++ b/packages/tachyons-background-size/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-border-colors/readme.md b/packages/tachyons-border-colors/readme.md index 7805dec..38c5c40 100644 --- a/packages/tachyons-border-colors/readme.md +++ b/packages/tachyons-border-colors/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-border-radius/css/tachyons-border-radius.css b/packages/tachyons-border-radius/css/tachyons-border-radius.css index 3727b09..ebb9d3e 100644 --- a/packages/tachyons-border-radius/css/tachyons-border-radius.css +++ b/packages/tachyons-border-radius/css/tachyons-border-radius.css @@ -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; } diff --git a/packages/tachyons-border-radius/css/tachyons-border-radius.min.css b/packages/tachyons-border-radius/css/tachyons-border-radius.min.css index 72f9a51..bc3af0a 100644 --- a/packages/tachyons-border-radius/css/tachyons-border-radius.min.css +++ b/packages/tachyons-border-radius/css/tachyons-border-radius.min.css @@ -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}} diff --git a/packages/tachyons-border-radius/readme.md b/packages/tachyons-border-radius/readme.md index 7407546..6bb2d21 100644 --- a/packages/tachyons-border-radius/readme.md +++ b/packages/tachyons-border-radius/readme.md @@ -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: ``` - + ``` ##### 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; } diff --git a/packages/tachyons-border-style/readme.md b/packages/tachyons-border-style/readme.md index 0363495..ff6ce76 100644 --- a/packages/tachyons-border-style/readme.md +++ b/packages/tachyons-border-style/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-border-widths/readme.md b/packages/tachyons-border-widths/readme.md index cdcd898..77773be 100644 --- a/packages/tachyons-border-widths/readme.md +++ b/packages/tachyons-border-widths/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-borders/readme.md b/packages/tachyons-borders/readme.md index 5c40b0d..43c58ce 100644 --- a/packages/tachyons-borders/readme.md +++ b/packages/tachyons-borders/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-box-shadow/readme.md b/packages/tachyons-box-shadow/readme.md index 207bf56..07ab091 100644 --- a/packages/tachyons-box-shadow/readme.md +++ b/packages/tachyons-box-shadow/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-box-sizing/readme.md b/packages/tachyons-box-sizing/readme.md index 210bc8f..2daaad8 100644 --- a/packages/tachyons-box-sizing/readme.md +++ b/packages/tachyons-box-sizing/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-clears/readme.md b/packages/tachyons-clears/readme.md index 35b9aea..82b2313 100644 --- a/packages/tachyons-clears/readme.md +++ b/packages/tachyons-clears/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-colors/readme.md b/packages/tachyons-colors/readme.md index 9233ea8..77c1b81 100644 --- a/packages/tachyons-colors/readme.md +++ b/packages/tachyons-colors/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-colors/src/tachyons-colors.css b/packages/tachyons-colors/src/tachyons-colors.css index 19c8fab..ebf44ee 100644 --- a/packages/tachyons-colors/src/tachyons-colors.css +++ b/packages/tachyons-colors/src/tachyons-colors.css @@ -42,7 +42,7 @@ --gray-8: #c3c5c8; --gray-9: #dddedf; --gray-10: #f7f7f7; - --white: #f7f7f7; + --white: #ffffff; --green-0: #044324; --green-1: #05532d; diff --git a/packages/tachyons-coordinates/readme.md b/packages/tachyons-coordinates/readme.md index 5334c56..a963d44 100644 --- a/packages/tachyons-coordinates/readme.md +++ b/packages/tachyons-coordinates/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-debug-children/readme.md b/packages/tachyons-debug-children/readme.md index 274afb8..f62dfcf 100644 --- a/packages/tachyons-debug-children/readme.md +++ b/packages/tachyons-debug-children/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-debug-grid/readme.md b/packages/tachyons-debug-grid/readme.md index f9e7e8f..faddaa1 100644 --- a/packages/tachyons-debug-grid/readme.md +++ b/packages/tachyons-debug-grid/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-debug/readme.md b/packages/tachyons-debug/readme.md index cf8d514..d804751 100644 --- a/packages/tachyons-debug/readme.md +++ b/packages/tachyons-debug/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-direction/readme.md b/packages/tachyons-direction/readme.md index b5a998a..6a9b077 100644 --- a/packages/tachyons-direction/readme.md +++ b/packages/tachyons-direction/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-display/css/tachyons-display.css b/packages/tachyons-display/css/tachyons-display.css index 6118dc4..dba89d6 100644 --- a/packages/tachyons-display/css/tachyons-display.css +++ b/packages/tachyons-display/css/tachyons-display.css @@ -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%; } } diff --git a/packages/tachyons-display/css/tachyons-display.min.css b/packages/tachyons-display/css/tachyons-display.min.css index c5ed979..12252f2 100644 --- a/packages/tachyons-display/css/tachyons-display.min.css +++ b/packages/tachyons-display/css/tachyons-display.min.css @@ -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%}} diff --git a/packages/tachyons-display/readme.md b/packages/tachyons-display/readme.md index f1251c2..bfa54f9 100644 --- a/packages/tachyons-display/readme.md +++ b/packages/tachyons-display/readme.md @@ -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: ``` - + ``` ##### 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%; } } ``` diff --git a/packages/tachyons-flexbox/readme.md b/packages/tachyons-flexbox/readme.md index ce0006a..a88b41c 100644 --- a/packages/tachyons-flexbox/readme.md +++ b/packages/tachyons-flexbox/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-floats/readme.md b/packages/tachyons-floats/readme.md index 2bec1ec..c6a6970 100644 --- a/packages/tachyons-floats/readme.md +++ b/packages/tachyons-floats/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-font-family/readme.md b/packages/tachyons-font-family/readme.md index 901f299..eed2f3f 100644 --- a/packages/tachyons-font-family/readme.md +++ b/packages/tachyons-font-family/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-font-style/readme.md b/packages/tachyons-font-style/readme.md index a2f57be..b6cbd52 100644 --- a/packages/tachyons-font-style/readme.md +++ b/packages/tachyons-font-style/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-font-weight/css/tachyons-font-weight.css b/packages/tachyons-font-weight/css/tachyons-font-weight.css index e66c59d..54383ee 100644 --- a/packages/tachyons-font-weight/css/tachyons-font-weight.css +++ b/packages/tachyons-font-weight/css/tachyons-font-weight.css @@ -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; } diff --git a/packages/tachyons-font-weight/css/tachyons-font-weight.min.css b/packages/tachyons-font-weight/css/tachyons-font-weight.min.css index 2be5252..f4b1196 100644 --- a/packages/tachyons-font-weight/css/tachyons-font-weight.min.css +++ b/packages/tachyons-font-weight/css/tachyons-font-weight.min.css @@ -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}} diff --git a/packages/tachyons-font-weight/readme.md b/packages/tachyons-font-weight/readme.md index 3e64d25..4f68f1a 100644 --- a/packages/tachyons-font-weight/readme.md +++ b/packages/tachyons-font-weight/readme.md @@ -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: ``` - + ``` ##### 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; } diff --git a/packages/tachyons-forms/readme.md b/packages/tachyons-forms/readme.md index dc13fc2..49e315f 100644 --- a/packages/tachyons-forms/readme.md +++ b/packages/tachyons-forms/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-gradients/readme.md b/packages/tachyons-gradients/readme.md index 2e7b89f..ba8963b 100644 --- a/packages/tachyons-gradients/readme.md +++ b/packages/tachyons-gradients/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-heights/readme.md b/packages/tachyons-heights/readme.md index 54bba91..1636778 100644 --- a/packages/tachyons-heights/readme.md +++ b/packages/tachyons-heights/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-hovers/readme.md b/packages/tachyons-hovers/readme.md index f1fe1f2..760799a 100644 --- a/packages/tachyons-hovers/readme.md +++ b/packages/tachyons-hovers/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-images/readme.md b/packages/tachyons-images/readme.md index 32ca1df..01da17b 100644 --- a/packages/tachyons-images/readme.md +++ b/packages/tachyons-images/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-letter-spacing/css/tachyons-letter-spacing.css b/packages/tachyons-letter-spacing/css/tachyons-letter-spacing.css index f9983a1..3eaf4d3 100644 --- a/packages/tachyons-letter-spacing/css/tachyons-letter-spacing.css +++ b/packages/tachyons-letter-spacing/css/tachyons-letter-spacing.css @@ -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; } } diff --git a/packages/tachyons-letter-spacing/css/tachyons-letter-spacing.min.css b/packages/tachyons-letter-spacing/css/tachyons-letter-spacing.min.css index 2721856..9e3e378 100644 --- a/packages/tachyons-letter-spacing/css/tachyons-letter-spacing.min.css +++ b/packages/tachyons-letter-spacing/css/tachyons-letter-spacing.min.css @@ -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}} diff --git a/packages/tachyons-letter-spacing/readme.md b/packages/tachyons-letter-spacing/readme.md index 7b0f297..eca8441 100644 --- a/packages/tachyons-letter-spacing/readme.md +++ b/packages/tachyons-letter-spacing/readme.md @@ -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: ``` - + ``` ##### 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; } } ``` diff --git a/packages/tachyons-letter-spacing/src/tachyons-letter-spacing.css b/packages/tachyons-letter-spacing/src/tachyons-letter-spacing.css index 2c20bf9..540c1ff 100644 --- a/packages/tachyons-letter-spacing/src/tachyons-letter-spacing.css +++ b/packages/tachyons-letter-spacing/src/tachyons-letter-spacing.css @@ -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; } } diff --git a/packages/tachyons-line-height/readme.md b/packages/tachyons-line-height/readme.md index fbd3859..9238231 100644 --- a/packages/tachyons-line-height/readme.md +++ b/packages/tachyons-line-height/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-links/readme.md b/packages/tachyons-links/readme.md index dd4e511..3c9507f 100644 --- a/packages/tachyons-links/readme.md +++ b/packages/tachyons-links/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-lists/readme.md b/packages/tachyons-lists/readme.md index 0c205ed..e1a1205 100644 --- a/packages/tachyons-lists/readme.md +++ b/packages/tachyons-lists/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-max-widths/css/tachyons-max-widths.css b/packages/tachyons-max-widths/css/tachyons-max-widths.css index 2edb1bf..e127172 100644 --- a/packages/tachyons-max-widths/css/tachyons-max-widths.css +++ b/packages/tachyons-max-widths/css/tachyons-max-widths.css @@ -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; } } diff --git a/packages/tachyons-max-widths/css/tachyons-max-widths.min.css b/packages/tachyons-max-widths/css/tachyons-max-widths.min.css index a0458e3..8069df2 100644 --- a/packages/tachyons-max-widths/css/tachyons-max-widths.min.css +++ b/packages/tachyons-max-widths/css/tachyons-max-widths.min.css @@ -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}} diff --git a/packages/tachyons-max-widths/readme.md b/packages/tachyons-max-widths/readme.md index a6f0814..5a344d8 100644 --- a/packages/tachyons-max-widths/readme.md +++ b/packages/tachyons-max-widths/readme.md @@ -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: ``` - + ``` ##### 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; } } ``` diff --git a/packages/tachyons-negative-margins/readme.md b/packages/tachyons-negative-margins/readme.md index a062724..2b3df3f 100644 --- a/packages/tachyons-negative-margins/readme.md +++ b/packages/tachyons-negative-margins/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-negative-margins/src/tachyons-negative-margins.css b/packages/tachyons-negative-margins/src/tachyons-negative-margins.css index 4658099..d630404 100644 --- a/packages/tachyons-negative-margins/src/tachyons-negative-margins.css +++ b/packages/tachyons-negative-margins/src/tachyons-negative-margins.css @@ -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)); } } diff --git a/packages/tachyons-nudge/readme.md b/packages/tachyons-nudge/readme.md index a89aecc..f4d6a81 100644 --- a/packages/tachyons-nudge/readme.md +++ b/packages/tachyons-nudge/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-opacity-responsive/readme.md b/packages/tachyons-opacity-responsive/readme.md index 827ed4b..1fb04ba 100644 --- a/packages/tachyons-opacity-responsive/readme.md +++ b/packages/tachyons-opacity-responsive/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-opacity/readme.md b/packages/tachyons-opacity/readme.md index 323d52e..a07ee06 100644 --- a/packages/tachyons-opacity/readme.md +++ b/packages/tachyons-opacity/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-outlines/readme.md b/packages/tachyons-outlines/readme.md index 4df632b..eca9e35 100644 --- a/packages/tachyons-outlines/readme.md +++ b/packages/tachyons-outlines/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-overflow/readme.md b/packages/tachyons-overflow/readme.md index 7cd3198..5dbe4c8 100644 --- a/packages/tachyons-overflow/readme.md +++ b/packages/tachyons-overflow/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-position/readme.md b/packages/tachyons-position/readme.md index 0e103d1..38f6696 100644 --- a/packages/tachyons-position/readme.md +++ b/packages/tachyons-position/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-rotations/readme.md b/packages/tachyons-rotations/readme.md index 29ac8c3..d5ff89e 100644 --- a/packages/tachyons-rotations/readme.md +++ b/packages/tachyons-rotations/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-skins-pseudo/css/tachyons-skins-pseudo.css b/packages/tachyons-skins-pseudo/css/tachyons-skins-pseudo.css index b85afbe..6f2a85b 100644 --- a/packages/tachyons-skins-pseudo/css/tachyons-skins-pseudo.css +++ b/packages/tachyons-skins-pseudo/css/tachyons-skins-pseudo.css @@ -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; } diff --git a/packages/tachyons-skins-pseudo/css/tachyons-skins-pseudo.min.css b/packages/tachyons-skins-pseudo/css/tachyons-skins-pseudo.min.css index fec78fd..3da4091 100644 --- a/packages/tachyons-skins-pseudo/css/tachyons-skins-pseudo.min.css +++ b/packages/tachyons-skins-pseudo/css/tachyons-skins-pseudo.min.css @@ -8,5 +8,5 @@ it is focused or hovered over. ### Docs http://tachyons.io/docs/themes/skins-pseudo/ - */.hover-black-10:focus,.hover-black-10:hover,.hover-black-20:focus,.hover-black-20:hover,.hover-black-30:focus,.hover-black-30:hover,.hover-black-40:focus,.hover-black-40:hover,.hover-black-50:focus,.hover-black-50:hover,.hover-black-60:focus,.hover-black-60:hover,.hover-black-70:focus,.hover-black-70:hover,.hover-black-80:focus,.hover-black-80:hover,.hover-black-90:focus,.hover-black-90:hover,.hover-black:focus,.hover-black:hover,.hover-dark-gray:focus,.hover-dark-gray:hover,.hover-gray:focus,.hover-gray:hover,.hover-light-gray:focus,.hover-light-gray:hover,.hover-light-silver:focus,.hover-light-silver:hover,.hover-mid-gray:focus,.hover-mid-gray:hover,.hover-moon-gray:focus,.hover-moon-gray:hover,.hover-near-black:focus,.hover-near-black:hover,.hover-near-white:focus,.hover-near-white:hover,.hover-silver:focus,.hover-silver:hover,.hover-white-10:focus,.hover-white-10:hover,.hover-white-20:focus,.hover-white-20:hover,.hover-white-30:focus,.hover-white-30:hover,.hover-white-40:focus,.hover-white-40:hover,.hover-white-50:focus,.hover-white-50:hover,.hover-white-60:focus,.hover-white-60:hover,.hover-white-70:focus,.hover-white-70:hover,.hover-white-80:focus,.hover-white-80:hover,.hover-white-90:focus,.hover-white-90:hover,.hover-white:focus,.hover-white:hover{color:undefined}.hover-inherit:focus,.hover-inherit:hover{color:inherit}.hover-bg-black-10:focus,.hover-bg-black-10:hover,.hover-bg-black-20:focus,.hover-bg-black-20:hover,.hover-bg-black-30:focus,.hover-bg-black-30:hover,.hover-bg-black-40:focus,.hover-bg-black-40:hover,.hover-bg-black-50:focus,.hover-bg-black-50:hover,.hover-bg-black-60:focus,.hover-bg-black-60:hover,.hover-bg-black-70:focus,.hover-bg-black-70:hover,.hover-bg-black-80:focus,.hover-bg-black-80:hover,.hover-bg-black-90:focus,.hover-bg-black-90:hover,.hover-bg-black:focus,.hover-bg-black:hover,.hover-bg-dark-gray:focus,.hover-bg-dark-gray:hover,.hover-bg-gray:focus,.hover-bg-gray:hover,.hover-bg-light-gray:focus,.hover-bg-light-gray:hover,.hover-bg-light-silver:focus,.hover-bg-light-silver:hover,.hover-bg-mid-gray:focus,.hover-bg-mid-gray:hover,.hover-bg-moon-gray:focus,.hover-bg-moon-gray:hover,.hover-bg-near-black:focus,.hover-bg-near-black:hover,.hover-bg-near-white:focus,.hover-bg-near-white:hover,.hover-bg-silver:focus,.hover-bg-silver:hover,.hover-bg-transparent:focus,.hover-bg-transparent:hover,.hover-bg-white-10:focus,.hover-bg-white-10:hover,.hover-bg-white-20:focus,.hover-bg-white-20:hover,.hover-bg-white-30:focus,.hover-bg-white-30:hover,.hover-bg-white-40:focus,.hover-bg-white-40:hover,.hover-bg-white-50:focus,.hover-bg-white-50:hover,.hover-bg-white-60:focus,.hover-bg-white-60:hover,.hover-bg-white-70:focus,.hover-bg-white-70:hover,.hover-bg-white-80:focus,.hover-bg-white-80:hover,.hover-bg-white-90:focus,.hover-bg-white-90:hover,.hover-bg-white:focus,.hover-bg-white:hover{background-color:undefined}.hover-blue:focus,.hover-blue:hover,.hover-dark-blue:focus,.hover-dark-blue:hover,.hover-dark-green:focus,.hover-dark-green:hover,.hover-dark-pink:focus,.hover-dark-pink:hover,.hover-dark-red:focus,.hover-dark-red:hover,.hover-gold:focus,.hover-gold:hover,.hover-green:focus,.hover-green:hover,.hover-hot-pink:focus,.hover-hot-pink:hover,.hover-light-blue:focus,.hover-light-blue:hover,.hover-light-green:focus,.hover-light-green:hover,.hover-light-pink:focus,.hover-light-pink:hover,.hover-light-purple:focus,.hover-light-purple:hover,.hover-light-red:focus,.hover-light-red:hover,.hover-light-yellow:focus,.hover-light-yellow:hover,.hover-lightest-blue:focus,.hover-lightest-blue:hover,.hover-navy:focus,.hover-navy:hover,.hover-orange:focus,.hover-orange:hover,.hover-pink:focus,.hover-pink:hover,.hover-purple:focus,.hover-purple:hover,.hover-red:focus,.hover-red:hover,.hover-washed-blue:focus,.hover-washed-blue:hover,.hover-washed-green:focus,.hover-washed-green:hover,.hover-washed-red:focus,.hover-washed-red:hover,.hover-washed-yellow:focus,.hover-washed-yellow:hover,.hover-yellow:focus,.hover-yellow:hover{color:undefined}.hover-bg-blue:focus,.hover-bg-blue:hover,.hover-bg-dark-blue:focus,.hover-bg-dark-blue:hover,.hover-bg-dark-green:focus,.hover-bg-dark-green:hover,.hover-bg-dark-pink:focus,.hover-bg-dark-pink:hover,.hover-bg-dark-red:focus,.hover-bg-dark-red:hover,.hover-bg-gold:focus,.hover-bg-gold:hover,.hover-bg-green:focus,.hover-bg-green:hover,.hover-bg-hot-pink:focus,.hover-bg-hot-pink:hover,.hover-bg-light-blue:focus,.hover-bg-light-blue:hover,.hover-bg-light-green:focus,.hover-bg-light-green:hover,.hover-bg-light-pink:focus,.hover-bg-light-pink:hover,.hover-bg-light-purple:focus,.hover-bg-light-purple:hover,.hover-bg-light-red:focus,.hover-bg-light-red:hover,.hover-bg-light-yellow:focus,.hover-bg-light-yellow:hover,.hover-bg-lightest-blue:focus,.hover-bg-lightest-blue:hover,.hover-bg-navy:focus,.hover-bg-navy:hover,.hover-bg-orange:focus,.hover-bg-orange:hover,.hover-bg-pink:focus,.hover-bg-pink:hover,.hover-bg-purple:focus,.hover-bg-purple:hover,.hover-bg-red:focus,.hover-bg-red:hover,.hover-bg-washed-blue:focus,.hover-bg-washed-blue:hover,.hover-bg-washed-green:focus,.hover-bg-washed-green:hover,.hover-bg-washed-red:focus,.hover-bg-washed-red:hover,.hover-bg-washed-yellow:focus,.hover-bg-washed-yellow:hover,.hover-bg-yellow:focus,.hover-bg-yellow:hover{background-color:undefined}.hover-bg-inherit:focus,.hover-bg-inherit:hover{background-color:inherit} + */.hover-color-inherit:focus,.hover-color-inherit:hover{color:inherit}.hover-black-05:focus,.hover-black-05:hover,.hover-black-10:focus,.hover-black-10:hover,.hover-black-20:focus,.hover-black-20:hover,.hover-black-30:focus,.hover-black-30:hover,.hover-black-40:focus,.hover-black-40:hover,.hover-black-50:focus,.hover-black-50:hover,.hover-black-60:focus,.hover-black-60:hover,.hover-black-70:focus,.hover-black-70:hover,.hover-black-80:focus,.hover-black-80:hover,.hover-black-90:focus,.hover-black-90:hover,.hover-black:focus,.hover-black:hover,.hover-blue-0:focus,.hover-blue-0:hover,.hover-blue-1:focus,.hover-blue-1:hover,.hover-blue-2:focus,.hover-blue-2:hover,.hover-blue-3:focus,.hover-blue-3:hover,.hover-blue-4:focus,.hover-blue-4:hover,.hover-blue-5:focus,.hover-blue-5:hover,.hover-blue-6:focus,.hover-blue-6:hover,.hover-blue-7:focus,.hover-blue-7:hover,.hover-blue-8:focus,.hover-blue-8:hover,.hover-blue-9:focus,.hover-blue-9:hover,.hover-blue-10:focus,.hover-blue-10:hover,.hover-gray-0:focus,.hover-gray-0:hover,.hover-gray-1:focus,.hover-gray-1:hover,.hover-gray-2:focus,.hover-gray-2:hover,.hover-gray-3:focus,.hover-gray-3:hover,.hover-gray-4:focus,.hover-gray-4:hover,.hover-gray-5:focus,.hover-gray-5:hover,.hover-gray-6:focus,.hover-gray-6:hover,.hover-gray-7:focus,.hover-gray-7:hover,.hover-gray-8:focus,.hover-gray-8:hover,.hover-gray-9:focus,.hover-gray-9:hover,.hover-gray-10:focus,.hover-gray-10:hover,.hover-green-0:focus,.hover-green-0:hover,.hover-green-1:focus,.hover-green-1:hover,.hover-green-2:focus,.hover-green-2:hover,.hover-green-3:focus,.hover-green-3:hover,.hover-green-4:focus,.hover-green-4:hover,.hover-green-5:focus,.hover-green-5:hover,.hover-green-6:focus,.hover-green-6:hover,.hover-green-7:focus,.hover-green-7:hover,.hover-green-8:focus,.hover-green-8:hover,.hover-green-9:focus,.hover-green-9:hover,.hover-green-10:focus,.hover-green-10:hover,.hover-indigo-0:focus,.hover-indigo-0:hover,.hover-indigo-1:focus,.hover-indigo-1:hover,.hover-indigo-2:focus,.hover-indigo-2:hover,.hover-indigo-3:focus,.hover-indigo-3:hover,.hover-indigo-4:focus,.hover-indigo-4:hover,.hover-indigo-5:focus,.hover-indigo-5:hover,.hover-indigo-6:focus,.hover-indigo-6:hover,.hover-indigo-7:focus,.hover-indigo-7:hover,.hover-indigo-8:focus,.hover-indigo-8:hover,.hover-indigo-9:focus,.hover-indigo-9:hover,.hover-indigo-10:focus,.hover-indigo-10:hover,.hover-orange-0:focus,.hover-orange-0:hover,.hover-orange-1:focus,.hover-orange-1:hover,.hover-orange-2:focus,.hover-orange-2:hover,.hover-orange-3:focus,.hover-orange-3:hover,.hover-orange-4:focus,.hover-orange-4:hover,.hover-orange-5:focus,.hover-orange-5:hover,.hover-orange-6:focus,.hover-orange-6:hover,.hover-orange-7:focus,.hover-orange-7:hover,.hover-orange-8:focus,.hover-orange-8:hover,.hover-orange-9:focus,.hover-orange-9:hover,.hover-orange-10:focus,.hover-orange-10:hover,.hover-pink-0:focus,.hover-pink-0:hover,.hover-pink-1:focus,.hover-pink-1:hover,.hover-pink-2:focus,.hover-pink-2:hover,.hover-pink-3:focus,.hover-pink-3:hover,.hover-pink-4:focus,.hover-pink-4:hover,.hover-pink-5:focus,.hover-pink-5:hover,.hover-pink-6:focus,.hover-pink-6:hover,.hover-pink-7:focus,.hover-pink-7:hover,.hover-pink-8:focus,.hover-pink-8:hover,.hover-pink-9:focus,.hover-pink-9:hover,.hover-pink-10:focus,.hover-pink-10:hover,.hover-purple-0:focus,.hover-purple-0:hover,.hover-purple-1:focus,.hover-purple-1:hover,.hover-purple-2:focus,.hover-purple-2:hover,.hover-purple-3:focus,.hover-purple-3:hover,.hover-purple-4:focus,.hover-purple-4:hover,.hover-purple-5:focus,.hover-purple-5:hover,.hover-purple-6:focus,.hover-purple-6:hover,.hover-purple-7:focus,.hover-purple-7:hover,.hover-purple-8:focus,.hover-purple-8:hover,.hover-purple-9:focus,.hover-purple-9:hover,.hover-purple-10:focus,.hover-purple-10:hover,.hover-red-0:focus,.hover-red-0:hover,.hover-red-1:focus,.hover-red-1:hover,.hover-red-2:focus,.hover-red-2:hover,.hover-red-3:focus,.hover-red-3:hover,.hover-red-4:focus,.hover-red-4:hover,.hover-red-5:focus,.hover-red-5:hover,.hover-red-6:focus,.hover-red-6:hover,.hover-red-7:focus,.hover-red-7:hover,.hover-red-8:focus,.hover-red-8:hover,.hover-red-9:focus,.hover-red-9:hover,.hover-red-10:focus,.hover-red-10:hover,.hover-teal-0:focus,.hover-teal-0:hover,.hover-teal-1:focus,.hover-teal-1:hover,.hover-teal-2:focus,.hover-teal-2:hover,.hover-teal-3:focus,.hover-teal-3:hover,.hover-teal-4:focus,.hover-teal-4:hover,.hover-teal-5:focus,.hover-teal-5:hover,.hover-teal-6:focus,.hover-teal-6:hover,.hover-teal-7:focus,.hover-teal-7:hover,.hover-teal-8:focus,.hover-teal-8:hover,.hover-teal-9:focus,.hover-teal-9:hover,.hover-teal-10:focus,.hover-teal-10:hover,.hover-white-10:focus,.hover-white-10:hover,.hover-white-20:focus,.hover-white-20:hover,.hover-white-30:focus,.hover-white-30:hover,.hover-white-40:focus,.hover-white-40:hover,.hover-white-50:focus,.hover-white-50:hover,.hover-white-60:focus,.hover-white-60:hover,.hover-white-70:focus,.hover-white-70:hover,.hover-white-80:focus,.hover-white-80:hover,.hover-white-90:focus,.hover-white-90:hover,.hover-white:focus,.hover-white:hover,.hover-yellow-0:focus,.hover-yellow-0:hover,.hover-yellow-1:focus,.hover-yellow-1:hover,.hover-yellow-2:focus,.hover-yellow-2:hover,.hover-yellow-3:focus,.hover-yellow-3:hover,.hover-yellow-4:focus,.hover-yellow-4:hover,.hover-yellow-5:focus,.hover-yellow-5:hover,.hover-yellow-6:focus,.hover-yellow-6:hover,.hover-yellow-7:focus,.hover-yellow-7:hover,.hover-yellow-8:focus,.hover-yellow-8:hover,.hover-yellow-9:focus,.hover-yellow-9:hover,.hover-yellow-10:focus,.hover-yellow-10:hover{color:undefined}.bg-white-10:focus,.bg-white-10:hover,.bg-white-20:focus,.bg-white-20:hover,.bg-white-30:focus,.bg-white-30:hover,.bg-white-40:focus,.bg-white-40:hover,.bg-white-50:focus,.bg-white-50:hover,.bg-white-60:focus,.bg-white-60:hover,.bg-white-70:focus,.bg-white-70:hover,.bg-white-80:focus,.bg-white-80:hover,.bg-white-90:focus,.bg-white-90:hover,.hover-bg-black-05:focus,.hover-bg-black-05:hover,.hover-bg-black-10:focus,.hover-bg-black-10:hover,.hover-bg-black-20:focus,.hover-bg-black-20:hover,.hover-bg-black-30:focus,.hover-bg-black-30:hover,.hover-bg-black-40:focus,.hover-bg-black-40:hover,.hover-bg-black-50:focus,.hover-bg-black-50:hover,.hover-bg-black-60:focus,.hover-bg-black-60:hover,.hover-bg-black-70:focus,.hover-bg-black-70:hover,.hover-bg-black-80:focus,.hover-bg-black-80:hover,.hover-bg-black-90:focus,.hover-bg-black-90:hover,.hover-bg-black:focus,.hover-bg-black:hover,.hover-bg-blue-0:focus,.hover-bg-blue-0:hover,.hover-bg-blue-1:focus,.hover-bg-blue-1:hover,.hover-bg-blue-2:focus,.hover-bg-blue-2:hover,.hover-bg-blue-3:focus,.hover-bg-blue-3:hover,.hover-bg-blue-4:focus,.hover-bg-blue-4:hover,.hover-bg-blue-5:focus,.hover-bg-blue-5:hover,.hover-bg-blue-6:focus,.hover-bg-blue-6:hover,.hover-bg-blue-7:focus,.hover-bg-blue-7:hover,.hover-bg-blue-8:focus,.hover-bg-blue-8:hover,.hover-bg-blue-9:focus,.hover-bg-blue-9:hover,.hover-bg-blue-10:focus,.hover-bg-blue-10:hover,.hover-bg-cyan-0:focus,.hover-bg-cyan-0:hover,.hover-bg-cyan-1:focus,.hover-bg-cyan-1:hover,.hover-bg-cyan-2:focus,.hover-bg-cyan-2:hover,.hover-bg-cyan-3:focus,.hover-bg-cyan-3:hover,.hover-bg-cyan-4:focus,.hover-bg-cyan-4:hover,.hover-bg-cyan-5:focus,.hover-bg-cyan-5:hover,.hover-bg-cyan-6:focus,.hover-bg-cyan-6:hover,.hover-bg-cyan-7:focus,.hover-bg-cyan-7:hover,.hover-bg-cyan-8:focus,.hover-bg-cyan-8:hover,.hover-bg-cyan-9:focus,.hover-bg-cyan-9:hover,.hover-bg-cyan-10:focus,.hover-bg-cyan-10:hover,.hover-bg-gray-0:focus,.hover-bg-gray-0:hover,.hover-bg-gray-1:focus,.hover-bg-gray-1:hover,.hover-bg-gray-2:focus,.hover-bg-gray-2:hover,.hover-bg-gray-3:focus,.hover-bg-gray-3:hover,.hover-bg-gray-4:focus,.hover-bg-gray-4:hover,.hover-bg-gray-5:focus,.hover-bg-gray-5:hover,.hover-bg-gray-6:focus,.hover-bg-gray-6:hover,.hover-bg-gray-7:focus,.hover-bg-gray-7:hover,.hover-bg-gray-8:focus,.hover-bg-gray-8:hover,.hover-bg-gray-9:focus,.hover-bg-gray-9:hover,.hover-bg-gray-10:focus,.hover-bg-gray-10:hover,.hover-bg-green-0:focus,.hover-bg-green-0:hover,.hover-bg-green-1:focus,.hover-bg-green-1:hover,.hover-bg-green-2:focus,.hover-bg-green-2:hover,.hover-bg-green-3:focus,.hover-bg-green-3:hover,.hover-bg-green-4:focus,.hover-bg-green-4:hover,.hover-bg-green-5:focus,.hover-bg-green-5:hover,.hover-bg-green-6:focus,.hover-bg-green-6:hover,.hover-bg-green-7:focus,.hover-bg-green-7:hover,.hover-bg-green-8:focus,.hover-bg-green-8:hover,.hover-bg-green-9:focus,.hover-bg-green-9:hover,.hover-bg-green-10:focus,.hover-bg-green-10:hover,.hover-bg-indigo-0:focus,.hover-bg-indigo-0:hover,.hover-bg-indigo-1:focus,.hover-bg-indigo-1:hover,.hover-bg-indigo-2:focus,.hover-bg-indigo-2:hover,.hover-bg-indigo-3:focus,.hover-bg-indigo-3:hover,.hover-bg-indigo-4:focus,.hover-bg-indigo-4:hover,.hover-bg-indigo-5:focus,.hover-bg-indigo-5:hover,.hover-bg-indigo-6:focus,.hover-bg-indigo-6:hover,.hover-bg-indigo-7:focus,.hover-bg-indigo-7:hover,.hover-bg-indigo-8:focus,.hover-bg-indigo-8:hover,.hover-bg-indigo-9:focus,.hover-bg-indigo-9:hover,.hover-bg-indigo-10:focus,.hover-bg-indigo-10:hover,.hover-bg-orange-0:focus,.hover-bg-orange-0:hover,.hover-bg-orange-1:focus,.hover-bg-orange-1:hover,.hover-bg-orange-2:focus,.hover-bg-orange-2:hover,.hover-bg-orange-3:focus,.hover-bg-orange-3:hover,.hover-bg-orange-4:focus,.hover-bg-orange-4:hover,.hover-bg-orange-5:focus,.hover-bg-orange-5:hover,.hover-bg-orange-6:focus,.hover-bg-orange-6:hover,.hover-bg-orange-7:focus,.hover-bg-orange-7:hover,.hover-bg-orange-8:focus,.hover-bg-orange-8:hover,.hover-bg-orange-9:focus,.hover-bg-orange-9:hover,.hover-bg-orange-10:focus,.hover-bg-orange-10:hover,.hover-bg-pink-0:focus,.hover-bg-pink-0:hover,.hover-bg-pink-1:focus,.hover-bg-pink-1:hover,.hover-bg-pink-2:focus,.hover-bg-pink-2:hover,.hover-bg-pink-3:focus,.hover-bg-pink-3:hover,.hover-bg-pink-4:focus,.hover-bg-pink-4:hover,.hover-bg-pink-5:focus,.hover-bg-pink-5:hover,.hover-bg-pink-6:focus,.hover-bg-pink-6:hover,.hover-bg-pink-7:focus,.hover-bg-pink-7:hover,.hover-bg-pink-8:focus,.hover-bg-pink-8:hover,.hover-bg-pink-9:focus,.hover-bg-pink-9:hover,.hover-bg-pink-10:focus,.hover-bg-pink-10:hover,.hover-bg-purple-0:focus,.hover-bg-purple-0:hover,.hover-bg-purple-1:focus,.hover-bg-purple-1:hover,.hover-bg-purple-2:focus,.hover-bg-purple-2:hover,.hover-bg-purple-3:focus,.hover-bg-purple-3:hover,.hover-bg-purple-4:focus,.hover-bg-purple-4:hover,.hover-bg-purple-5:focus,.hover-bg-purple-5:hover,.hover-bg-purple-6:focus,.hover-bg-purple-6:hover,.hover-bg-purple-7:focus,.hover-bg-purple-7:hover,.hover-bg-purple-8:focus,.hover-bg-purple-8:hover,.hover-bg-purple-9:focus,.hover-bg-purple-9:hover,.hover-bg-purple-10:focus,.hover-bg-purple-10:hover,.hover-bg-red-0:focus,.hover-bg-red-0:hover,.hover-bg-red-1:focus,.hover-bg-red-1:hover,.hover-bg-red-2:focus,.hover-bg-red-2:hover,.hover-bg-red-3:focus,.hover-bg-red-3:hover,.hover-bg-red-4:focus,.hover-bg-red-4:hover,.hover-bg-red-5:focus,.hover-bg-red-5:hover,.hover-bg-red-6:focus,.hover-bg-red-6:hover,.hover-bg-red-7:focus,.hover-bg-red-7:hover,.hover-bg-red-8:focus,.hover-bg-red-8:hover,.hover-bg-red-9:focus,.hover-bg-red-9:hover,.hover-bg-red-10:focus,.hover-bg-red-10:hover,.hover-bg-teal-0:focus,.hover-bg-teal-0:hover,.hover-bg-teal-1:focus,.hover-bg-teal-1:hover,.hover-bg-teal-2:focus,.hover-bg-teal-2:hover,.hover-bg-teal-3:focus,.hover-bg-teal-3:hover,.hover-bg-teal-4:focus,.hover-bg-teal-4:hover,.hover-bg-teal-5:focus,.hover-bg-teal-5:hover,.hover-bg-teal-6:focus,.hover-bg-teal-6:hover,.hover-bg-teal-7:focus,.hover-bg-teal-7:hover,.hover-bg-teal-8:focus,.hover-bg-teal-8:hover,.hover-bg-teal-9:focus,.hover-bg-teal-9:hover,.hover-bg-teal-10:focus,.hover-bg-teal-10:hover,.hover-bg-transparent:focus,.hover-bg-transparent:hover,.hover-bg-white:focus,.hover-bg-white:hover,.hover-bg-yellow-0:focus,.hover-bg-yellow-0:hover,.hover-bg-yellow-1:focus,.hover-bg-yellow-1:hover,.hover-bg-yellow-2:focus,.hover-bg-yellow-2:hover,.hover-bg-yellow-3:focus,.hover-bg-yellow-3:hover,.hover-bg-yellow-4:focus,.hover-bg-yellow-4:hover,.hover-bg-yellow-5:focus,.hover-bg-yellow-5:hover,.hover-bg-yellow-6:focus,.hover-bg-yellow-6:hover,.hover-bg-yellow-7:focus,.hover-bg-yellow-7:hover,.hover-bg-yellow-8:focus,.hover-bg-yellow-8:hover,.hover-bg-yellow-9:focus,.hover-bg-yellow-9:hover,.hover-bg-yellow-10:focus,.hover-bg-yellow-10:hover{background-color:undefined} diff --git a/packages/tachyons-skins-pseudo/readme.md b/packages/tachyons-skins-pseudo/readme.md index e8e51f1..1c18f96 100644 --- a/packages/tachyons-skins-pseudo/readme.md +++ b/packages/tachyons-skins-pseudo/readme.md @@ -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: ``` - + ``` ##### 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 diff --git a/packages/tachyons-skins-pseudo/src/tachyons-skins-pseudo.css b/packages/tachyons-skins-pseudo/src/tachyons-skins-pseudo.css index 9a4b019..fd83831 100644 --- a/packages/tachyons-skins-pseudo/src/tachyons-skins-pseudo.css +++ b/packages/tachyons-skins-pseudo/src/tachyons-skins-pseudo.css @@ -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); } diff --git a/packages/tachyons-skins/css/tachyons-skins.css b/packages/tachyons-skins/css/tachyons-skins.css index 5b1a3ed..8bd2422 100644 --- a/packages/tachyons-skins/css/tachyons-skins.css +++ b/packages/tachyons-skins/css/tachyons-skins.css @@ -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; } diff --git a/packages/tachyons-skins/css/tachyons-skins.min.css b/packages/tachyons-skins/css/tachyons-skins.min.css index 6cec4c7..3824553 100644 --- a/packages/tachyons-skins/css/tachyons-skins.min.css +++ b/packages/tachyons-skins/css/tachyons-skins.min.css @@ -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} diff --git a/packages/tachyons-skins/readme.md b/packages/tachyons-skins/readme.md index 99509ba..a9d6379 100644 --- a/packages/tachyons-skins/readme.md +++ b/packages/tachyons-skins/readme.md @@ -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: ``` - + ``` ##### 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 diff --git a/packages/tachyons-skins/src/tachyons-skins.css b/packages/tachyons-skins/src/tachyons-skins.css index 5fb4eb6..b4f536f 100644 --- a/packages/tachyons-skins/src/tachyons-skins.css +++ b/packages/tachyons-skins/src/tachyons-skins.css @@ -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); } diff --git a/packages/tachyons-spacing/css/tachyons-spacing.css b/packages/tachyons-spacing/css/tachyons-spacing.css index 6023d2a..5218149 100644 --- a/packages/tachyons-spacing/css/tachyons-spacing.css +++ b/packages/tachyons-spacing/css/tachyons-spacing.css @@ -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; } diff --git a/packages/tachyons-spacing/css/tachyons-spacing.min.css b/packages/tachyons-spacing/css/tachyons-spacing.min.css index cdac371..448bab5 100644 --- a/packages/tachyons-spacing/css/tachyons-spacing.min.css +++ b/packages/tachyons-spacing/css/tachyons-spacing.min.css @@ -15,7 +15,6 @@ http://tachyons.io/docs/layout/spacing/ ### Modifiers -- a = all - h = horizontal - v = vertical - t = top @@ -37,5 +36,5 @@ http://tachyons.io/docs/layout/spacing/ - `-s` = small - `-m` = medium - `-l` = large -*/.pa0{padding:0}.pa1{padding:.25rem}.pa2{padding:.5rem}.pa3{padding:1rem}.pa4{padding:2rem}.pa5{padding:4rem}.pa6{padding:8rem}.pa7{padding:16rem}.pl0{padding-left:0}.pl1{padding-left:.25rem}.pl2{padding-left:.5rem}.pl3{padding-left:1rem}.pl4{padding-left:2rem}.pl5{padding-left:4rem}.pl6{padding-left:8rem}.pl7{padding-left:16rem}.pr0{padding-right:0}.pr1{padding-right:.25rem}.pr2{padding-right:.5rem}.pr3{padding-right:1rem}.pr4{padding-right:2rem}.pr5{padding-right:4rem}.pr6{padding-right:8rem}.pr7{padding-right:16rem}.pb0{padding-bottom:0}.pb1{padding-bottom:.25rem}.pb2{padding-bottom:.5rem}.pb3{padding-bottom:1rem}.pb4{padding-bottom:2rem}.pb5{padding-bottom:4rem}.pb6{padding-bottom:8rem}.pb7{padding-bottom:16rem}.pt0{padding-top:0}.pt1{padding-top:.25rem}.pt2{padding-top:.5rem}.pt3{padding-top:1rem}.pt4{padding-top:2rem}.pt5{padding-top:4rem}.pt6{padding-top:8rem}.pt7{padding-top:16rem}.pv0{padding-top:0;padding-bottom:0}.pv1{padding-top:.25rem;padding-bottom:.25rem}.pv2{padding-top:.5rem;padding-bottom:.5rem}.pv3{padding-top:1rem;padding-bottom:1rem}.pv4{padding-top:2rem;padding-bottom:2rem}.pv5{padding-top:4rem;padding-bottom:4rem}.pv6{padding-top:8rem;padding-bottom:8rem}.pv7{padding-top:16rem;padding-bottom:16rem}.ph0{padding-left:0;padding-right:0}.ph1{padding-left:.25rem;padding-right:.25rem}.ph2{padding-left:.5rem;padding-right:.5rem}.ph3{padding-left:1rem;padding-right:1rem}.ph4{padding-left:2rem;padding-right:2rem}.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}.ml0{margin-left:0}.ml1{margin-left:.25rem}.ml2{margin-left:.5rem}.ml3{margin-left:1rem}.ml4{margin-left:2rem}.ml5{margin-left:4rem}.ml6{margin-left:8rem}.ml7{margin-left:16rem}.mr0{margin-right:0}.mr1{margin-right:.25rem}.mr2{margin-right:.5rem}.mr3{margin-right:1rem}.mr4{margin-right:2rem}.mr5{margin-right:4rem}.mr6{margin-right:8rem}.mr7{margin-right:16rem}.mb0{margin-bottom:0}.mb1{margin-bottom:.25rem}.mb2{margin-bottom:.5rem}.mb3{margin-bottom:1rem}.mb4{margin-bottom:2rem}.mb5{margin-bottom:4rem}.mb6{margin-bottom:8rem}.mb7{margin-bottom:16rem}.mt0{margin-top:0}.mt1{margin-top:.25rem}.mt2{margin-top:.5rem}.mt3{margin-top:1rem}.mt4{margin-top:2rem}.mt5{margin-top:4rem}.mt6{margin-top:8rem}.mt7{margin-top:16rem}.mv0{margin-top:0;margin-bottom:0}.mv1{margin-top:.25rem;margin-bottom:.25rem}.mv2{margin-top:.5rem;margin-bottom:.5rem}.mv3{margin-top:1rem;margin-bottom:1rem}.mv4{margin-top:2rem;margin-bottom:2rem}.mv5{margin-top:4rem;margin-bottom:4rem}.mv6{margin-top:8rem;margin-bottom:8rem}.mv7{margin-top:16rem;margin-bottom:16rem}.mh0{margin-left:0;margin-right:0}.mh1{margin-left:.25rem;margin-right:.25rem}.mh2{margin-left:.5rem;margin-right:.5rem}.mh3{margin-left:1rem;margin-right:1rem}.mh4{margin-left:2rem;margin-right:2rem}.mh5{margin-left:4rem;margin-right:4rem}.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}.pl0-s{padding-left:0}.pl1-s{padding-left:.25rem}.pl2-s{padding-left:.5rem}.pl3-s{padding-left:undefined}.pl4-s{padding-left:2rem}.pl5-s{padding-left:4rem}.pl6-s{padding-left:8rem}.pl7-s{padding-left:16rem}.pr0-s{padding-right:0}.pr1-s{padding-right:.25rem}.pr2-s{padding-right:.5rem}.pr3-s{padding-right:undefined}.pr4-s{padding-right:2rem}.pr5-s{padding-right:4rem}.pr6-s{padding-right:8rem}.pr7-s{padding-right:16rem}.pb0-s{padding-bottom:0}.pb1-s{padding-bottom:.25rem}.pb2-s{padding-bottom:.5rem}.pb3-s{padding-bottom:undefined}.pb4-s{padding-bottom:2rem}.pb5-s{padding-bottom:4rem}.pb6-s{padding-bottom:8rem}.pb7-s{padding-bottom:16rem}.pt0-s{padding-top:0}.pt1-s{padding-top:.25rem}.pt2-s{padding-top:.5rem}.pt3-s{padding-top:undefined}.pt4-s{padding-top:2rem}.pt5-s{padding-top:4rem}.pt6-s{padding-top:8rem}.pt7-s{padding-top:16rem}.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}.pv4-s{padding-top:2rem;padding-bottom:2rem}.pv5-s{padding-top:4rem;padding-bottom:4rem}.pv6-s{padding-top:8rem;padding-bottom:8rem}.pv7-s{padding-top:16rem;padding-bottom:16rem}.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}.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}.ml0-s{margin-left:0}.ml1-s{margin-left:.25rem}.ml2-s{margin-left:.5rem}.ml3-s{margin-left:undefined}.ml4-s{margin-left:2rem}.ml5-s{margin-left:4rem}.ml6-s{margin-left:8rem}.ml7-s{margin-left:16rem}.mr0-s{margin-right:0}.mr1-s{margin-right:.25rem}.mr2-s{margin-right:.5rem}.mr3-s{margin-right:undefined}.mr4-s{margin-right:2rem}.mr5-s{margin-right:4rem}.mr6-s{margin-right:8rem}.mr7-s{margin-right:16rem}.mb0-s{margin-bottom:0}.mb1-s{margin-bottom:.25rem}.mb2-s{margin-bottom:.5rem}.mb3-s{margin-bottom:undefined}.mb4-s{margin-bottom:2rem}.mb5-s{margin-bottom:4rem}.mb6-s{margin-bottom:8rem}.mb7-s{margin-bottom:16rem}.mt0-s{margin-top:0}.mt1-s{margin-top:.25rem}.mt2-s{margin-top:.5rem}.mt3-s{margin-top:undefined}.mt4-s{margin-top:2rem}.mt5-s{margin-top:4rem}.mt6-s{margin-top:8rem}.mt7-s{margin-top:16rem}.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}.mv4-s{margin-top:2rem;margin-bottom:2rem}.mv5-s{margin-top:4rem;margin-bottom:4rem}.mv6-s{margin-top:8rem;margin-bottom:8rem}.mv7-s{margin-top:16rem;margin-bottom:16rem}.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}.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}.pl0-m{padding-left:0}.pl1-m{padding-left:.25rem}.pl2-m{padding-left:.5rem}.pl3-m{padding-left:1rem}.pl4-m{padding-left:2rem}.pl5-m{padding-left:4rem}.pl6-m{padding-left:8rem}.pl7-m{padding-left:16rem}.pr0-m{padding-right:0}.pr1-m{padding-right:.25rem}.pr2-m{padding-right:.5rem}.pr3-m{padding-right:1rem}.pr4-m{padding-right:2rem}.pr5-m{padding-right:4rem}.pr6-m{padding-right:8rem}.pr7-m{padding-right:16rem}.pb0-m{padding-bottom:0}.pb1-m{padding-bottom:.25rem}.pb2-m{padding-bottom:.5rem}.pb3-m{padding-bottom:1rem}.pb4-m{padding-bottom:2rem}.pb5-m{padding-bottom:4rem}.pb6-m{padding-bottom:8rem}.pb7-m{padding-bottom:16rem}.pt0-m{padding-top:0}.pt1-m{padding-top:.25rem}.pt2-m{padding-top:.5rem}.pt3-m{padding-top:1rem}.pt4-m{padding-top:2rem}.pt5-m{padding-top:4rem}.pt6-m{padding-top:8rem}.pt7-m{padding-top:16rem}.pv0-m{padding-top:0;padding-bottom:0}.pv1-m{padding-top:.25rem;padding-bottom:.25rem}.pv2-m{padding-top:.5rem;padding-bottom:.5rem}.pv3-m{padding-top:1rem;padding-bottom:1rem}.pv4-m{padding-top:2rem;padding-bottom:2rem}.pv5-m{padding-top:4rem;padding-bottom:4rem}.pv6-m{padding-top:8rem;padding-bottom:8rem}.pv7-m{padding-top:16rem;padding-bottom:16rem}.ph0-m{padding-left:0;padding-right:0}.ph1-m{padding-left:.25rem;padding-right:.25rem}.ph2-m{padding-left:.5rem;padding-right:.5rem}.ph3-m{padding-left:1rem;padding-right:1rem}.ph4-m{padding-left:2rem;padding-right:2rem}.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}.ml0-m{margin-left:0}.ml1-m{margin-left:.25rem}.ml2-m{margin-left:.5rem}.ml3-m{margin-left:1rem}.ml4-m{margin-left:2rem}.ml5-m{margin-left:4rem}.ml6-m{margin-left:8rem}.ml7-m{margin-left:16rem}.mr0-m{margin-right:0}.mr1-m{margin-right:.25rem}.mr2-m{margin-right:.5rem}.mr3-m{margin-right:1rem}.mr4-m{margin-right:2rem}.mr5-m{margin-right:4rem}.mr6-m{margin-right:8rem}.mr7-m{margin-right:16rem}.mb0-m{margin-bottom:0}.mb1-m{margin-bottom:.25rem}.mb2-m{margin-bottom:.5rem}.mb3-m{margin-bottom:1rem}.mb4-m{margin-bottom:2rem}.mb5-m{margin-bottom:4rem}.mb6-m{margin-bottom:8rem}.mb7-m{margin-bottom:16rem}.mt0-m{margin-top:0}.mt1-m{margin-top:.25rem}.mt2-m{margin-top:.5rem}.mt3-m{margin-top:1rem}.mt4-m{margin-top:2rem}.mt5-m{margin-top:4rem}.mt6-m{margin-top:8rem}.mt7-m{margin-top:16rem}.mv0-m{margin-top:0;margin-bottom:0}.mv1-m{margin-top:.25rem;margin-bottom:.25rem}.mv2-m{margin-top:.5rem;margin-bottom:.5rem}.mv3-m{margin-top:1rem;margin-bottom:1rem}.mv4-m{margin-top:2rem;margin-bottom:2rem}.mv5-m{margin-top:4rem;margin-bottom:4rem}.mv6-m{margin-top:8rem;margin-bottom:8rem}.mv7-m{margin-top:16rem;margin-bottom:16rem}.mh0-m{margin-left:0;margin-right:0}.mh1-m{margin-left:.25rem;margin-right:.25rem}.mh2-m{margin-left:.5rem;margin-right:.5rem}.mh3-m{margin-left:1rem;margin-right:1rem}.mh4-m{margin-left:2rem;margin-right:2rem}.mh5-m{margin-left:4rem;margin-right:4rem}.mh6-m{margin-left:8rem;margin-right:8rem}.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}.pl0-l{padding-left:0}.pl1-l{padding-left:.25rem}.pl2-l{padding-left:.5rem}.pl3-l{padding-left:1rem}.pl4-l{padding-left:2rem}.pl5-l{padding-left:4rem}.pl6-l{padding-left:8rem}.pl7-l{padding-left:16rem}.pr0-l{padding-right:0}.pr1-l{padding-right:.25rem}.pr2-l{padding-right:.5rem}.pr3-l{padding-right:1rem}.pr4-l{padding-right:2rem}.pr5-l{padding-right:4rem}.pr6-l{padding-right:8rem}.pr7-l{padding-right:16rem}.pb0-l{padding-bottom:0}.pb1-l{padding-bottom:.25rem}.pb2-l{padding-bottom:.5rem}.pb3-l{padding-bottom:1rem}.pb4-l{padding-bottom:2rem}.pb5-l{padding-bottom:4rem}.pb6-l{padding-bottom:8rem}.pb7-l{padding-bottom:16rem}.pt0-l{padding-top:0}.pt1-l{padding-top:.25rem}.pt2-l{padding-top:.5rem}.pt3-l{padding-top:1rem}.pt4-l{padding-top:2rem}.pt5-l{padding-top:4rem}.pt6-l{padding-top:8rem}.pt7-l{padding-top:16rem}.pv0-l{padding-top:0;padding-bottom:0}.pv1-l{padding-top:.25rem;padding-bottom:.25rem}.pv2-l{padding-top:.5rem;padding-bottom:.5rem}.pv3-l{padding-top:1rem;padding-bottom:1rem}.pv4-l{padding-top:2rem;padding-bottom:2rem}.pv5-l{padding-top:4rem;padding-bottom:4rem}.pv6-l{padding-top:8rem;padding-bottom:8rem}.pv7-l{padding-top:16rem;padding-bottom:16rem}.ph0-l{padding-left:0;padding-right:0}.ph1-l{padding-left:.25rem;padding-right:.25rem}.ph2-l{padding-left:.5rem;padding-right:.5rem}.ph3-l{padding-left:1rem;padding-right:1rem}.ph4-l{padding-left:2rem;padding-right:2rem}.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}.ml0-l{margin-left:0}.ml1-l{margin-left:.25rem}.ml2-l{margin-left:.5rem}.ml3-l{margin-left:1rem}.ml4-l{margin-left:2rem}.ml5-l{margin-left:4rem}.ml6-l{margin-left:8rem}.ml7-l{margin-left:16rem}.mr0-l{margin-right:0}.mr1-l{margin-right:.25rem}.mr2-l{margin-right:.5rem}.mr3-l{margin-right:1rem}.mr4-l{margin-right:2rem}.mr5-l{margin-right:4rem}.mr6-l{margin-right:8rem}.mr7-l{margin-right:16rem}.mb0-l{margin-bottom:0}.mb1-l{margin-bottom:.25rem}.mb2-l{margin-bottom:.5rem}.mb3-l{margin-bottom:1rem}.mb4-l{margin-bottom:2rem}.mb5-l{margin-bottom:4rem}.mb6-l{margin-bottom:8rem}.mb7-l{margin-bottom:16rem}.mt0-l{margin-top:0}.mt1-l{margin-top:.25rem}.mt2-l{margin-top:.5rem}.mt3-l{margin-top:1rem}.mt4-l{margin-top:2rem}.mt5-l{margin-top:4rem}.mt6-l{margin-top:8rem}.mt7-l{margin-top:16rem}.mv0-l{margin-top:0;margin-bottom:0}.mv1-l{margin-top:.25rem;margin-bottom:.25rem}.mv2-l{margin-top:.5rem;margin-bottom:.5rem}.mv3-l{margin-top:1rem;margin-bottom:1rem}.mv4-l{margin-top:2rem;margin-bottom:2rem}.mv5-l{margin-top:4rem;margin-bottom:4rem}.mv6-l{margin-top:8rem;margin-bottom:8rem}.mv7-l{margin-top:16rem;margin-bottom:16rem}.mh0-l{margin-left:0;margin-right:0}.mh1-l{margin-left:.25rem;margin-right:.25rem}.mh2-l{margin-left:.5rem;margin-right:.5rem}.mh3-l{margin-left:1rem;margin-right:1rem}.mh4-l{margin-left:2rem;margin-right:2rem}.mh5-l{margin-left:4rem;margin-right:4rem}.mh6-l{margin-left:8rem;margin-right:8rem}.mh7-l{margin-left:16rem;margin-right: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}.pl3{padding-left:1rem}.pl4{padding-left:2rem}.pl5{padding-left:4rem}.pl6{padding-left:8rem}.pl7{padding-left:16rem}.pr0{padding-right:0}.pr1{padding-right:.25rem}.pr2{padding-right:.5rem}.pr3{padding-right:1rem}.pr4{padding-right:2rem}.pr5{padding-right:4rem}.pr6{padding-right:8rem}.pr7{padding-right:16rem}.pb0{padding-bottom:0}.pb1{padding-bottom:.25rem}.pb2{padding-bottom:.5rem}.pb3{padding-bottom:1rem}.pb4{padding-bottom:2rem}.pb5{padding-bottom:4rem}.pb6{padding-bottom:8rem}.pb7{padding-bottom:16rem}.pt0{padding-top:0}.pt1{padding-top:.25rem}.pt2{padding-top:.5rem}.pt3{padding-top:1rem}.pt4{padding-top:2rem}.pt5{padding-top:4rem}.pt6{padding-top:8rem}.pt7{padding-top:16rem}.pv0{padding-top:0;padding-bottom:0}.pv1{padding-top:.25rem;padding-bottom:.25rem}.pv2{padding-top:.5rem;padding-bottom:.5rem}.pv3{padding-top:1rem;padding-bottom:1rem}.pv4{padding-top:2rem;padding-bottom:2rem}.pv5{padding-top:4rem;padding-bottom:4rem}.pv6{padding-top:8rem;padding-bottom:8rem}.pv7{padding-top:16rem;padding-bottom:16rem}.ph0{padding-left:0;padding-right:0}.ph1{padding-left:.25rem;padding-right:.25rem}.ph2{padding-left:.5rem;padding-right:.5rem}.ph3{padding-left:1rem;padding-right:1rem}.ph4{padding-left:2rem;padding-right:2rem}.ph5{padding-left:4rem;padding-right:4rem}.ph6{padding-left:8rem;padding-right:8rem}.ph7{padding-left:16rem;padding-right: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}.ml3{margin-left:1rem}.ml4{margin-left:2rem}.ml5{margin-left:4rem}.ml6{margin-left:8rem}.ml7{margin-left:16rem}.mr0{margin-right:0}.mr1{margin-right:.25rem}.mr2{margin-right:.5rem}.mr3{margin-right:1rem}.mr4{margin-right:2rem}.mr5{margin-right:4rem}.mr6{margin-right:8rem}.mr7{margin-right:16rem}.mb0{margin-bottom:0}.mb1{margin-bottom:.25rem}.mb2{margin-bottom:.5rem}.mb3{margin-bottom:1rem}.mb4{margin-bottom:2rem}.mb5{margin-bottom:4rem}.mb6{margin-bottom:8rem}.mb7{margin-bottom:16rem}.mt0{margin-top:0}.mt1{margin-top:.25rem}.mt2{margin-top:.5rem}.mt3{margin-top:1rem}.mt4{margin-top:2rem}.mt5{margin-top:4rem}.mt6{margin-top:8rem}.mt7{margin-top:16rem}.mv0{margin-top:0;margin-bottom:0}.mv1{margin-top:.25rem;margin-bottom:.25rem}.mv2{margin-top:.5rem;margin-bottom:.5rem}.mv3{margin-top:1rem;margin-bottom:1rem}.mv4{margin-top:2rem;margin-bottom:2rem}.mv5{margin-top:4rem;margin-bottom:4rem}.mv6{margin-top:8rem;margin-bottom:8rem}.mv7{margin-top:16rem;margin-bottom:16rem}.mh0{margin-left:0;margin-right:0}.mh1{margin-left:.25rem;margin-right:.25rem}.mh2{margin-left:.5rem;margin-right:.5rem}.mh3{margin-left:1rem;margin-right:1rem}.mh4{margin-left:2rem;margin-right:2rem}.mh5{margin-left:4rem;margin-right:4rem}.mh6{margin-left:8rem;margin-right:8rem}.mh7{margin-left:16rem;margin-right:16rem}@media screen and (min-width:30em){.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:1rem}.pl4-s{padding-left:2rem}.pl5-s{padding-left:4rem}.pl6-s{padding-left:8rem}.pl7-s{padding-left:16rem}.pr0-s{padding-right:0}.pr1-s{padding-right:.25rem}.pr2-s{padding-right:.5rem}.pr3-s{padding-right:1rem}.pr4-s{padding-right:2rem}.pr5-s{padding-right:4rem}.pr6-s{padding-right:8rem}.pr7-s{padding-right:16rem}.pb0-s{padding-bottom:0}.pb1-s{padding-bottom:.25rem}.pb2-s{padding-bottom:.5rem}.pb3-s{padding-bottom:1rem}.pb4-s{padding-bottom:2rem}.pb5-s{padding-bottom:4rem}.pb6-s{padding-bottom:8rem}.pb7-s{padding-bottom:16rem}.pt0-s{padding-top:0}.pt1-s{padding-top:.25rem}.pt2-s{padding-top:.5rem}.pt3-s{padding-top:1rem}.pt4-s{padding-top:2rem}.pt5-s{padding-top:4rem}.pt6-s{padding-top:8rem}.pt7-s{padding-top:16rem}.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: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}.pv7-s{padding-top:16rem;padding-bottom:16rem}.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: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}.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:1rem}.ml4-s{margin-left:2rem}.ml5-s{margin-left:4rem}.ml6-s{margin-left:8rem}.ml7-s{margin-left:16rem}.mr0-s{margin-right:0}.mr1-s{margin-right:.25rem}.mr2-s{margin-right:.5rem}.mr3-s{margin-right:1rem}.mr4-s{margin-right:2rem}.mr5-s{margin-right:4rem}.mr6-s{margin-right:8rem}.mr7-s{margin-right:16rem}.mb0-s{margin-bottom:0}.mb1-s{margin-bottom:.25rem}.mb2-s{margin-bottom:.5rem}.mb3-s{margin-bottom:1rem}.mb4-s{margin-bottom:2rem}.mb5-s{margin-bottom:4rem}.mb6-s{margin-bottom:8rem}.mb7-s{margin-bottom:16rem}.mt0-s{margin-top:0}.mt1-s{margin-top:.25rem}.mt2-s{margin-top:.5rem}.mt3-s{margin-top:1rem}.mt4-s{margin-top:2rem}.mt5-s{margin-top:4rem}.mt6-s{margin-top:8rem}.mt7-s{margin-top:16rem}.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: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}.mv7-s{margin-top:16rem;margin-bottom:16rem}.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: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){.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}.pl3-m{padding-left:1rem}.pl4-m{padding-left:2rem}.pl5-m{padding-left:4rem}.pl6-m{padding-left:8rem}.pl7-m{padding-left:16rem}.pr0-m{padding-right:0}.pr1-m{padding-right:.25rem}.pr2-m{padding-right:.5rem}.pr3-m{padding-right:1rem}.pr4-m{padding-right:2rem}.pr5-m{padding-right:4rem}.pr6-m{padding-right:8rem}.pr7-m{padding-right:16rem}.pb0-m{padding-bottom:0}.pb1-m{padding-bottom:.25rem}.pb2-m{padding-bottom:.5rem}.pb3-m{padding-bottom:1rem}.pb4-m{padding-bottom:2rem}.pb5-m{padding-bottom:4rem}.pb6-m{padding-bottom:8rem}.pb7-m{padding-bottom:16rem}.pt0-m{padding-top:0}.pt1-m{padding-top:.25rem}.pt2-m{padding-top:.5rem}.pt3-m{padding-top:1rem}.pt4-m{padding-top:2rem}.pt5-m{padding-top:4rem}.pt6-m{padding-top:8rem}.pt7-m{padding-top:16rem}.pv0-m{padding-top:0;padding-bottom:0}.pv1-m{padding-top:.25rem;padding-bottom:.25rem}.pv2-m{padding-top:.5rem;padding-bottom:.5rem}.pv3-m{padding-top:1rem;padding-bottom:1rem}.pv4-m{padding-top:2rem;padding-bottom:2rem}.pv5-m{padding-top:4rem;padding-bottom:4rem}.pv6-m{padding-top:8rem;padding-bottom:8rem}.pv7-m{padding-top:16rem;padding-bottom:16rem}.ph0-m{padding-left:0;padding-right:0}.ph1-m{padding-left:.25rem;padding-right:.25rem}.ph2-m{padding-left:.5rem;padding-right:.5rem}.ph3-m{padding-left:1rem;padding-right:1rem}.ph4-m{padding-left:2rem;padding-right:2rem}.ph5-m{padding-left:4rem;padding-right:4rem}.ph6-m{padding-left:8rem;padding-right:8rem}.ph7-m{padding-left:16rem;padding-right: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}.ml3-m{margin-left:1rem}.ml4-m{margin-left:2rem}.ml5-m{margin-left:4rem}.ml6-m{margin-left:8rem}.ml7-m{margin-left:16rem}.mr0-m{margin-right:0}.mr1-m{margin-right:.25rem}.mr2-m{margin-right:.5rem}.mr3-m{margin-right:1rem}.mr4-m{margin-right:2rem}.mr5-m{margin-right:4rem}.mr6-m{margin-right:8rem}.mr7-m{margin-right:16rem}.mb0-m{margin-bottom:0}.mb1-m{margin-bottom:.25rem}.mb2-m{margin-bottom:.5rem}.mb3-m{margin-bottom:1rem}.mb4-m{margin-bottom:2rem}.mb5-m{margin-bottom:4rem}.mb6-m{margin-bottom:8rem}.mb7-m{margin-bottom:16rem}.mt0-m{margin-top:0}.mt1-m{margin-top:.25rem}.mt2-m{margin-top:.5rem}.mt3-m{margin-top:1rem}.mt4-m{margin-top:2rem}.mt5-m{margin-top:4rem}.mt6-m{margin-top:8rem}.mt7-m{margin-top:16rem}.mv0-m{margin-top:0;margin-bottom:0}.mv1-m{margin-top:.25rem;margin-bottom:.25rem}.mv2-m{margin-top:.5rem;margin-bottom:.5rem}.mv3-m{margin-top:1rem;margin-bottom:1rem}.mv4-m{margin-top:2rem;margin-bottom:2rem}.mv5-m{margin-top:4rem;margin-bottom:4rem}.mv6-m{margin-top:8rem;margin-bottom:8rem}.mv7-m{margin-top:16rem;margin-bottom:16rem}.mh0-m{margin-left:0;margin-right:0}.mh1-m{margin-left:.25rem;margin-right:.25rem}.mh2-m{margin-left:.5rem;margin-right:.5rem}.mh3-m{margin-left:1rem;margin-right:1rem}.mh4-m{margin-left:2rem;margin-right:2rem}.mh5-m{margin-left:4rem;margin-right:4rem}.mh6-m{margin-left:8rem;margin-right:8rem}.mh7-m{margin-left:16rem;margin-right:16rem}}@media screen and (min-width:60em){.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}.pl3-l{padding-left:1rem}.pl4-l{padding-left:2rem}.pl5-l{padding-left:4rem}.pl6-l{padding-left:8rem}.pl7-l{padding-left:16rem}.pr0-l{padding-right:0}.pr1-l{padding-right:.25rem}.pr2-l{padding-right:.5rem}.pr3-l{padding-right:1rem}.pr4-l{padding-right:2rem}.pr5-l{padding-right:4rem}.pr6-l{padding-right:8rem}.pr7-l{padding-right:16rem}.pb0-l{padding-bottom:0}.pb1-l{padding-bottom:.25rem}.pb2-l{padding-bottom:.5rem}.pb3-l{padding-bottom:1rem}.pb4-l{padding-bottom:2rem}.pb5-l{padding-bottom:4rem}.pb6-l{padding-bottom:8rem}.pb7-l{padding-bottom:16rem}.pt0-l{padding-top:0}.pt1-l{padding-top:.25rem}.pt2-l{padding-top:.5rem}.pt3-l{padding-top:1rem}.pt4-l{padding-top:2rem}.pt5-l{padding-top:4rem}.pt6-l{padding-top:8rem}.pt7-l{padding-top:16rem}.pv0-l{padding-top:0;padding-bottom:0}.pv1-l{padding-top:.25rem;padding-bottom:.25rem}.pv2-l{padding-top:.5rem;padding-bottom:.5rem}.pv3-l{padding-top:1rem;padding-bottom:1rem}.pv4-l{padding-top:2rem;padding-bottom:2rem}.pv5-l{padding-top:4rem;padding-bottom:4rem}.pv6-l{padding-top:8rem;padding-bottom:8rem}.pv7-l{padding-top:16rem;padding-bottom:16rem}.ph0-l{padding-left:0;padding-right:0}.ph1-l{padding-left:.25rem;padding-right:.25rem}.ph2-l{padding-left:.5rem;padding-right:.5rem}.ph3-l{padding-left:1rem;padding-right:1rem}.ph4-l{padding-left:2rem;padding-right:2rem}.ph5-l{padding-left:4rem;padding-right:4rem}.ph6-l{padding-left:8rem;padding-right:8rem}.ph7-l{padding-left:16rem;padding-right: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}.ml3-l{margin-left:1rem}.ml4-l{margin-left:2rem}.ml5-l{margin-left:4rem}.ml6-l{margin-left:8rem}.ml7-l{margin-left:16rem}.mr0-l{margin-right:0}.mr1-l{margin-right:.25rem}.mr2-l{margin-right:.5rem}.mr3-l{margin-right:1rem}.mr4-l{margin-right:2rem}.mr5-l{margin-right:4rem}.mr6-l{margin-right:8rem}.mr7-l{margin-right:16rem}.mb0-l{margin-bottom:0}.mb1-l{margin-bottom:.25rem}.mb2-l{margin-bottom:.5rem}.mb3-l{margin-bottom:1rem}.mb4-l{margin-bottom:2rem}.mb5-l{margin-bottom:4rem}.mb6-l{margin-bottom:8rem}.mb7-l{margin-bottom:16rem}.mt0-l{margin-top:0}.mt1-l{margin-top:.25rem}.mt2-l{margin-top:.5rem}.mt3-l{margin-top:1rem}.mt4-l{margin-top:2rem}.mt5-l{margin-top:4rem}.mt6-l{margin-top:8rem}.mt7-l{margin-top:16rem}.mv0-l{margin-top:0;margin-bottom:0}.mv1-l{margin-top:.25rem;margin-bottom:.25rem}.mv2-l{margin-top:.5rem;margin-bottom:.5rem}.mv3-l{margin-top:1rem;margin-bottom:1rem}.mv4-l{margin-top:2rem;margin-bottom:2rem}.mv5-l{margin-top:4rem;margin-bottom:4rem}.mv6-l{margin-top:8rem;margin-bottom:8rem}.mv7-l{margin-top:16rem;margin-bottom:16rem}.mh0-l{margin-left:0;margin-right:0}.mh1-l{margin-left:.25rem;margin-right:.25rem}.mh2-l{margin-left:.5rem;margin-right:.5rem}.mh3-l{margin-left:1rem;margin-right:1rem}.mh4-l{margin-left:2rem;margin-right:2rem}.mh5-l{margin-left:4rem;margin-right:4rem}.mh6-l{margin-left:8rem;margin-right:8rem}.mh7-l{margin-left:16rem;margin-right:16rem}} diff --git a/packages/tachyons-spacing/readme.md b/packages/tachyons-spacing/readme.md index de2e8bb..952e079 100644 --- a/packages/tachyons-spacing/readme.md +++ b/packages/tachyons-spacing/readme.md @@ -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: ``` - + ``` ##### 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; } diff --git a/packages/tachyons-styles/readme.md b/packages/tachyons-styles/readme.md index f8a59f7..047dcf8 100644 --- a/packages/tachyons-styles/readme.md +++ b/packages/tachyons-styles/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-tables/readme.md b/packages/tachyons-tables/readme.md index ed8f2cb..cf0d4e4 100644 --- a/packages/tachyons-tables/readme.md +++ b/packages/tachyons-tables/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-text-align/readme.md b/packages/tachyons-text-align/readme.md index 024b790..fe3bdd1 100644 --- a/packages/tachyons-text-align/readme.md +++ b/packages/tachyons-text-align/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-text-decoration/readme.md b/packages/tachyons-text-decoration/readme.md index 8201857..a763b4a 100644 --- a/packages/tachyons-text-decoration/readme.md +++ b/packages/tachyons-text-decoration/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-text-transform/readme.md b/packages/tachyons-text-transform/readme.md index 444b561..f14da86 100644 --- a/packages/tachyons-text-transform/readme.md +++ b/packages/tachyons-text-transform/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-type-scale/css/tachyons-type-scale.css b/packages/tachyons-type-scale/css/tachyons-type-scale.css index b3a9344..0f7bc6c 100644 --- a/packages/tachyons-type-scale/css/tachyons-type-scale.css +++ b/packages/tachyons-type-scale/css/tachyons-type-scale.css @@ -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; } diff --git a/packages/tachyons-type-scale/css/tachyons-type-scale.min.css b/packages/tachyons-type-scale/css/tachyons-type-scale.min.css index 7055f07..a07aa24 100644 --- a/packages/tachyons-type-scale/css/tachyons-type-scale.min.css +++ b/packages/tachyons-type-scale/css/tachyons-type-scale.min.css @@ -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}} diff --git a/packages/tachyons-type-scale/readme.md b/packages/tachyons-type-scale/readme.md index 3fffa84..25c9f41 100644 --- a/packages/tachyons-type-scale/readme.md +++ b/packages/tachyons-type-scale/readme.md @@ -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: ``` - + ``` ##### 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; } diff --git a/packages/tachyons-type-scale/src/tachyons-type-scale.css b/packages/tachyons-type-scale/src/tachyons-type-scale.css index 83ebac5..049acc8 100644 --- a/packages/tachyons-type-scale/src/tachyons-type-scale.css +++ b/packages/tachyons-type-scale/src/tachyons-type-scale.css @@ -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 diff --git a/packages/tachyons-typography/readme.md b/packages/tachyons-typography/readme.md index 7b6f776..f21c8ed 100644 --- a/packages/tachyons-typography/readme.md +++ b/packages/tachyons-typography/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-utilities/css/tachyons-utilities.css b/packages/tachyons-utilities/css/tachyons-utilities.css index d64200e..71ff8bb 100644 --- a/packages/tachyons-utilities/css/tachyons-utilities.css +++ b/packages/tachyons-utilities/css/tachyons-utilities.css @@ -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; } } diff --git a/packages/tachyons-utilities/css/tachyons-utilities.min.css b/packages/tachyons-utilities/css/tachyons-utilities.min.css index f6a5cd1..c139551 100644 --- a/packages/tachyons-utilities/css/tachyons-utilities.min.css +++ b/packages/tachyons-utilities/css/tachyons-utilities.min.css @@ -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}} diff --git a/packages/tachyons-utilities/readme.md b/packages/tachyons-utilities/readme.md index ed4a503..4c87971 100644 --- a/packages/tachyons-utilities/readme.md +++ b/packages/tachyons-utilities/readme.md @@ -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: ``` - + ``` ##### 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; } } ``` diff --git a/packages/tachyons-vertical-align/readme.md b/packages/tachyons-vertical-align/readme.md index 3a9eaf8..5ccd814 100644 --- a/packages/tachyons-vertical-align/readme.md +++ b/packages/tachyons-vertical-align/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-visibility/readme.md b/packages/tachyons-visibility/readme.md index bf06c24..6504848 100644 --- a/packages/tachyons-visibility/readme.md +++ b/packages/tachyons-visibility/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-white-space/css/tachyons-white-space.css b/packages/tachyons-white-space/css/tachyons-white-space.css index 859b3b1..c72bf51 100644 --- a/packages/tachyons-white-space/css/tachyons-white-space.css +++ b/packages/tachyons-white-space/css/tachyons-white-space.css @@ -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; } } diff --git a/packages/tachyons-white-space/css/tachyons-white-space.min.css b/packages/tachyons-white-space/css/tachyons-white-space.min.css index 71b743f..d165e4d 100644 --- a/packages/tachyons-white-space/css/tachyons-white-space.min.css +++ b/packages/tachyons-white-space/css/tachyons-white-space.min.css @@ -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}} diff --git a/packages/tachyons-white-space/readme.md b/packages/tachyons-white-space/readme.md index 8b0ac4a..ce7d4d5 100644 --- a/packages/tachyons-white-space/readme.md +++ b/packages/tachyons-white-space/readme.md @@ -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: ``` - + ``` ##### 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; } } ``` diff --git a/packages/tachyons-widths/css/tachyons-widths.css b/packages/tachyons-widths/css/tachyons-widths.css index 0f30aca..cb9c492 100644 --- a/packages/tachyons-widths/css/tachyons-widths.css +++ b/packages/tachyons-widths/css/tachyons-widths.css @@ -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; } } diff --git a/packages/tachyons-widths/css/tachyons-widths.min.css b/packages/tachyons-widths/css/tachyons-widths.min.css index 8db71d4..af75bbf 100644 --- a/packages/tachyons-widths/css/tachyons-widths.min.css +++ b/packages/tachyons-widths/css/tachyons-widths.min.css @@ -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}} diff --git a/packages/tachyons-widths/readme.md b/packages/tachyons-widths/readme.md index 34c5976..58e6408 100644 --- a/packages/tachyons-widths/readme.md +++ b/packages/tachyons-widths/readme.md @@ -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: ``` - + ``` ##### 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; } } ``` diff --git a/packages/tachyons-word-break/readme.md b/packages/tachyons-word-break/readme.md index f6e5a4b..900ebf7 100644 --- a/packages/tachyons-word-break/readme.md +++ b/packages/tachyons-word-break/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/packages/tachyons-z-index/readme.md b/packages/tachyons-z-index/readme.md index d1784b1..3fb9df6 100644 --- a/packages/tachyons-z-index/readme.md +++ b/packages/tachyons-z-index/readme.md @@ -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: ``` - + ``` ##### Locally diff --git a/site/data/colors.json b/site/data/colors.json index 8229dab..ef7f915 100644 --- a/site/data/colors.json +++ b/site/data/colors.json @@ -27,7 +27,7 @@ "gray8": "#c3c5c8", "gray9": "#dddedf", "gray10": "#f7f7f7", - "white": "#f7f7f7", + "white": "#ffffff", "green0": "#044324", "green1": "#05532d", "green2": "#087640",