Initial port

[editorial.git] / assets / main / sass / components / _table.scss

diff --git a/assets/main/sass/components/_table.scss b/assets/main/sass/components/_table.scss
index 9a30143f42503c0f10a99d736d4fbacae4d3ee55..9b76d49879d5c15e61c7e219ac32026ff7ead4ac 100644 (file)
--- a/assets/main/sass/components/_table.scss
+++ b/assets/main/sass/components/_table.scss
@@ -1,5 +1,5 @@
 ///\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
@@ -17,37 +17,34 @@
 \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
@@ -56,7 +53,7 @@
                        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
@@ -81,42 +78,4 @@
                                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