summaryrefslogtreecommitdiff
path: root/theme_zap/static/src/scss/bootstrap_overridden.scss
diff options
context:
space:
mode:
authorRichard Sassine <richardsassine@tutanota.com>2021-05-04 18:00:38 +0300
committerRichard Sassine <richardsassine@tutanota.com>2021-05-04 18:00:38 +0300
commitad97722b1b35aff50d0adf13a19715f7b8373c07 (patch)
treeedf36f1114b896a01602e31dafd74efe45736427 /theme_zap/static/src/scss/bootstrap_overridden.scss
initial commit
Diffstat (limited to 'theme_zap/static/src/scss/bootstrap_overridden.scss')
-rw-r--r--theme_zap/static/src/scss/bootstrap_overridden.scss143
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;