mirror of
https://github.com/adulau/sillon-fictionnel.git
synced 2024-11-07 12:06:37 +00:00
75 lines
2.2 KiB
SCSS
75 lines
2.2 KiB
SCSS
|
// Custom.scss
|
||
|
|
// Option B: Include parts of Bootstrap
|
||
|
|
|
||
|
|
// 1. Include functions first (so you can manipulate colors, SVGs, calc, etc)
|
||
|
|
@import "../bootstrap/scss/functions";
|
||
|
|
|
||
|
|
// 2. Include any default variable overrides here
|
||
|
|
$red: #dc3545 !default;
|
||
|
|
|
||
|
|
$red-100: tint-color($red, 80%) !default;
|
||
|
|
$red-200: tint-color($red, 60%) !default;
|
||
|
|
$red-300: tint-color($red, 40%) !default;
|
||
|
|
$red-400: tint-color($red, 20%) !default;
|
||
|
|
$red-500: $red !default;
|
||
|
|
$red-600: shade-color($red, 20%) !default;
|
||
|
|
$red-700: shade-color($red, 40%) !default;
|
||
|
|
$red-800: shade-color($red, 60%) !default;
|
||
|
|
$red-900: shade-color($red, 80%) !default;
|
||
|
|
|
||
|
|
$primary: $red;
|
||
|
|
|
||
|
|
$primary-text-dark: $red-300 !default;
|
||
|
|
$primary-bg-subtle-dark: $red-900 !default;
|
||
|
|
$primary-border-subtle-dark: $red-700 !default;
|
||
|
|
|
||
|
|
$link-color-dark: $red !default;
|
||
|
|
$link-hover-color-dark: $red-600 !default;
|
||
|
|
|
||
|
|
$container-max-widths: (
|
||
|
|
sm: 540px,
|
||
|
|
md: 720px,
|
||
|
|
lg: 960px,
|
||
|
|
xl: 962px,
|
||
|
|
xxl: 964px
|
||
|
|
) !default;
|
||
|
|
|
||
|
|
|
||
|
|
// 3. Include remainder of required Bootstrap stylesheets (including any separate color mode stylesheets)
|
||
|
|
@import "../bootstrap/scss/variables";
|
||
|
|
@import "../bootstrap/scss/variables-dark";
|
||
|
|
|
||
|
|
// 4. Include any default map overrides here
|
||
|
|
|
||
|
|
// 5. Include remainder of required parts
|
||
|
|
@import "../bootstrap/scss/maps";
|
||
|
|
@import "../bootstrap/scss/mixins";
|
||
|
|
@import "../bootstrap/scss/root";
|
||
|
|
|
||
|
|
// 6. Optionally include any other parts as needed
|
||
|
|
@import "../bootstrap/scss/utilities";
|
||
|
|
@import "../bootstrap/scss/reboot";
|
||
|
|
@import "../bootstrap/scss/type";
|
||
|
|
@import "../bootstrap/scss/images";
|
||
|
|
@import "../bootstrap/scss/containers";
|
||
|
|
@import "../bootstrap/scss/grid";
|
||
|
|
@import "../bootstrap/scss/helpers";
|
||
|
|
|
||
|
|
@import "../bootstrap/scss/card";
|
||
|
|
@import "../bootstrap/scss/tables";
|
||
|
|
@import "../bootstrap/scss/transitions";
|
||
|
|
@import "../bootstrap/scss/nav";
|
||
|
|
@import "../bootstrap/scss/navbar";
|
||
|
|
@import "../bootstrap/scss/pagination";
|
||
|
|
@import "../bootstrap/scss/badge";
|
||
|
|
@import "../bootstrap/scss/alert";
|
||
|
|
|
||
|
|
// 7. Optionally include utilities API last to generate classes based on the Sass map in `_utilities.scss`
|
||
|
|
@import "../bootstrap/scss/utilities/api";
|
||
|
|
|
||
|
|
// 8. Add additional custom code here
|
||
|
|
.container-wide {
|
||
|
|
@include make-container();
|
||
|
|
max-width: 1320px;
|
||
|
|
}
|