table design system

assets/sass/_theme/_configuration.sass

@@ -3,6 +3,7 @@
 // MAIN COLORS
 $main-color: black !default // Text color
 $main-background-color: white !default // Background color
+$main-border-color: lightgray !default // Border color
 
 $body-color: $main-color !default
 $body-background-color: $main-background-color !default
@@ -105,7 +106,7 @@ $icons: map-merge($icons, ("twitter": "\e90d"))
 // Breakpoints
 // TODO: réécrire en sass les mixins bootstrap
 $grid-breakpoints: (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px)
- 
+
 // BLOCKS
 
 // Block call to action
@@ -134,4 +135,4 @@ $post-time-color: lighten($main-color, 2) !default
 
 // Animations
 $arrow-ease-transition: cubic-bezier(0, 0.65, 0.4, 1.2) !default
-$arrow-ease-transition-2: cubic-bezier(0, 0.65, 0.4, 1) !default
\ No newline at end of file
+$arrow-ease-transition-2: cubic-bezier(0, 0.65, 0.4, 1) !default

assets/sass/_theme/design-system/table.sass

+table
+    border-collapse: collapse
+    caption-side: bottom
+    vertical-align: top
+    width: 100%
+
+    caption
+        padding: px2rem(10) 0
+        text-align: left
+
+    th,
+    td
+        padding: px2rem(10) 0
+
+    thead
+        th
+            text-align: left
+
+    tbody
+        th,
+        td
+            border-bottom: 1px solid $main-border-color
+        tr:first-child
+            th,
+            td
+                border-top: 1px solid $main-border-color

assets/sass/_theme/hugo-osuny.sass

@@ -19,6 +19,7 @@
 @import "design-system/header"
 @import "design-system/hero"
 @import "design-system/nav"
+@import "design-system/table"
 @import "design-system/typography"
 
 // Blocks
@@ -56,4 +57,4 @@
 @import "sections/researchers"
 @import "sections/sitemap"
 @import "sections/teachers"
-@import "sections/volumes"
\ No newline at end of file
+@import "sections/volumes"