Socket
Socket
Sign inDemoInstall

tachyons-debug

Package Overview
Dependencies
Maintainers
3
Versions
20
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

tachyons-debug - npm Package Compare versions

Comparing version 1.1.10 to 1.1.11

6

package.json
{
"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": {

@@ -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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc