2014-12-10 11:36:38 +00:00
|
|
|
|
// Use this file to overwrite the basic Bootstrap variables and add your own variables
|
2018-09-11 07:27:27 +00:00
|
|
|
|
// To overwrite a Bootstrap variable you don´t have to touch the Bootstrap folder.
|
2017-11-24 07:03:13 +00:00
|
|
|
|
// Just copy a variable from src/sass/bootstrap4/_variables.scss, paste it here and edit the value.
|
2017-11-10 13:08:14 +00:00
|
|
|
|
|
|
|
|
|
|
|
2020-05-08 11:59:13 +00:00
|
|
|
|
$primary: #3311cc; // Thats a sample how you could change a BootStrap variable.
|
|
|
|
|
|
|
|
|
|
|
|
// stylelint-disable value-keyword-case
|
|
|
|
|
|
$font-family-sans-serif: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
|
|
|
|
$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
|
|
|
|
$font-family-base: $font-family-sans-serif;
|
|
|
|
|
|
// stylelint-enable value-keyword-case
|
|
|
|
|
|
|
|
|
|
|
|
$font-size-base: 1rem; // Assumes the browser default, typically `16px`
|
|
|
|
|
|
$font-size-lg: $font-size-base * 1.25;
|
|
|
|
|
|
$font-size-sm: $font-size-base * .875;
|
|
|
|
|
|
|
|
|
|
|
|
$font-weight-lighter: lighter;
|
|
|
|
|
|
$font-weight-light: 300;
|
|
|
|
|
|
$font-weight-normal: 400;
|
|
|
|
|
|
$font-weight-bold: 600;
|
|
|
|
|
|
$font-weight-bolder: bolder;
|
|
|
|
|
|
|
|
|
|
|
|
$font-weight-base: $font-weight-normal;
|
|
|
|
|
|
$line-height-base: 1.5;
|
|
|
|
|
|
|
|
|
|
|
|
$h1-font-size: $font-size-base * 2.5;
|
|
|
|
|
|
$h2-font-size: $font-size-base * 2;
|
|
|
|
|
|
$h3-font-size: $font-size-base * 1.75;
|
|
|
|
|
|
$h4-font-size: $font-size-base * 1.5;
|
|
|
|
|
|
$h5-font-size: $font-size-base * 1.25;
|
|
|
|
|
|
$h6-font-size: $font-size-base;
|
|
|
|
|
|
|
|
|
|
|
|
$headings-font-family: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
|
|
|
|
$headings-font-weight: 400;
|
|
|
|
|
|
$headings-line-height: 1.2;
|
|
|
|
|
|
$headings-color: null;
|
|
|
|
|
|
|
|
|
|
|
|
$display1-size: 6rem;
|
|
|
|
|
|
$display2-size: 5.5rem;
|
|
|
|
|
|
$display3-size: 4.5rem;
|
|
|
|
|
|
$display4-size: 3.5rem;
|
|
|
|
|
|
|
|
|
|
|
|
$display1-weight: 300;
|
|
|
|
|
|
$display2-weight: 300;
|
|
|
|
|
|
$display3-weight: 300;
|
|
|
|
|
|
$display4-weight: 300;
|
|
|
|
|
|
$display-line-height: $headings-line-height;
|
|
|
|
|
|
|
|
|
|
|
|
$lead-font-size: $font-size-base * 1.25;
|
|
|
|
|
|
$lead-font-weight: 300;
|
|
|
|
|
|
|
|
|
|
|
|
$small-font-size: 80%;
|
|
|
|
|
|
|
|
|
|
|
|
$blockquote-small-font-size: $small-font-size;
|
|
|
|
|
|
$blockquote-font-size: $font-size-base * 1.25;
|
|
|
|
|
|
|
|
|
|
|
|
$mark-padding: .2em;
|
|
|
|
|
|
|
|
|
|
|
|
$dt-font-weight: $font-weight-bold;
|
|
|
|
|
|
|
|
|
|
|
|
$nested-kbd-font-weight: $font-weight-bold;
|
|
|
|
|
|
|
|
|
|
|
|
$list-inline-padding: .5rem;
|
|
|
|
|
|
|
|
|
|
|
|
$mark-bg: #fcf8e3;
|
