tachyons-debug
Advanced tools
Comparing version 1.1.10 to 1.1.11
{ | ||
"name": "tachyons-debug", | ||
"version": "1.1.10", | ||
"version": "1.1.11", | ||
"style": "src/tachyons-debug.css", | ||
@@ -23,4 +23,4 @@ "main": "src/tachyons-debug.css", | ||
"devDependencies": { | ||
"tachyons-cli": "^1.0.10", | ||
"watch": "^1.0.1" | ||
"tachyons-cli": "^1.3.2", | ||
"watch": "^1.0.2" | ||
}, | ||
@@ -27,0 +27,0 @@ "scripts": { |
210
readme.md
@@ -1,8 +0,8 @@ | ||
# tachyons-debug 1.1.6 | ||
# tachyons-debug 1.1.11 | ||
Performance based css module. | ||
#### Stats | ||
### Stats | ||
964 | 99 | 99 | ||
915 | 99 | 99 | ||
---|---|--- | ||
@@ -37,3 +37,3 @@ bytes | selectors | declarations | ||
#### Using with [PostCSS](https://github.com/postcss/postcss) | ||
#### Using with [Postcss](https://github.com/postcss/postcss) | ||
@@ -46,3 +46,3 @@ Import the css module | ||
Then process the CSS using the [`tachyons-cli`](https://github.com/tachyons-css/tachyons-cli) | ||
Then process the css using the [`tachyons-cli`](https://github.com/tachyons-css/tachyons-cli) | ||
@@ -54,3 +54,3 @@ ```sh | ||
#### Using the CSS | ||
#### Using the css | ||
@@ -61,7 +61,7 @@ ##### CDN | ||
``` | ||
<link rel="stylesheet" href="http://npmcdn.com/tachyons-debug@1.1.6/css/tachyons-debug.min.css" /> | ||
<link rel="stylesheet" href="http://unpkg.com/tachyons-debug@1.1.11/css/tachyons-debug.min.css" /> | ||
``` | ||
##### Locally | ||
The built CSS is located in the `css` directory. It contains an unminified and minified version. | ||
The built css is located in the `css` directory. It contains an unminified and minified version. | ||
You can either cut and paste that css or link to it directly in your html. | ||
@@ -75,107 +75,107 @@ | ||
The source CSS files can be found in the `src` directory. | ||
Running `$ npm start` will process the source CSS and place the built CSS in the `css` directory. | ||
The source css files can be found in the `src` directory. | ||
Running `$ npm start` will process the source css and place the built css in the `css` directory. | ||
## The CSS | ||
## The css | ||
```css | ||
body { outline: 1px solid #2980B9 !important; } | ||
article { outline: 1px solid #3498DB !important; } | ||
nav { outline: 1px solid #0088C3 !important; } | ||
aside { outline: 1px solid #33A0CE !important; } | ||
section { outline: 1px solid #66B8DA !important; } | ||
header { outline: 1px solid #99CFE7 !important; } | ||
footer { outline: 1px solid #CCE7F3 !important; } | ||
h1 { outline: 1px solid #162544 !important; } | ||
h2 { outline: 1px solid #314E6E !important; } | ||
h3 { outline: 1px solid #3E5E85 !important; } | ||
h4 { outline: 1px solid #449BAF !important; } | ||
h5 { outline: 1px solid #C7D1CB !important; } | ||
h6 { outline: 1px solid #4371D0 !important; } | ||
main { outline: 1px solid #2F4F90 !important; } | ||
address { outline: 1px solid #1A2C51 !important; } | ||
div { outline: 1px solid #036CDB !important; } | ||
p { outline: 1px solid #AC050B !important; } | ||
hr { outline: 1px solid #FF063F !important; } | ||
pre { outline: 1px solid #850440 !important; } | ||
blockquote { outline: 1px solid #F1B8E7 !important; } | ||
ol { outline: 1px solid #FF050C !important; } | ||
ul { outline: 1px solid #D90416 !important; } | ||
li { outline: 1px solid #D90416 !important; } | ||
dl { outline: 1px solid #FD3427 !important; } | ||
dt { outline: 1px solid #FF0043 !important; } | ||
dd { outline: 1px solid #E80174 !important; } | ||
figure { outline: 1px solid #FF00BB !important; } | ||
figcaption { outline: 1px solid #BF0032 !important; } | ||
table { outline: 1px solid #00CC99 !important; } | ||
caption { outline: 1px solid #37FFC4 !important; } | ||
thead { outline: 1px solid #98DACA !important; } | ||
tbody { outline: 1px solid #64A7A0 !important; } | ||
tfoot { outline: 1px solid #22746B !important; } | ||
tr { outline: 1px solid #86C0B2 !important; } | ||
th { outline: 1px solid #A1E7D6 !important; } | ||
td { outline: 1px solid #3F5A54 !important; } | ||
col { outline: 1px solid #6C9A8F !important; } | ||
colgroup { outline: 1px solid #6C9A9D !important; } | ||
button { outline: 1px solid #DA8301 !important; } | ||
datalist { outline: 1px solid #C06000 !important; } | ||
fieldset { outline: 1px solid #D95100 !important; } | ||
form { outline: 1px solid #D23600 !important; } | ||
input { outline: 1px solid #FCA600 !important; } | ||
keygen { outline: 1px solid #B31E00 !important; } | ||
label { outline: 1px solid #EE8900 !important; } | ||
legend { outline: 1px solid #DE6D00 !important; } | ||
meter { outline: 1px solid #E8630C !important; } | ||
optgroup { outline: 1px solid #B33600 !important; } | ||
option { outline: 1px solid #FF8A00 !important; } | ||
output { outline: 1px solid #FF9619 !important; } | ||
progress { outline: 1px solid #E57C00 !important; } | ||
select { outline: 1px solid #E26E0F !important; } | ||
textarea { outline: 1px solid #CC5400 !important; } | ||
details { outline: 1px solid #33848F !important; } | ||
summary { outline: 1px solid #60A1A6 !important; } | ||
command { outline: 1px solid #438DA1 !important; } | ||
menu { outline: 1px solid #449DA6 !important; } | ||
del { outline: 1px solid #BF0000 !important; } | ||
ins { outline: 1px solid #400000 !important; } | ||
img { outline: 1px solid #22746B !important; } | ||
iframe { outline: 1px solid #64A7A0 !important; } | ||
embed { outline: 1px solid #98DACA !important; } | ||
object { outline: 1px solid #00CC99 !important; } | ||
param { outline: 1px solid #37FFC4 !important; } | ||
video { outline: 1px solid #6EE866 !important; } | ||
body { outline: 1px solid #2980b9 !important; } | ||
article { outline: 1px solid #3498db !important; } | ||
nav { outline: 1px solid #0088c3 !important; } | ||
aside { outline: 1px solid #33a0ce !important; } | ||
section { outline: 1px solid #66b8da !important; } | ||
header { outline: 1px solid #99cfe7 !important; } | ||
footer { outline: 1px solid #cce7f3 !important; } | ||
h1 { outline: 1px solid #162544 !important; } | ||
h2 { outline: 1px solid #314e6e !important; } | ||
h3 { outline: 1px solid #3e5e85 !important; } | ||
h4 { outline: 1px solid #449baf !important; } | ||
h5 { outline: 1px solid #c7d1cb !important; } | ||
h6 { outline: 1px solid #4371d0 !important; } | ||
main { outline: 1px solid #2f4f90 !important; } | ||
address { outline: 1px solid #1a2c51 !important; } | ||
div { outline: 1px solid #036cdb !important; } | ||
p { outline: 1px solid #ac050b !important; } | ||
hr { outline: 1px solid #ff063f !important; } | ||
pre { outline: 1px solid #850440 !important; } | ||
blockquote { outline: 1px solid #f1b8e7 !important; } | ||
ol { outline: 1px solid #ff050c !important; } | ||
ul { outline: 1px solid #d90416 !important; } | ||
li { outline: 1px solid #d90416 !important; } | ||
dl { outline: 1px solid #fd3427 !important; } | ||
dt { outline: 1px solid #ff0043 !important; } | ||
dd { outline: 1px solid #e80174 !important; } | ||
figure { outline: 1px solid #f0b !important; } | ||
figcaption { outline: 1px solid #bf0032 !important; } | ||
table { outline: 1px solid #0c9 !important; } | ||
caption { outline: 1px solid #37ffc4 !important; } | ||
thead { outline: 1px solid #98daca !important; } | ||
tbody { outline: 1px solid #64a7a0 !important; } | ||
tfoot { outline: 1px solid #22746b !important; } | ||
tr { outline: 1px solid #86c0b2 !important; } | ||
th { outline: 1px solid #a1e7d6 !important; } | ||
td { outline: 1px solid #3f5a54 !important; } | ||
col { outline: 1px solid #6c9a8f !important; } | ||
colgroup { outline: 1px solid #6c9a9d !important; } | ||
button { outline: 1px solid #da8301 !important; } | ||
datalist { outline: 1px solid #c06000 !important; } | ||
fieldset { outline: 1px solid #d95100 !important; } | ||
form { outline: 1px solid #d23600 !important; } | ||
input { outline: 1px solid #fca600 !important; } | ||
keygen { outline: 1px solid #b31e00 !important; } | ||
label { outline: 1px solid #ee8900 !important; } | ||
legend { outline: 1px solid #de6d00 !important; } | ||
meter { outline: 1px solid #e8630c !important; } | ||
optgroup { outline: 1px solid #b33600 !important; } | ||
option { outline: 1px solid #ff8a00 !important; } | ||
output { outline: 1px solid #ff9619 !important; } | ||
progress { outline: 1px solid #e57c00 !important; } | ||
select { outline: 1px solid #e26e0f !important; } | ||
textarea { outline: 1px solid #cc5400 !important; } | ||
details { outline: 1px solid #33848f !important; } | ||
summary { outline: 1px solid #60a1a6 !important; } | ||
command { outline: 1px solid #438da1 !important; } | ||
menu { outline: 1px solid #449da6 !important; } | ||
del { outline: 1px solid #bf0000 !important; } | ||
ins { outline: 1px solid #400000 !important; } | ||
img { outline: 1px solid #22746b !important; } | ||
iframe { outline: 1px solid #64a7a0 !important; } | ||
embed { outline: 1px solid #98daca !important; } | ||
object { outline: 1px solid #0c9 !important; } | ||
param { outline: 1px solid #37ffc4 !important; } | ||
video { outline: 1px solid #6ee866 !important; } | ||
audio { outline: 1px solid #027353 !important; } | ||
source { outline: 1px solid #012426 !important; } | ||
canvas { outline: 1px solid #A2F570 !important; } | ||
track { outline: 1px solid #59A600 !important; } | ||
map { outline: 1px solid #7BE500 !important; } | ||
canvas { outline: 1px solid #a2f570 !important; } | ||
track { outline: 1px solid #59a600 !important; } | ||
map { outline: 1px solid #7be500 !important; } | ||
area { outline: 1px solid #305900 !important; } | ||
a { outline: 1px solid #FF62AB !important; } | ||
em { outline: 1px solid #800B41 !important; } | ||
strong { outline: 1px solid #FF1583 !important; } | ||
a { outline: 1px solid #ff62ab !important; } | ||
em { outline: 1px solid #800b41 !important; } | ||
strong { outline: 1px solid #ff1583 !important; } | ||
i { outline: 1px solid #803156 !important; } | ||
b { outline: 1px solid #CC1169 !important; } | ||
u { outline: 1px solid #FF0430 !important; } | ||
s { outline: 1px solid #F805E3 !important; } | ||
small { outline: 1px solid #D107B2 !important; } | ||
abbr { outline: 1px solid #4A0263 !important; } | ||
b { outline: 1px solid #cc1169 !important; } | ||
u { outline: 1px solid #ff0430 !important; } | ||
s { outline: 1px solid #f805e3 !important; } | ||
small { outline: 1px solid #d107b2 !important; } | ||
abbr { outline: 1px solid #4a0263 !important; } | ||
q { outline: 1px solid #240018 !important; } | ||
cite { outline: 1px solid #64003C !important; } | ||
dfn { outline: 1px solid #B4005A !important; } | ||
sub { outline: 1px solid #DBA0C8 !important; } | ||
sup { outline: 1px solid #CC0256 !important; } | ||
time { outline: 1px solid #D6606D !important; } | ||
code { outline: 1px solid #E04251 !important; } | ||
kbd { outline: 1px solid #5E001F !important; } | ||
samp { outline: 1px solid #9C0033 !important; } | ||
var { outline: 1px solid #D90047 !important; } | ||
mark { outline: 1px solid #FF0053 !important; } | ||
bdi { outline: 1px solid #BF3668 !important; } | ||
bdo { outline: 1px solid #6F1400 !important; } | ||
ruby { outline: 1px solid #FF7B93 !important; } | ||
rt { outline: 1px solid #FF2F54 !important; } | ||
rp { outline: 1px solid #803E49 !important; } | ||
span { outline: 1px solid #CC2643 !important; } | ||
br { outline: 1px solid #DB687D !important; } | ||
wbr { outline: 1px solid #DB175B !important; } | ||
cite { outline: 1px solid #64003c !important; } | ||
dfn { outline: 1px solid #b4005a !important; } | ||
sub { outline: 1px solid #dba0c8 !important; } | ||
sup { outline: 1px solid #cc0256 !important; } | ||
time { outline: 1px solid #d6606d !important; } | ||
code { outline: 1px solid #e04251 !important; } | ||
kbd { outline: 1px solid #5e001f !important; } | ||
samp { outline: 1px solid #9c0033 !important; } | ||
var { outline: 1px solid #d90047 !important; } | ||
mark { outline: 1px solid #ff0053 !important; } | ||
bdi { outline: 1px solid #bf3668 !important; } | ||
bdo { outline: 1px solid #6f1400 !important; } | ||
ruby { outline: 1px solid #ff7b93 !important; } | ||
rt { outline: 1px solid #ff2f54 !important; } | ||
rp { outline: 1px solid #803e49 !important; } | ||
span { outline: 1px solid #cc2643 !important; } | ||
br { outline: 1px solid #db687d !important; } | ||
wbr { outline: 1px solid #db175b !important; } | ||
``` | ||
@@ -182,0 +182,0 @@ |
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
22709