diff options
| author | qsm-odoo <qsm@odoo.com> | 2018-03-12 16:27:41 +0100 |
|---|---|---|
| committer | qsm-odoo <qsm@odoo.com> | 2018-04-18 15:59:15 +0200 |
| commit | b04dec4025013c60e4857c1e177bb20d811cd41a (patch) | |
| tree | db8b38a5e1df34ee6f0402fab9a0bd8b4b769f8e /addons/web/static/src/scss/bootstrap_overridden.scss | |
| parent | a6393130e6fcc4ad706f3df08557e5434416e4ab (diff) | |
[REF] *: rename all LESS files to SCSS
This is a simple renaming without adaptation.
Diffstat (limited to 'addons/web/static/src/scss/bootstrap_overridden.scss')
| -rw-r--r-- | addons/web/static/src/scss/bootstrap_overridden.scss | 168 |
1 files changed, 168 insertions, 0 deletions
diff --git a/addons/web/static/src/scss/bootstrap_overridden.scss b/addons/web/static/src/scss/bootstrap_overridden.scss new file mode 100644 index 00000000000..5bbe61ecdf6 --- /dev/null +++ b/addons/web/static/src/scss/bootstrap_overridden.scss @@ -0,0 +1,168 @@ +// ------------------------------------------------------------------ +// Bootstrap variables +// ------------------------------------------------------------------ + +//== Grid +@grid-gutter-width: @odoo-horizontal-padding*2; + +//== Colors +@brand-primary: @odoo-brand-primary; +@gray-lighter: @odoo-color-silver; + +//== Titles +@font-size-h1: @odoo-font-size-base + 13px; +@font-size-h2: @odoo-font-size-base + 7px; +@font-size-h3: @odoo-font-size-base + 3px; +@font-size-h4: @odoo-font-size-base + 2px; +@font-size-h5: @odoo-font-size-base + 1px; +@font-size-h6: @odoo-font-size-base; + +//== Scaffolding +@body-bg: @odoo-brand-secondary; +@text-color: @odoo-main-text-color; +@link-color: @odoo-brand-optional; +@link-hover-decoration: none; + +//== Typography +@font-family-sans-serif: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif; +@font-size-base: @odoo-font-size-base; +@headings-font-weight: bold; + +//== Components +@component-active-bg: @gray-lighter; +@component-active-color: @odoo-brand-optional; + +//== Badges +@badge-bg: @odoo-brand-optional; +@badge-color: white; +@badge-line-height: @line-height-base; +@badge-font-weight: normal; + +//== Breadcrumbs +@breadcrumb-active-color: #777777; +@breadcrumb-bg: @odoo-control-panel-background-color; +@breadcrumb-color: #777777; +@breadcrumb-padding-horizontal: 0; +@breadcrumb-padding-vertical: 0; + +//== Buttons +@btn-default-bg: white; +@btn-default-border: #cccccc; +@btn-default-color: @odoo-main-text-color; +@btn-primary-bg: @odoo-brand-optional; +@btn-primary-border: @odoo-brand-optional; +@btn-primary-color: white; + +//== Dropdowns +@dropdown-bg: white; +@dropdown-border: @gray-lighter-dark; +@dropdown-divider-bg: @gray-lighter-dark; +@dropdown-link-color: @odoo-main-text-color; +@dropdown-link-hover-color: @gray-dark; +@dropdown-link-hover-bg: @gray-lighter; +@dropdown-link-active-color: @component-active-color; +@dropdown-link-active-bg: @component-active-bg; +@dropdown-link-disabled-color: @gray-light; +@dropdown-header-color: @gray-light; + +//== Modals +@modal-sm: 300px; +@modal-md: 650px; +@modal-lg: 980px; +@modal-inner-padding: @odoo-horizontal-padding; +@modal-title-padding: @odoo-horizontal-padding; + +// Change the z-index of the modal-backdrop elements to be equal to the +// modal elements' ones. Bootstrap does not support multi-modals, and without +// this rule all the modal-backdrops are below all the opened modals. +// Indeed, bootstrap forces them to a lower z-index as the modal-backdrop +// element (unique in their supported cases) might be put after the modal +// element (if the modal is already in the DOM, hidden, then opened). This +// cannot happen in odoo though as modals are not hidden but removed from +// the DOM and are always put at the end of the body when opened. +// +// Note that the variable @zindex-modal-background may be renamed/removed in +// newer versions of bootstrap. +// +// TODO the following code was disabled because it is saas-incompatible +// +// @zindex-modal-background: @zindex-modal; + +//== Navs +@nav-link-padding: 10px 15px; +@nav-pills-border-radius: 0; +@nav-pills-active-link-hover-color: white; +@nav-pills-active-link-hover-bg: @odoo-brand-optional; +@nav-tabs-active-link-hover-bg: white; + +//== Navbar +@navbar-height: @odoo-navbar-height - 2; +@navbar-margin-bottom: 0; +@navbar-inverse-bg: #222222; +@navbar-inverse-link-color: #9d9d9d; +@navbar-inverse-link-hover-bg: #222222; +@navbar-inverse-toggle-hover-bg: #222222; +@navbar-border-radius: 0; + +//== Tables +@table-bg-accent: #efeff8; // FIXME: expose +@table-bg-hover: darken(@table-bg-accent,5%); + +// ------------------------------------------------------------------ +// Bootstrap components rules (non exposed features variables) +// ------------------------------------------------------------------ + +//== Badges +.badge { + margin: 1px 2px 1px 0; + padding-top: 0; + padding-bottom: 0; +} + +//== Buttons +// Mixin to define variations for btn-links and muted btn-links +.o-btn-link-variant(@color, @color-active) { + text-transform: none; + .o-hover-text-color(@default-color: @color, @hover-color: @color-active); + + &, &:hover, &:focus, &:active, &.active { + border-color: transparent; + background-color: transparent + } + + &.text-muted, .text-muted { + .o-hover-opacity(); + .o-hover-text-color(@default-color: @text-muted, @hover-color: @color-active); + } +} +.btn-icon { + .button-variant(@btn-default-color; @btn-default-bg; @btn-default-border); +} +.btn-link { + font-weight: @btn-font-weight; + + &.btn-default { + .o-btn-link-variant(@text-color, @headings-color); + } + &.btn-success, &.text-success { + .o-btn-link-variant(@text-color, @brand-success); + } + &.btn-warning, &.text-warning { + .o-btn-link-variant(@text-color, @brand-warning); + } + &.btn-danger, &.text-danger { + .o-btn-link-variant(@text-color, @brand-danger); + } + &.btn-info, &.text-info { + .o-btn-link-variant(@text-color, darken(@brand-info, 20%)); + } +} + +//== Printing improvements +@media print { + .table-responsive { + overflow-x: initial; + } +} + +@icon-font-path: "/web/static/lib/bootstrap/fonts/"; |
