Evolution de l’interface graphique et du parcours utilisateur

css/_variables.scss

@@ -0,0 +1,53 @@
+
+$font-family-sans-serif: Poppins, sans-serif;
+$font-size-base: 0.9rem;
+$primary: rgb(44, 44, 82);
+$gray-200: #eaeaea;
+$secondary: $gray-200;
+$warning: #f5ae54;
+$danger: #ff9085;
+$success: #2ed2c5;
+$info: #934ae4;
+$gray-100: #f5f5f5;
+$gray-300: #DFDFDF;
+$gray-400: #D1D1D1;
+$gray-500: #BDBDBD;
+$gray-600: rgb(146, 146, 146);
+$gray-700: rgb(78, 78, 78);
+$gray-900: rgb(34, 36, 36);
+$body-color: $gray-700;
+$paragraph-margin-bottom: 0.5rem;
+$border-radius: 0.6rem;
+$border-radius-sm: 0.5rem;
+$border-radius-lg: 0.6rem;
+$caret-vertical-align: $caret-width * .8;
+$input-btn-padding-y: 0.5rem;
+$input-btn-focus-width: 0rem;
+$badge-font-weight: $font-weight-normal;
+$badge-padding-y: 0.4em;
+$badge-padding-x: 0.7em;
+$close-font-weight: $font-weight-light;
+$code-font-size: 88.5%;
+$close-font-size: $font-size-base * 2;
+$close-color: $gray-700;
+$list-group-item-padding-y: 0.9rem;
+$badge-pill-padding-x: 0.8em;
+$badge-pill-border-radius: 5rem;
+$modal-content-border-color: rgba($black, .1);
+$navbar-nav-link-padding-x: 0.5rem;
+$navbar-padding-y: $spacer / 1;
+$component-active-bg: theme-color("info");
+$link-color: theme-color("info");
+$input-focus-border-color: $gray-100;
+$input-focus-bg: $gray-100;
+$modal-inner-padding: 1.7rem;
+$modal-header-padding-y: 1.7rem;
+$modal-header-padding-x: 1.7rem;
+$custom-control-indicator-size: 1.2rem;
+$custom-control-spacer-x: 1.2rem;
+$btn-border-radius: 0.8rem;
+$custom-control-gutter: 0.5rem;
+$modal-footer-margin-between: 0.5rem;
+$input-btn-padding-y-sm: 0.5rem;
+$input-btn-padding-x: 1rem;
+$input-btn-padding-x-lg: 0.8rem;