X-Git-Url: https://git.njae.me.uk/?a=blobdiff_plain;f=assets%2Fmain%2Fsass%2Fcomponents%2F_table.scss;fp=assets%2Fmain%2Fsass%2Fcomponents%2F_table.scss;h=9b76d49879d5c15e61c7e219ac32026ff7ead4ac;hb=283508bd265ef3430abc21e0599313c250e57942;hp=9a30143f42503c0f10a99d736d4fbacae4d3ee55;hpb=8af2079e4b096e77ba2f922d6a18224ce01cb7bd;p=editorial.git

diff --git a/assets/main/sass/components/_table.scss b/assets/main/sass/components/_table.scss
index 9a30143..9b76d49 100644
--- a/assets/main/sass/components/_table.scss
+++ b/assets/main/sass/components/_table.scss
@@ -1,5 +1,5 @@
 ///
-/// Massively by HTML5 UP
+/// Editorial by HTML5 UP
 /// html5up.net | @ajlkn
 /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
 ///
@@ -17,37 +17,34 @@
 
 		tbody {
 			tr {
-				border: solid 1px;
+				border: solid 1px _palette(border);
 				border-left: 0;
 				border-right: 0;
+
+				&:nth-child(2n + 1) {
+					background-color: _palette(border-bg);
+				}
 			}
 		}
 
 		td {
-			padding: 0.75rem 0.75rem;
+			padding: 0.75em 0.75em;
 		}
 
 		th {
-			font-family: _font(family-heading);
-			font-size: 0.8rem;
-			font-weight: _font(weight-heading);
-			letter-spacing: 0.075em;
-			line-height: 1.5;
-			padding: 0 0.75rem 0.75rem 0.75rem;
+			color: _palette(fg-bold);
+			font-size: 0.9em;
+			font-weight: _font(weight-bold);
+			padding: 0 0.75em 0.75em 0.75em;
 			text-align: left;
-			text-transform: uppercase;
-
-			@include breakpoint('<=medium') {
-				font-size: 0.9rem;
-			}
 		}
 
 		thead {
-			border-bottom: solid 2px;
+			border-bottom: solid 2px _palette(border);
 		}
 
 		tfoot {
-			border-top: solid 2px;
+			border-top: solid 2px _palette(border);
 		}
 
 		&.alt {
@@ -56,7 +53,7 @@
 			tbody {
 				tr {
 					td {
-						border: solid 1px;
+						border: solid 1px _palette(border);
 						border-left-width: 0;
 						border-top-width: 0;
 
@@ -81,42 +78,4 @@
 				border-top: 0;
 			}
 		}
-	}
-
-	@mixin color-table($p: null) {
-		table {
-			tbody {
-				tr {
-					border-color: _palette($p, border);
-
-					&:nth-child(2n + 1) {
-						background-color: _palette($p, border-bg);
-					}
-				}
-			}
-
-			th {
-				color: _palette($p, fg-bold);
-			}
-
-			thead {
-				border-bottom-color: _palette($p, border);
-			}
-
-			tfoot {
-				border-top-color: _palette($p, border);
-			}
-
-			&.alt {
-				tbody {
-					tr {
-						td {
-							border-color: _palette($p, border);
-						}
-					}
-				}
-			}
-		}
-	}
-
-	@include color-table;
\ No newline at end of file
+	}
\ No newline at end of file