diff options
Diffstat (limited to 'theme_zap/static/src/scss/bootstrap_overridden.scss')
| -rw-r--r-- | theme_zap/static/src/scss/bootstrap_overridden.scss | 143 |
1 files changed, 143 insertions, 0 deletions
diff --git a/theme_zap/static/src/scss/bootstrap_overridden.scss b/theme_zap/static/src/scss/bootstrap_overridden.scss new file mode 100644 index 0000000..b432f58 --- /dev/null +++ b/theme_zap/static/src/scss/bootstrap_overridden.scss @@ -0,0 +1,143 @@ +//------------------------------------------------------------------------------// +// TODO ideally this should be done in primary variables if it was possible. +//------------------------------------------------------------------------------// + +// Headings +@if o-website-value('headings-font-number') == 1 { + // Roboto + $o-theme-headings-font-weight: 500; +} +@else if o-website-value('headings-font-number') == 4 { + // Lato + $o-theme-headings-font-weight: 300; +} +@else if o-website-value('headings-font-number') == 5 { + // Advent Pro + $o-theme-h1-font-size-multiplier: 4; + $o-theme-h2-font-size-multiplier: 3.5; + $o-theme-headings-font-weight: 600; +} +@else if o-website-value('headings-font-number') == 6 { + // Oswald + $o-theme-h1-font-size-multiplier: 4; + $o-theme-h2-font-size-multiplier: 3.5; +} + +// Body +@if o-website-value('font-number') == 1 { + // Roboto + $o-theme-font-weight-bold: 500; +} +@else if o-website-value('font-number') == 4 { + // Lato + $o-theme-font-weight-light: 300; + $o-theme-font-weight-bold: 600; +} +@else if o-website-value('font-number') == 5 { + // Advent Pro + $o-theme-font-weight-bold: 600; +} +@else if o-website-value('font-number') == 6 { + // Oswald + $o-theme-font-weight-light: 200; + $o-theme-font-weight-normal: 300; + $o-theme-font-weight-bold: 400; +} +@else if o-website-value('font-number') == 8 { + // Open Sans + $o-theme-font-weight-bold: 600; +} +@else if o-website-value('font-number') == 10 { + // Montserrat Alternates + $o-theme-font-weight-bold: 600; +} + +// Buttons +@if o-website-value('buttons-font-number') == 1 { + // Roboto + $o-theme-btn-font-weight: 500; +} +@else if o-website-value('buttons-font-number') == 5 { + // Advent Pro + $o-theme-btn-font-weight: 600; +} +@else if o-website-value('buttons-font-number') == 6 { + // Oswald + $o-theme-btn-font-weight: 200; +} +@else if o-website-value('buttons-font-number') == 8 { + // Open Sans + $o-theme-btn-font-weight: 600; +} +@else if o-website-value('buttons-font-number') == 10 { + // Montserrat Alternates + $o-theme-btn-font-weight: 600; +} + +//------------------------------------------------------------------------------// +// Bootstrap +//------------------------------------------------------------------------------// + +// The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255. +$yiq-contrasted-threshold: 200 !default; + +// Options +// +// Quickly modify global styling by enabling or disabling optional features. + +$enable-shadows: true; + +// Spacing +// +// Control the default styling of most Bootstrap elements by modifying these +// variables. Mostly focused on spacing. +// You can add more entries to the $spacers map, should you need more variation. + +$spacer: 1.25rem !default; + +// Components +// +// Define common padding and border radius sizes and more. + +$border-radius: .125rem !default; +$border-radius-lg: .25rem !default; +$border-radius-sm: 0 !default; + +// Badges + +$badge-border-radius: 10rem !default; +$badge-padding-y: .5em !default; +$badge-padding-x: 1rem !default; + +// Typography +// +// Font, line-height, and color for body text, headings, and more. + +$font-size-lg: o-website-value('font-size-base') * $o-theme-font-size-lg-multiplier !default; +$font-size-sm: o-website-value('font-size-base') * $o-theme-font-size-sm-multiplier !default; + +$font-weight-light: $o-theme-font-weight-light !default; +$font-weight-normal: $o-theme-font-weight-normal !default; +$font-weight-bold: $o-theme-font-weight-bold !default; + +$headings-font-weight: $o-theme-headings-font-weight !default; + +// Buttons + Forms +// +// Shared variables that are reassigned to `$input-` and `$btn-` specific variables. + +$input-btn-focus-width: 0 !default; +$input-focus-border-color: o-color('primary') !default; + +$btn-font-weight: $o-theme-btn-font-weight !default; +$btn-box-shadow: none !default; + +$input-color: o-color('o-cc1-text') !default; +$input-placeholder-color: o-color('500') !default; + +// Cards + +$card-spacer-y: 1rem !default; +$card-spacer-x: 1.75rem !default; +$card-border-width: 0 !default; +$card-border-radius: $border-radius-lg !default; |