diff options
| author | stefanorigano <stefano.rigano@gmail.com> | 2016-08-30 11:26:08 +0200 |
|---|---|---|
| committer | qsm-odoo <qsm@odoo.com> | 2016-08-31 16:37:20 +0200 |
| commit | 8c035a7a416b79fdf7d9f3315cdbb279ba0d7c73 (patch) | |
| tree | 7c007b88ef056f1444cf8b6c5f0073be61568397 /addons/web_editor/static/src/less/web_editor.common.less | |
| parent | 8ef4535327b5a0b8e4c701d45b12959634a13370 (diff) | |
[IMP] web_editor: add transparent grayscale color palette
These colors were usually hardcoded in some snippets (.s_banner for
example) to increase text legibility over background images.
This commit will let the user personalize them.
Diffstat (limited to 'addons/web_editor/static/src/less/web_editor.common.less')
| -rw-r--r-- | addons/web_editor/static/src/less/web_editor.common.less | 16 |
1 files changed, 16 insertions, 0 deletions
diff --git a/addons/web_editor/static/src/less/web_editor.common.less b/addons/web_editor/static/src/less/web_editor.common.less index 53d9ba46377..73707a19d1d 100644 --- a/addons/web_editor/static/src/less/web_editor.common.less +++ b/addons/web_editor/static/src/less/web_editor.common.less @@ -246,6 +246,14 @@ a.o_underline { @color-delta: #0D6759; @color-epsilon: #0B2E59; +//Greyscale transparent colours +@color-black-25: fade(black, 25%); +@color-black-50: fade(black, 50%); +@color-black-75: fade(black, 75%); +@color-white-25: fade(white, 25%); +@color-white-50: fade(white, 50%); +@color-white-75: fade(white, 75%); + .o-create-color-classes(@class_name, @color, @complementary: contrast(@color, @text-color, #FFF, 60%), @content-color: @color) { .bg-@{class_name} { background-color: @color; @@ -281,3 +289,11 @@ a.o_underline { .o-create-color-classes(~'gray-light', @gray-light); .o-create-color-classes(~'gray-lighter', @gray-lighter); .o-create-color-classes(~'white', @gray-white); + +// Create classes for greyscale transparent colours +.o-create-color-classes(~'black-25', @color-black-25); +.o-create-color-classes(~'black-50', @color-black-50); +.o-create-color-classes(~'black-75', @color-black-75); +.o-create-color-classes(~'white-25', @color-white-25); +.o-create-color-classes(~'white-50', @color-white-50); +.o-create-color-classes(~'white-75', @color-white-75);
\ No newline at end of file |