112 lines
3.4 KiB
SCSS
112 lines
3.4 KiB
SCSS
@use "sass:color";
|
|
@use "sass:math";
|
|
|
|
// * Layout
|
|
$header-height: 6.25rem;
|
|
|
|
// * COLORS
|
|
$color-white: #fff;
|
|
$color-light: #e1dfe2;
|
|
$color-dark: #1b1d1c;
|
|
$color-success: #1b9957;
|
|
$color-danger: #ee130e;
|
|
$color-info: #3d99b8;
|
|
$color-warning: #e0c81d;
|
|
$color-primary: #103251;
|
|
$color-secondary: #397784;
|
|
$color-tertiary: #23628a;
|
|
$color-quad: #d36738;
|
|
$color-quint: #4c764b;
|
|
$color-sixt: #b94c73;
|
|
$color-seven: #C3DFE9;
|
|
$color-eight: #EDF9FD;
|
|
$color-nine: #FFF2EA;
|
|
|
|
// * BACKGROUNDS COLORS
|
|
$bg-body: $color-white;
|
|
$bg-lightened: $color-light;
|
|
$bg-darkened: $color-dark;
|
|
$bg-action: $color-primary;
|
|
|
|
// * FONTS COLORS
|
|
$color-default-titles: $color-primary;
|
|
$color-default-texts: $color-primary;
|
|
|
|
// * FONTS
|
|
$font-default-family-base: "Barlow", sans-serif; // - The default site font family.
|
|
$font-default-size-base: 1rem; // Assumes the browser default, typically `16px`
|
|
$line-default-height-base: 1;
|
|
|
|
// * Buttons
|
|
$input-btn-padding-y-crea: .94rem;
|
|
$input-btn-padding-x-crea: 1.56rem;
|
|
$input-btn-padding-y: $input-btn-padding-y-crea * 0.80;
|
|
$input-btn-padding-x: $input-btn-padding-x-crea * 0.80;
|
|
$input-btn-padding-y-sm: math.div($input-btn-padding-y, 2.5);
|
|
$input-btn-padding-x-sm: math.div($input-btn-padding-x, 2.5);
|
|
$input-btn-padding-y-lg: $input-btn-padding-x * 1.2;
|
|
$input-btn-padding-x-lg: $input-btn-padding-x * 1.2;
|
|
|
|
// * Cookie Notice
|
|
$ck-primary-color: $color-primary;
|
|
$ck-secondary-color: color.adjust($color-tertiary, $lightness: -10%);
|
|
$ck-background-color: $color-light;
|
|
$ck-list-background-color: #e4e4e4;
|
|
$ck-borders-color: #808080;
|
|
$ck-shadow-color: 0 0.1rem 1rem rgb(0 0 0 / 35%);
|
|
$ck-title-font: "Barlow", sans-serif;
|
|
$ck-title-line-height: inherit;
|
|
$ck-title-size: 25px;
|
|
$ck-text-font: "Barlow", sans-serif;
|
|
$ck-text-size: 14px;
|
|
$ck-btn-background-color: #fff;
|
|
$ck-accept-color: #3a3;
|
|
$ck-deny-color: #a33;
|
|
|
|
// CN Wrapper z-index
|
|
$cn-cookie-button-z-index: 1050;
|
|
|
|
// Cookie Button dimension
|
|
$cn-cookie-button-width: 2.4rem;
|
|
$cn-cookie-button-height: 2.4rem;
|
|
$cn-cookie-button-padding: 0.3rem;
|
|
|
|
// Cookie Button dimension (above mobile)
|
|
$cn-cookie-button-width-h: 3rem;
|
|
$cn-cookie-button-height-h: 3rem;
|
|
$cn-cookie-button-padding-h: 0.5rem;
|
|
|
|
// Cookie Button position
|
|
$cn-cookie-button-position-left: 0.5rem; /* Distance par rapport à la gauche de la fenêtre */
|
|
$cn-cookie-button-position-right: auto; /* Distance par rapport à la droite de la fenêtre */
|
|
$cn-cookie-button-position-bottom: 0.5rem; /* Distance par rapport au bas de la fenêtre */
|
|
$cn-cookie-animation-left: 0; /* Position gauche de base des cookies */
|
|
$cn-cookie-animation-right: auto; /* Position droite de base des cookies */
|
|
|
|
// Cookie Button position hide btn vars
|
|
$cn-cookie-button-position-right-h: auto;
|
|
$cn-cookie-button-position-bottom-h: #{$cn-cookie-button-position-bottom - 2rem};
|
|
$cn-cookie-button-position-left-h: #{$cn-cookie-button-position-left - 2rem};
|
|
$cn-cookie-button-transition-show: all 1s 6s;
|
|
$cn-cookie-button-transition-hide: all 1s;
|
|
|
|
// Buttons
|
|
$cn-button-bg-color: $ck-primary-color;
|
|
$cn-button-font-family: $ck-text-font;
|
|
$cn-button-font-size: 1rem;
|
|
$cn-button-line-height: 1;
|
|
|
|
|
|
// Bootswatch
|
|
$web-font-path: null;
|
|
$enable-gradients: false;
|
|
$primary: $color-primary !default;
|
|
$secondary: $color-secondary !default;
|
|
$success: $color-success !default;
|
|
$info: $color-info !default;
|
|
$warning: $color-warning !default;
|
|
$danger: $color-danger !default;
|
|
$light: $color-light !default;
|
|
$dark: $color-dark !default;
|
|
|
|
@import "./../vendor/bootswatch/variables";
|