70 lines
1.7 KiB
SCSS
70 lines
1.7 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;
|
|
$sext: $color-sext;
|
|
$sept: $color-sept;
|
|
$success: $color-success;
|
|
$info: $color-info;
|
|
$warning: $color-warning;
|
|
$danger: $color-danger;
|
|
$light: $color-light;
|
|
$dark: $color-dark;
|
|
$theme-colors: (
|
|
primary: $primary,
|
|
secondary: $secondary,
|
|
tertiary: $tertiary,
|
|
quad: $quad,
|
|
quint: $quint,
|
|
sext: $sext,
|
|
sept: $sept,
|
|
success: $success,
|
|
info: $info,
|
|
warning: $warning,
|
|
danger: $danger,
|
|
light: $light,
|
|
dark: $dark,
|
|
);
|
|
$custom-theme-colors: map.merge($theme-colors,
|
|
(
|
|
'tertiary': $tertiary,
|
|
'quad': $quad,
|
|
'quint': $quint,
|
|
'sext': $sext,
|
|
'sept': $sept,
|
|
));
|
|
$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 multiplicator
|
|
$heading-multiplicator: 1.25;
|
|
$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;
|
|
|
|
// Enable negative margin
|
|
$enable-negative-margins: true;
|
|
|
|
// Customize bs breakpoints
|
|
$grid-breakpoints: (
|
|
xs: 0,
|
|
mn: 450px,
|
|
sm: 576px,
|
|
md: 768px,
|
|
lg: 992px,
|
|
xl: 1200px,
|
|
xxl: 1400px
|
|
);
|