diff options
Diffstat (limited to 'addons/web/static/src/scss/variables.scss')
| -rw-r--r-- | addons/web/static/src/scss/variables.scss | 116 |
1 files changed, 53 insertions, 63 deletions
diff --git a/addons/web/static/src/scss/variables.scss b/addons/web/static/src/scss/variables.scss index 1b4d2f09468..20180488042 100644 --- a/addons/web/static/src/scss/variables.scss +++ b/addons/web/static/src/scss/variables.scss @@ -4,89 +4,79 @@ /// // Font sizes -@odoo-font-size-base: 13px; +$odoo-font-size-base: 13px; // Colors -@odoo-brand-primary: #7c7bad; -@odoo-brand-optional: #7c7bad; -@odoo-brand-secondary: #f0eeee; -@odoo-brand-lightsecondary: #e2e2e0; -@odoo-color-silver: #F9F9F9; -@odoo-color-silver-dark: #E5E5E5; -@odoo-color-silver-darker: #d9d7d7; - -// Define @gray-lighter-dark as a minor bootstrap @gray-lighter variation used +$odoo-brand-primary: #7c7bad; +$odoo-brand-optional: #7c7bad; +$odoo-brand-secondary: #f0eeee; +$odoo-brand-lightsecondary: #e2e2e0; +$odoo-color-silver: #F9F9F9; +$odoo-color-silver-dark: #E5E5E5; +$odoo-color-silver-darker: #d9d7d7; + +// Define $gray-lighter-dark as a minor bootstrap $gray-lighter variation used // for design purposes only (e.g. cards' borders). We avoid to overwrite the -// default @gray-light because it is deeply used by bootstrap to define muted +// default $gray-light because it is deeply used by bootstrap to define muted // elements. -@gray-lighter-dark: @odoo-color-silver-dark; -@gray-lighter-darker: @odoo-color-silver-darker; +$gray-lighter-dark: $odoo-color-silver-dark; +$gray-lighter-darker: $odoo-color-silver-darker; -@odoo-color-pink: #875A7B; // Enterprise @odoo-brand-primary -@odoo-main-color-muted: #a8a8a8; -@odoo-main-text-color: #4c4c4c; +$odoo-color-pink: #875A7B; // Enterprise $odoo-brand-primary +$odoo-main-color-muted: #a8a8a8; +$odoo-main-text-color: #4c4c4c; -@odoo-view-background-color: white; -@odoo-shadow-color: #303030; +$odoo-view-background-color: white; +$odoo-shadow-color: #303030; -@odoo-webclient-background-color: @odoo-color-silver; -@odoo-control-panel-background-color: @odoo-color-silver; -@odoo-form-lightsecondary: #ccc; +$odoo-webclient-background-color: $odoo-color-silver; +$odoo-control-panel-background-color: $odoo-color-silver; +$odoo-form-lightsecondary: #ccc; -@odoo-list-footer-color: @odoo-main-text-color; -@odoo-list-footer-bg-color: #eee; -@odoo-list-footer-font-weight: bold; +$odoo-list-footer-color: $odoo-main-text-color; +$odoo-list-footer-bg-color: #eee; +$odoo-list-footer-font-weight: bold; -@odoo-tooltip-background-color: black; -@odoo-tooltip-color: white; -@odoo-tooltip-arrow-color: black; -@odoo-tooltip-text-color: #777777; -@odoo-tooltip-title-text-color: #4c4c4c; +$odoo-tooltip-background-color: black; +$odoo-tooltip-color: white; +$odoo-tooltip-arrow-color: black; +$odoo-tooltip-text-color: #777777; +$odoo-tooltip-title-text-color: #4c4c4c; // UI custom colors for tags, kanban records' colors, ...) -@odoo-nb-ui-color: 12; -@odoo-color-0: @gray-light; -@odoo-color-1: #F06050; -@odoo-color-2: #F4A460; -@odoo-color-3: #F7CD1F; -@odoo-color-4: #6CC1ED; -@odoo-color-5: #814968; -@odoo-color-6: #EB7E7F; -@odoo-color-7: #2C8397; -@odoo-color-8: #475577; -@odoo-color-9: #D6145F; -@odoo-color-10: #30C381; -@odoo-color-11: #9365B8; +$odoo-nb-ui-color: 12; +$odoo-colors: $gray-light, #F06050, #F4A460, #F7CD1F, #6CC1ED, #814968, + #EB7E7F, #2C8397, #475577, #D6145F, #30C381, #9365B8; // Layout -@screen-xs-min: 475px; -@screen-xxs-max: (@screen-xs-min - 1); +$screen-xs-min: 475px; +$screen-xxs-max: ($screen-xs-min - 1); -@screen-xl-min: 1534px; -@screen-lg-max: (@screen-xl-min - 1); +$screen-xl-min: 1534px; +$screen-lg-max: ($screen-xl-min - 1); -@odoo-form-group-cols: 12; -@odoo-form-spacing-unit: 5px; -@odoo-horizontal-padding: 16px; -@odoo-innergroup-rpadding: 45px; -@odoo-dropdown-hpadding: 20px; +$odoo-form-group-cols: 12; +$odoo-form-spacing-unit: 5px; +$odoo-horizontal-padding: 16px; +$odoo-innergroup-rpadding: 45px; +$odoo-dropdown-hpadding: 20px; -@border-radius-base: 3px; +$border-radius-base: 3px; -@odoo-sheet-vpadding: 24px; +$odoo-sheet-vpadding: 24px; // Needed for having no spacing between sheet and mail body in mass_mailing: // Different required cancel paddings between web and web_enterprise -@odoo-sheet-cancel-tpadding: 0px; -@odoo-sheet-cancel-hpadding: @odoo-horizontal-padding; -@odoo-sheet-cancel-bpadding: @odoo-horizontal-padding; +$odoo-sheet-cancel-tpadding: 0px; +$odoo-sheet-cancel-hpadding: $odoo-horizontal-padding; +$odoo-sheet-cancel-bpadding: $odoo-horizontal-padding; -@odoo-avatar-size: 90px; +$odoo-avatar-size: 90px; -@odoo-statusbar-height: 33px; -@odoo-statusbar-arrow-width: @odoo-statusbar-height/3; -@odoo-statusbar-disabled-bg: lighten(@odoo-brand-lightsecondary, 7%); +$odoo-statusbar-height: 33px; +$odoo-statusbar-arrow-width: $odoo-statusbar-height/3; +$odoo-statusbar-disabled-bg: lighten($odoo-brand-lightsecondary, 7%); -@odoo-label-font-size-factor: 0.8; -@odoo-navbar-height: 34px; -@odoo-navbar-inverse-link-hover-bg: @navbar-inverse-link-active-bg; +$odoo-label-font-size-factor: 0.8; +$odoo-navbar-height: 34px; +$odoo-navbar-inverse-link-hover-bg: $navbar-inverse-link-active-bg; |