Antoine (anso)
8e1fd68ebb
Revamp of `theme_zap`
task-4178094
closes odoo/design-themes#950
X-original-commit: 0dd9e17b8f
Signed-off-by: Alice Gaudon (agau) <agau@odoo.com>
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
108 lines
3.9 KiB
SCSS
108 lines
3.9 KiB
SCSS
//------------------------------------------------------------------------------//
|
|
// TODO ideally this should be done in primary variables if it was possible.
|
|
//------------------------------------------------------------------------------//
|
|
|
|
// Headings
|
|
@if nth($o-theme-headings-font, 1) == 'Roboto' {
|
|
$o-theme-headings-font-weight: 500;
|
|
}
|
|
@else if nth($o-theme-headings-font, 1) == 'Nunito' {
|
|
$o-theme-headings-font-weight: 600;
|
|
}
|
|
@else if nth($o-theme-headings-font, 1) == 'Advent Pro' {
|
|
$o-theme-headings-font-weight: 600;
|
|
}
|
|
|
|
// Body
|
|
@if o-website-value('font') == 'Roboto' {
|
|
$o-theme-font-weight-bold: 500;
|
|
}
|
|
@else if o-website-value('font') == 'Lato' {
|
|
$o-theme-font-weight-light: 300;
|
|
$o-theme-font-weight-bold: 600;
|
|
}
|
|
@else if o-website-value('font') == 'Advent Pro' {
|
|
$o-theme-font-weight-bold: 600;
|
|
}
|
|
@else if o-website-value('font') == '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') == 'Open Sans' {
|
|
$o-theme-font-weight-bold: 600;
|
|
}
|
|
@else if o-website-value('font') == 'Montserrat Alternates' {
|
|
$o-theme-font-weight-bold: 600;
|
|
}
|
|
|
|
// Buttons
|
|
@if nth($o-theme-buttons-font, 1) == 'Roboto' {
|
|
$o-theme-btn-font-weight: 500;
|
|
}
|
|
@else if nth($o-theme-buttons-font, 1) == 'Advent Pro' {
|
|
$o-theme-btn-font-weight: 600;
|
|
}
|
|
@else if nth($o-theme-buttons-font, 1) == 'Oswald' {
|
|
$o-theme-btn-font-weight: 200;
|
|
}
|
|
@else if nth($o-theme-buttons-font, 1) == 'Open Sans' {
|
|
$o-theme-btn-font-weight: 600;
|
|
}
|
|
@else if nth($o-theme-buttons-font, 1) == 'Montserrat Alternates' {
|
|
$o-theme-btn-font-weight: 600;
|
|
}
|
|
|
|
//------------------------------------------------------------------------------//
|
|
// Bootstrap
|
|
//------------------------------------------------------------------------------//
|
|
|
|
// 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;
|
|
|
|
// 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;
|