diff --git a/core/client/assets/sass/patterns/tables.scss b/core/client/assets/sass/patterns/tables.scss new file mode 100644 index 0000000000..4bb78c0695 --- /dev/null +++ b/core/client/assets/sass/patterns/tables.scss @@ -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; + } + } +} \ No newline at end of file diff --git a/core/client/assets/sass/screen.scss b/core/client/assets/sass/screen.scss index d475e41b7a..33eabfeac9 100644 --- a/core/client/assets/sass/screen.scss +++ b/core/client/assets/sass/screen.scss @@ -25,6 +25,7 @@ @import "patterns/_shame"; // TODO: Remove @import "patterns/forms"; @import "patterns/buttons"; +@import "patterns/tables"; //