Add table style

systemxlabs · Nov 17, 2024 · 684694b · 684694b
1 parent 190a480
commit 684694b
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 1 deletion.
diff --git a/sass/_vars.scss b/sass/_vars.scss
@@ -1,8 +1,10 @@
 // General
 $max-width: 800px;
+$border-radius: 10px;
 
 // Colors
 $color-black: #000;
 $color-white: #ececec;
 $color-grey-800: #232326;
-$color-grey-900: #1e1e22;
+$color-grey-900: #1e1e22;
+$subtitle-color: #999;
diff --git a/sass/elements/_table.scss b/sass/elements/_table.scss
@@ -0,0 +1,18 @@
+table {
+    border-spacing: 0;
+    border: 2px solid $subtitle-color;
+    border-radius: $border-radius;
+}
+
+thead {
+    background-color: $color-white;
+}
+
+tr td {
+    padding: 0.5rem;
+    border-top: 2px solid $subtitle-color;
+}
+
+tr td:last-child {
+    border-left: 2px solid $subtitle-color;
+}
diff --git a/sass/site.scss b/sass/site.scss
@@ -2,6 +2,10 @@
 
 @import 'vars';
 
+// Elements
+// - HTML element tweaks: html, body, a, ul, li…
+@import "elements/table";
+
 @import 'components/base';
 @import 'components/header';
 @import 'components/footer';