151 lines
2.7 KiB
SCSS
151 lines
2.7 KiB
SCSS
$gray-900: #1b1b1b;
|
|
$black: #000;
|
|
|
|
// 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,
|
|
);
|
|
|
|
$dark: $gray-900;
|
|
$light: $white;
|
|
|
|
$theme-colors: (
|
|
'depart': $white,
|
|
'critique': $orange,
|
|
'echo': $purple,
|
|
'reflexion': $yellow,
|
|
'lecture': $blue,
|
|
'sensible': $brown,
|
|
'kit': $red,
|
|
'creation': $green
|
|
);
|
|
|
|
|
|
$yiq-contrasted-threshold: 120;
|
|
|
|
|
|
$grid-breakpoints: (
|
|
xs: 0,
|
|
sm: 576px,
|
|
md: 1024px,
|
|
lg: 1200px,
|
|
xl: 1440px,
|
|
);
|
|
|
|
$layout-bp: md;
|
|
|
|
// Body
|
|
$body-bg: #fffcfb;
|
|
$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 * .9;
|
|
|
|
$line-height-base: 1.5;
|
|
$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;
|
|
|
|
|
|
// SPINNER
|
|
$spinner-width: 50px;
|
|
|
|
|
|
// ╭─╴╷ ╷╭─╴╶┬╴╭─╮╭╮╮
|
|
// │ │ │╰─╮ │ │ ││││
|
|
// ╰─╴╰─╯╶─╯ ╵ ╰─╯╵╵╵
|
|
|
|
// HEADER
|
|
$header-spacer-sm: 18px;
|
|
$header-spacer: 35px;
|
|
$header-height: 86px;
|
|
|
|
// NODEVIEW
|
|
$node-view-spacer-sm-x: 18px;
|
|
$node-view-spacer-sm-y: 18px;
|
|
$node-view-spacer-x: 30px;
|
|
$node-view-spacer-y: 25px;
|
|
|
|
$node-card-spacer-sm-x: 8px;
|
|
$node-card-spacer-sm-y: 8px;
|
|
$node-card-spacer-x: 15px;
|
|
$node-card-spacer-y: 10px;
|
|
$node-card-width: 560px;
|
|
$node-card-height: 330px;
|
|
|
|
// MISC
|
|
$btn-size: 26px;
|
|
$line: $border-width solid $black;
|
|
|
|
@import '~bootstrap/scss/variables';
|
|
@import '~bootstrap-vue/src/variables';
|