diff options
| author | stefanorigano <stefano.rigano@gmail.com> | 2015-09-03 13:29:04 +0200 |
|---|---|---|
| committer | qsm-odoo <qsm@odoo.com> | 2016-02-24 11:15:55 +0100 |
| commit | c4a896a8a0e2219879903d212f2324d0b85d7f00 (patch) | |
| tree | ba074db013da74aa7001e90bfab2ed5e58aa624c /addons/web_editor/static/src/less/web_editor.variables.less | |
| parent | 1d90e70244b579ffdc981c809558f6c510e0f1bf (diff) | |
[REF] website,web_editor: complete restyling
Diffstat (limited to 'addons/web_editor/static/src/less/web_editor.variables.less')
| -rw-r--r-- | addons/web_editor/static/src/less/web_editor.variables.less | 76 |
1 files changed, 76 insertions, 0 deletions
diff --git a/addons/web_editor/static/src/less/web_editor.variables.less b/addons/web_editor/static/src/less/web_editor.variables.less new file mode 100644 index 00000000000..d72d63931bd --- /dev/null +++ b/addons/web_editor/static/src/less/web_editor.variables.less @@ -0,0 +1,76 @@ + +// Fonts +// ======================= +@we_font-default : "Roboto", Roboto, sans-serif; +@we_font-size-def : 14px; + +// COLORS UI +// ======================= +@we_color-dark : #2c2c36; +@we_color-darker : darken(@we_color-dark,2%); +@we_color-divider : #33363e; +@we_color-normal : #50545d; +@we_color-light : #4e525b; + +@we_color-paper : #fbfbfd; +@we_color-inactive : #646465; + +@we_color-text-normal : #999999; +@we_color-text-light : #d4d5d7; +@we_color-text-dark : #505050; + +@we_color-accent : #1cc1a9; +@we_color-accent-d10 : darken(@we_color-accent, 10%); +@we_color-primary : #b35e9b; +@we_color-primary-d10 : darken(@we_color-primary, 10%); +@we_color-primary-l10 : lighten(@we_color-primary, 10%); +@we_color-primary-hover : #7e376b; + +@we_color-danger : #e6586c; +@we_color-success : #4ab980; + + +// LAYOUT +// ======================= +@we_screen_xs : 480px; +@we_screen_sm : 768px; +@we_screen_md : 992px; +@we_screen_lg : 1200px; + + +// TOP BAR +// ======================= +@we_editor-bar-height : 45px; +@we_editor-dropdown-border-height : 2px; +@we_editor-bar-bg : @we_color-primary; +@we_editor-bar-link-color : @we_color-paper; +@we_editor-bar-link-shadow : @we_color-primary-d10; + + +// EDITOR +// ======================= +@we_sidebar-width: 210px; + + +// SHADOWS +// ======================= +@we_box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), + 0 3px 1px -2px rgba(0, 0, 0, 0.2), + 0 1px 5px 0 rgba(0, 0, 0, 0.12); + + +// DROPDOWNS +// ======================= +@we_dropdown-toggle-color : @we_color-paper; +@we_dropdown-toggle-shadow-color : @we_color-primary-d10; +@we_dropdown-menu-color : @we_color-primary-hover; + // open + @we_dropdown--open-toggle-color : white; + @we_dropdown--open-toggle-bg-color : @we_color-primary-hover; + @we_dropdown--open-toggle-shadow-color : @we_color-primary-hover; + + +// TABS +// ======================= +@we_tab-bg: @we_color-darker; +@we_tab--active-bg: #3D4048; |