///\r
-/// Massively by HTML5 UP\r
+/// Editorial by HTML5 UP\r
/// html5up.net | @ajlkn\r
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\r
///\r
\r
tbody {\r
tr {\r
- border: solid 1px;\r
+ border: solid 1px _palette(border);\r
border-left: 0;\r
border-right: 0;\r
+\r
+ &:nth-child(2n + 1) {\r
+ background-color: _palette(border-bg);\r
+ }\r
}\r
}\r
\r
td {\r
- padding: 0.75rem 0.75rem;\r
+ padding: 0.75em 0.75em;\r
}\r
\r
th {\r
- font-family: _font(family-heading);\r
- font-size: 0.8rem;\r
- font-weight: _font(weight-heading);\r
- letter-spacing: 0.075em;\r
- line-height: 1.5;\r
- padding: 0 0.75rem 0.75rem 0.75rem;\r
+ color: _palette(fg-bold);\r
+ font-size: 0.9em;\r
+ font-weight: _font(weight-bold);\r
+ padding: 0 0.75em 0.75em 0.75em;\r
text-align: left;\r
- text-transform: uppercase;\r
-\r
- @include breakpoint('<=medium') {\r
- font-size: 0.9rem;\r
- }\r
}\r
\r
thead {\r
- border-bottom: solid 2px;\r
+ border-bottom: solid 2px _palette(border);\r
}\r
\r
tfoot {\r
- border-top: solid 2px;\r
+ border-top: solid 2px _palette(border);\r
}\r
\r
&.alt {\r
tbody {\r
tr {\r
td {\r
- border: solid 1px;\r
+ border: solid 1px _palette(border);\r
border-left-width: 0;\r
border-top-width: 0;\r
\r
border-top: 0;\r
}\r
}\r
- }\r
-\r
- @mixin color-table($p: null) {\r
- table {\r
- tbody {\r
- tr {\r
- border-color: _palette($p, border);\r
-\r
- &:nth-child(2n + 1) {\r
- background-color: _palette($p, border-bg);\r
- }\r
- }\r
- }\r
-\r
- th {\r
- color: _palette($p, fg-bold);\r
- }\r
-\r
- thead {\r
- border-bottom-color: _palette($p, border);\r
- }\r
-\r
- tfoot {\r
- border-top-color: _palette($p, border);\r
- }\r
-\r
- &.alt {\r
- tbody {\r
- tr {\r
- td {\r
- border-color: _palette($p, border);\r
- }\r
- }\r
- }\r
- }\r
- }\r
- }\r
-\r
- @include color-table;
\ No newline at end of file
+ }
\ No newline at end of file