setup base variables

src/assets/scss/abstracts/_variables.scss

@@ -1,36 +1,116 @@
-// Texte de départ (id: 9)
-$color-starting: white;
-// Texte critique (id: 22)
-$color-critical: #ffba7d;
-// Constellation en écho (id: 63)
-$color-echo: #e191ff;
-// Réflexion théorique (id: 6)
-$color-thinking: #ffeb91;
-// Lecture rapprochée (id: 7)
-$color-reading: #a5a5ff;
-// Expérience sensible (id: 8)
-$color-experience: #cdae87;
-// Kit de désapprentissage (id: 23)
-$color-kit: #ff8873;
+$gray-900: #1b1b1b;
+$black: #000;
 
-$families: (
-  9: $color-starting,
-  22: $color-critical,
-  63: $color-echo,
-  6: $color-thinking,
-  7: $color-reading,
-  8: $color-experience,
-  23: $color-kit
+// Texte de départ (id: 9) WHITE
+$white: #fff;
+// Texte critique (id: 22) ORANGE
+$orange: #ffba7d;
+// Constellation en écho (id: 63) PURPLE
+$purple: #db7dff;
+// Réflexion théorique (id: 6) YELLOW
+$yellow: #ffe87d;
+// Lecture rapprochée (id: 7) BLUE
+$blue: #9191ff;
+// Expérience sensible (id: 8) BROWN
+$brown: #cdae87;
+// Kit de désapprentissage (id: 23) RED
+$red: #ff775f;
+// Créations numériques (id: ???) GREEN
+$green: #98ff98;
+
+
+$colors: (
+  'black': $black,
+  'white': $white,
+  'orange': $orange,
+  'purple': $purple,
+  'yellow': $yellow,
+  'blue': $blue,
+  'brown': $brown,
+  'red': $red,
+  'green': $green,
 );
 
-@function setColorFromId($id) {
-  @return map-get($families, $id);
-}
+$dark: $gray-900;
+$light: $white;
 
-$text-card-header-height: 4rem;
+$theme-colors: (
+  'depart': $white,
+  'critique': $orange,
+  'echo': $purple,
+  'reflexion': $yellow,
+  'lecture': $blue,
+  'sensible': $brown,
+  'kit': $red,
+  'creation': $green
+);
 
 
+$yiq-contrasted-threshold: 120;
+
+
+// Body
+$body-color: $black;
+
+
+// Links
+$link-color: $black;
+$link-decoration: underline;
+
+
+// Borders
+$border-width: 2px;
+$border-color: $black;
+$border-radius: 0;
+$border-radius-lg: 0;
+$border-radius-sm: 0;
+
+
+// Font
 $font-family-sans-serif: 'Noto Sans';
+$font-family-text: 'Redaction'; // custom
+
+$font-size-base: 1rem;
+$font-size-sm: $font-size-base * .78125;
+
+$line-height-base: 1.55;
+$line-height-lg: $line-height-base;
+$line-height-sm: $line-height-base;
+
+// Headings
+$headings-font-weight: 700;
+$headings-line-height: $line-height-base;
+// Buttons
+$input-btn-padding-y: 0;
+$input-btn-padding-x: .5rem;
+$input-btn-font-family: null;
+$input-btn-line-height: 1.25;
+
+$input-btn-focus-width: 0;
+
+$input-btn-padding-y-sm: 0;
+$input-btn-padding-x-sm: .5rem;
+$input-btn-font-size-sm: $font-size-sm;
+$input-btn-line-height-sm: 1;
+
+$input-btn-border-width: 2px;
+
+
+// Dropdowns
+$dropdown-border-color: $border-color;
+
+// Cards
+$card-spacer-y: .75rem;
+$card-spacer-x: .75rem;
+$card-border-width: 0;
+// $card-border-color: $black;
+
+
+
+$text-card-header-height: 4rem; // custom
+
+
+
 
 
 @import '~bootstrap/scss/variables';