71 lines
1.8 KiB
SCSS
71 lines
1.8 KiB
SCSS
@use 'sass:map';
|
|
@import 'bootstrap/scss/functions';
|
|
|
|
// Override bootstrap colors
|
|
$primary: $color-primary;
|
|
$secondary: $color-secondary;
|
|
$tertiary: $color-tertiary;
|
|
$quad: $color-quad;
|
|
$quint: $color-quint;
|
|
$sixt: $color-sixt;
|
|
$seven: $color-seven;
|
|
$eight: $color-eight;
|
|
$nine: $color-nine;
|
|
$success: $color-success;
|
|
$info: $color-info;
|
|
$warning: $color-warning;
|
|
$danger: $color-danger;
|
|
$light: $color-light;
|
|
$white: $color-white;
|
|
$dark: $color-dark;
|
|
$theme-colors: (
|
|
primary: $primary,
|
|
secondary: $secondary,
|
|
tertiary: $tertiary,
|
|
success: $success,
|
|
info: $info,
|
|
warning: $warning,
|
|
danger: $danger,
|
|
light: $light,
|
|
"white": $white,
|
|
dark: $dark,
|
|
);
|
|
$custom-theme-colors: map.merge($theme-colors,
|
|
(
|
|
'tertiary': $tertiary,
|
|
'quad': $quad,
|
|
'quint': $quint,
|
|
'sixt': $sixt,
|
|
'seven': $seven,
|
|
'eight': $eight,
|
|
'nine': $nine,
|
|
));
|
|
$theme-colors: map.merge($theme-colors, $custom-theme-colors);
|
|
$theme-colors-rgb: map-loop($theme-colors, to-rgb, '$value');
|
|
|
|
// Override bootstrap body-bg
|
|
$body-bg: $bg-body;
|
|
|
|
// Override bootstrap vars
|
|
$font-family-base: $font-default-family-base;
|
|
$font-size-base: $font-default-size-base;
|
|
$line-height-base: $line-default-height-base;
|
|
|
|
// Add font-size variable
|
|
$heading-multiplicator: 1;
|
|
$h1-font-size: $font-size-base * $heading-multiplicator * 2.5;
|
|
$h2-font-size: $font-size-base * $heading-multiplicator * 2;
|
|
$h3-font-size: $font-size-base * $heading-multiplicator * 1.75;
|
|
$h4-font-size: $font-size-base * $heading-multiplicator * 1.5;
|
|
$h5-font-size: $font-size-base * $heading-multiplicator * 1.25;
|
|
$h6-font-size: $font-size-base * $heading-multiplicator;
|
|
|
|
// Add the new font-size in this map
|
|
$font-sizes: (
|
|
1: $h1-font-size,
|
|
2: $h2-font-size,
|
|
3: $h3-font-size,
|
|
4: $h4-font-size,
|
|
5: $h5-font-size,
|
|
6: $h6-font-size,
|
|
);
|