68 lines
1.8 KiB
SCSS
68 lines
1.8 KiB
SCSS
@use "sass:map";
|
|
@import 'bootstrap/scss/functions';
|
|
|
|
// Override bootstrap colors
|
|
$primary: $color-primary;
|
|
$secondary: $color-secondary;
|
|
$success: $color-success;
|
|
$info: $color-info;
|
|
$warning: $color-warning;
|
|
$danger: $color-danger;
|
|
$light: $color-light;
|
|
$white: $color-white;
|
|
$dark: $color-dark;
|
|
$tertiary: $color-tertiary;
|
|
$quad: $color-quad;
|
|
$quint: $color-quint;
|
|
$yellow: $color-yellow;
|
|
$theme-colors: (
|
|
primary: $primary,
|
|
secondary: $secondary,
|
|
tertiary: $tertiary,
|
|
quad: $quad,
|
|
quint: $quint,
|
|
success: $success,
|
|
info: $info,
|
|
warning: $warning,
|
|
danger: $danger,
|
|
light: $light,
|
|
"white": $white,
|
|
dark: $dark,
|
|
yellow: $yellow,
|
|
);
|
|
$custom-theme-colors: map.merge($theme-colors,
|
|
(
|
|
'tertiary': $tertiary,
|
|
'quad': $quad,
|
|
'quint': $quint,
|
|
));
|
|
$theme-colors: map.merge($theme-colors, $custom-theme-colors);
|
|
$theme-colors-rgb: map-loop($theme-colors, to-rgb, '$value');
|
|
|
|
// 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;
|
|
$big-font-size: $font-size-base * $heading-multiplicator * 6;
|
|
$mid-font-size: $font-size-base * $heading-multiplicator * 5;
|
|
$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: (
|
|
big: $big-font-size,
|
|
mid: $mid-font-size,
|
|
1: $h1-font-size,
|
|
2: $h2-font-size,
|
|
3: $h3-font-size,
|
|
4: $h4-font-size,
|
|
5: $h5-font-size,
|
|
6: $h6-font-size,
|
|
);
|