dbroqua/KNACSS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

sass/table.css --> sass/tables.css

Browse source
This commit is contained in:
raphaelgoetter 2013-04-05 16:14:37 +02:00
parent 8493b4dfd7
commit 27650c3fa9
1 changed files with 0 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

89
sass/tables.scss Normal file
View file

@ -0,0 +1,89 @@
/* ----------------------------- */
/* ==tables */
/* ----------------------------- */
$border: 1px solid #ccc;
table,
.table {
max-width : 100%;
table-layout: fixed;
border-collapse: collapse;
vertical-align: top;
}
table {
width: 100%;
}
.table {
display: table;
}
caption {
padding: 10px;
color: #555;
font-style: italic;
}
table {
border: $border;
}
tr > * + * {
border-left: $border;
}
th,
td {
padding: .3em .8em;
text-align: left;
border-bottom: $border;
}
td {
color: #333;
}
/**
* Alternate tables
*/
.alternate {
border: 0;
tbody { border: $border; }
thead tr > * + * { border-left: 0; }
tbody tr > * + * { border-left: $border; }
}
/**
* Alternate-vert tables
*/
.alternate-vert {
border: 0;
border-right: $border;
tr > :first-child {
border-bottom: 0;
}
tr > * + * {
border-top: $border;
}
}
/**
* Striped tables
*/
.striped tbody tr:nth-child(odd) {
background: #eee;
background: rgba(0, 0, 0, .05);
}
/**
* Striped-vert tables
*/
.striped-vert tr > :first-child {
background: #eee;
background: rgba(0, 0, 0, .05);
}