From a31206c26e22a7ca95df8f2f35c966761f01c075 Mon Sep 17 00:00:00 2001
From: sebousan <sebousan@gmail.com>
Date: Fri, 22 Jul 2022 12:20:16 +0200
Subject: [PATCH] table design system
---
assets/sass/_theme/_configuration.sass | 5 ++--
assets/sass/_theme/design-system/table.sass | 26 +++++++++++++++++++++
assets/sass/_theme/hugo-osuny.sass | 3 ++-
3 files changed, 31 insertions(+), 3 deletions(-)
create mode 100644 assets/sass/_theme/design-system/table.sass
diff --git a/assets/sass/_theme/_configuration.sass b/assets/sass/_theme/_configuration.sass
index 3c3e3b78..2caa15fc 100644
--- a/assets/sass/_theme/_configuration.sass
+++ b/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
diff --git a/assets/sass/_theme/design-system/table.sass b/assets/sass/_theme/design-system/table.sass
new file mode 100644
index 00000000..6d3bd4a2
--- /dev/null
+++ b/assets/sass/_theme/design-system/table.sass
@@ -0,0 +1,26 @@
+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
diff --git a/assets/sass/_theme/hugo-osuny.sass b/assets/sass/_theme/hugo-osuny.sass
index ff6cd0fb..97f4b4d6 100644
--- a/assets/sass/_theme/hugo-osuny.sass
+++ b/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"
--
GitLab