0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-10 23:36:14 -05:00
ghost/core/client/app/styles/patterns/tables.scss

78 lines
1.4 KiB
SCSS
Raw Normal View History

// ------------------------------------------------------------
// Tables
//
// Default Styles for HTML tables
//
// * Base Table
// * Default Table
// ------------------------------------------------------------
2014-07-30 08:19:50 +03:00
//
// Base Table
// --------------------------------------------------
// Minimal styling
2014-07-30 08:19:50 +03:00
table,
2015-05-13 11:34:03 +01:00
.table {
2015-05-13 10:23:29 +01:00
margin: 1.6em 0;;
2014-07-30 08:19:50 +03:00
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 08:19:50 +03:00
.table {
th,
td {
2015-05-12 21:48:05 +01:00
border-top: 1px solid #e1e1e1;
2014-07-30 08:19:50 +03:00
}
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 {
2015-05-12 21:48:05 +01:00
border-top: 2px solid #e1e1e1;
2014-07-30 08:19:50 +03:00
}
table table {
background-color: #fff;
}
tbody > tr:nth-child(odd) > td,
tbody > tr:nth-child(odd) > th {
2015-05-12 21:48:05 +01:00
background-color: lighten(#e1e1e1, 10%);
2014-07-30 08:19:50 +03:00
}
&.plain {
tbody > tr:nth-child(odd) > td,
tbody > tr:nth-child(odd) > th {
background: transparent;
}
}
2015-05-13 11:34:03 +01:00
}//.table