Ghost/ghost/admin/assets/sass/patterns/tables.scss

79 lines
1.5 KiB
SCSS
Raw Normal View History

// ------------------------------------------------------------
// Tables
//
// Default Styles for HTML tables
//
// * Base Table
// * Default Table
// ------------------------------------------------------------
2014-07-30 09:19:50 +04:00
//
// Base Table
// --------------------------------------------------
// Minimal styling
2014-07-30 09:19:50 +04:00
table,
%table {
@include baseline;
width: 100%;
max-width: 100%;
background-color: transparent;
th,
td {
padding: 8px;
line-height: 20px;
text-align: left;
vertical-align: middle;
}
}
//
// Default Table
// --------------------------------------------------
// Properly styled with colour, spacing, and borders
2014-07-30 09:19:50 +04:00
.table {
@extend %table;
2014-07-30 09:19:50 +04:00
th,
td {
2014-07-30 09:19:50 +04:00
border-top: 1px solid $lightbrown;
}
th {
color: $brown;
}
caption + thead tr:first-child th,
caption + thead tr:first-child td,
colgroup + thead tr:first-child th,
colgroup + thead tr:first-child td,
thead:first-child tr:first-child th,
thead:first-child tr:first-child td {
border-top: 0;
}
tbody + tbody {
border-top: 2px solid $lightbrown;
}
table table {
background-color: #fff;
}
tbody > tr:nth-child(odd) > td,
tbody > tr:nth-child(odd) > th {
background-color: lighten($lightbrown, 5%);
}
&.plain {
tbody > tr:nth-child(odd) > td,
tbody > tr:nth-child(odd) > th {
background: transparent;
}
}
}//.table