mirror of
https://github.com/TryGhost/Ghost.git
synced 2025-02-10 23:36:14 -05:00
Tables
This commit is contained in:
parent
04265ed7ca
commit
61563e74a1
2 changed files with 69 additions and 0 deletions
68
core/client/assets/sass/patterns/tables.scss
Normal file
68
core/client/assets/sass/patterns/tables.scss
Normal file
|
@ -0,0 +1,68 @@
|
|||
//
|
||||
// Base Table
|
||||
// --------------------------------------------------
|
||||
|
||||
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
|
||||
// --------------------------------------------------
|
||||
|
||||
.table {
|
||||
|
||||
@extend %table;
|
||||
|
||||
th,
|
||||
td {
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
|
@ -25,6 +25,7 @@
|
|||
@import "patterns/_shame"; // TODO: Remove
|
||||
@import "patterns/forms";
|
||||
@import "patterns/buttons";
|
||||
@import "patterns/tables";
|
||||
|
||||
|
||||
//
|
||||
|
|
Loading…
Add table
Reference in a new issue