Add table module

This commit is contained in:
John Otander 2016-05-10 17:23:16 -06:00
parent 9a911eafea
commit 6e1eda8abe
5 changed files with 46 additions and 1 deletions

View File

@ -1021,6 +1021,16 @@ code, .code { font-family: Consolas, monaco, monospace; }
.mh5 { margin-left: 4rem; margin-right: 4rem; }
.mh6 { margin-left: 8rem; margin-right: 8rem; }
.mh7 { margin-left: 16rem; margin-right: 16rem; }
/*
TABLES
*/
.collapse { border-collapse: collapse; border-spacing: 0; }
.striped--moon-gray:nth-child(odd) { background-color: #aaa; }
.striped--moon-gray:nth-child(odd) { background-color: #ccc; }
.striped--light-gray:nth-child(odd) { background-color: #eee; }
.striped--near-white:nth-child(odd) { background-color: #f4f4f4; }
/*
TEXT DECORATION

File diff suppressed because one or more lines are too long

View File

@ -87,6 +87,7 @@
"tachyons-position": "^5.0.1",
"tachyons-skins": "^3.1.4",
"tachyons-spacing": "^5.0.9",
"tachyons-tables": "^1.0.0",
"tachyons-text-align": "^2.0.4",
"tachyons-text-decoration": "^3.1.1",
"tachyons-text-transform": "^3.0.5",

33
src/_tables.css Normal file
View File

@ -0,0 +1,33 @@
/*
TABLES
*/
:root {
--light-silver: #aaa;
--moon-gray: #ccc;
--light-gray: #eee;
--near-white: #f4f4f4;
}
.collapse {
border-collapse: collapse;
border-spacing: 0;
}
.striped--moon-gray:nth-child(odd) {
background-color: var(--light-silver);
}
.striped--moon-gray:nth-child(odd) {
background-color: var(--moon-gray);
}
.striped--light-gray:nth-child(odd) {
background-color: var(--light-gray);
}
.striped--near-white:nth-child(odd) {
background-color: var(--near-white);
}

View File

@ -41,6 +41,7 @@
@import './_opacity';
@import './_skins';
@import './_spacing';
@import './_tables';
@import './_text-decoration';
@import './_text-align';
@import './_text-transform';