diff options
| author | stephanchrst <stephanchrst@gmail.com> | 2022-05-10 21:51:50 +0700 |
|---|---|---|
| committer | stephanchrst <stephanchrst@gmail.com> | 2022-05-10 21:51:50 +0700 |
| commit | 3751379f1e9a4c215fb6eb898b4ccc67659b9ace (patch) | |
| tree | a44932296ef4a9b71d5f010906253d8c53727726 /addons/website/static/src/scss/bootstrap_overridden.scss | |
| parent | 0a15094050bfde69a06d6eff798e9a8ddf2b8c21 (diff) | |
initial commit 2
Diffstat (limited to 'addons/website/static/src/scss/bootstrap_overridden.scss')
| -rw-r--r-- | addons/website/static/src/scss/bootstrap_overridden.scss | 132 |
1 files changed, 132 insertions, 0 deletions
diff --git a/addons/website/static/src/scss/bootstrap_overridden.scss b/addons/website/static/src/scss/bootstrap_overridden.scss new file mode 100644 index 00000000..e43f0684 --- /dev/null +++ b/addons/website/static/src/scss/bootstrap_overridden.scss @@ -0,0 +1,132 @@ +// +// Color system +// + +// Use auto threshold for yiq colors +// Note: also need to be defined here so that color-yiq below works +$yiq-contrasted-threshold: false !default; + +// Customize the light and dark text colors for use in our YIQ color contrast function. +$yiq-text-dark: o-color('900') !default; +$yiq-text-light: o-color('white') !default; + +// 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: 1rem !default; // Need to predefine as used below + +// Body +// +// Settings for the `<body>` element. + +$body-bg: if(o-website-value('layout') != 'full', o-color('body'), o-color('o-cc1-bg')) !default; +$body-color: o-color('o-cc1-text') or color-yiq(o-color('o-cc1-bg')) !default; + +// Links +// +// Style anchor elements. + +$-link-color: o-color('o-cc1-link'); +$-link-color: if($-link-color, $-link-color, o-color('primary')); +$link-color: auto-contrast($-link-color, o-color('o-cc1-bg'), 'o-cc1-link') !default; +$link-hover-color: auto-contrast(darken($link-color, 15%), o-color('o-cc1-bg'), 'o-cc1-link') !default; +$link-decoration: if(o-website-value('link-underline') == 'always', underline, none) !default; +$link-hover-decoration: if(o-website-value('link-underline') != 'never', underline, none) !default; + +// Components +// +// Define common padding and border radius sizes and more. + +// Note: for the 'active' color, color preset edition is not really flexible but +// this could come in a future update. +$component-active-bg: o-color('o-cc1-btn-primary') !default; +$component-active-color: if($component-active-bg, color-yiq($component-active-bg), null) !default; + +// Fonts +// +// Font, line-height, and color for body text, headings, and more. + +$font-family-sans-serif: $o-theme-font !default; + +$font-size-base: o-website-value('font-size-base') !default; + +$h1-font-size: $font-size-base * $o-theme-h1-font-size-multiplier !default; +$h2-font-size: $font-size-base * $o-theme-h2-font-size-multiplier !default; +$h3-font-size: $font-size-base * $o-theme-h3-font-size-multiplier !default; +$h4-font-size: $font-size-base * $o-theme-h4-font-size-multiplier !default; +$h5-font-size: $font-size-base * $o-theme-h5-font-size-multiplier !default; +$h6-font-size: $font-size-base * $o-theme-h6-font-size-multiplier !default; + +$headings-font-family: $o-theme-headings-font !default; +$headings-color: o-color('o-cc1-headings') !default; + +$text-muted: mute-color($body-color) !default; + +// Buttons +// +// For each of Bootstrap's buttons, define text, background, and border color. + +$btn-padding-y: o-website-value('btn-padding-y') !default; +$btn-padding-x: o-website-value('btn-padding-x') !default; +$btn-font-size: o-website-value('btn-font-size') !default; + +$btn-padding-y-sm: o-website-value('btn-padding-y-sm') !default; +$btn-padding-x-sm: o-website-value('btn-padding-x-sm') !default; +$btn-font-size-sm: o-website-value('btn-font-size-sm') !default; + +$btn-padding-y-lg: o-website-value('btn-padding-y-lg') !default; +$btn-padding-x-lg: o-website-value('btn-padding-x-lg') !default; +$btn-font-size-lg: o-website-value('btn-font-size-lg') !default; + +$btn-border-width: o-website-value('btn-border-width') !default; + +$btn-border-radius: o-website-value('btn-border-radius') !default; +$btn-border-radius-lg: o-website-value('btn-border-radius-lg') !default; +$btn-border-radius-sm: o-website-value('btn-border-radius-sm') !default; + +// Forms + +$input-padding-y: o-website-value('input-padding-y') !default; +$input-padding-x: o-website-value('input-padding-x') !default; +$input-font-size: o-website-value('input-font-size') !default; + +$input-padding-y-sm: o-website-value('input-padding-y-sm') !default; +$input-padding-x-sm: o-website-value('input-padding-x-sm') !default; +$input-font-size-sm: o-website-value('input-font-size-sm') !default; + +$input-padding-y-lg: o-website-value('input-padding-y-lg') !default; +$input-padding-x-lg: o-website-value('input-padding-x-lg') !default; +$input-font-size-lg: o-website-value('input-font-size-lg') !default; + +$input-border-width: o-website-value('input-border-width') !default; + +$input-border-radius: o-website-value('input-border-radius') !default; +$input-border-radius-lg: o-website-value('input-border-radius-lg') !default; +$input-border-radius-sm: o-website-value('input-border-radius-sm') !default; + +// Navbar + +// Increase default navbar padding for some navbar styles +$navbar-padding-y: if(index(('fill', 'pills', 'outline'), o-website-value('header-links-style')), ($spacer / 2) * 1.25, null) !default; +$navbar-nav-link-padding-x: if(index(('outline', 'block'), o-website-value('header-links-style')), .5rem * 3, null) !default; +$navbar-nav-link-padding-x: if(o-website-value('header-links-style') == 'border-bottom', .5rem * 2, null) !default; + +// Jumbotron + +$jumbotron-bg: transparent !default; + +// Bootstrap Review + +$o-btn-outline-defaults: () !default; +@each $color in ('primary', 'secondary') { + @if o-website-value('btn-#{$color}-outline') { + $o-btn-outline-defaults: append($o-btn-outline-defaults, $color); + } +} + +// Increase default navbar pills padding for 'pills' mode and add big radius +$o-navbar-nav-pills-link-padding-x: if(o-website-value('header-links-style') == 'pills', 1rem * 1.5, null) !default; +$o-navbar-nav-pills-link-border-radius: if(o-website-value('header-links-style') == 'pills', 10rem, null) !default; |