diff options
| author | qsm-odoo <qsm@odoo.com> | 2016-02-24 11:51:43 +0100 |
|---|---|---|
| committer | qsm-odoo <qsm@odoo.com> | 2016-02-24 13:09:48 +0100 |
| commit | 5b65befcd889139152c590490fb8965c9f4b5279 (patch) | |
| tree | 8c82983ec486274372db96a70620805e3ea80454 /addons/web/static/src/less/utils.less | |
| parent | 40334b3342df66ff93e511a97107e6df6c209e21 (diff) | |
[REF] web,web_editor,website,report,mass_mailing,mail: LESS
* Convert some CSS to LESS
* Split/Join LESS files
* Remove duplicates between website and web_editor
* UI improvements
* Allow simple customizations thanks to LESS var&mixins for website
Diffstat (limited to 'addons/web/static/src/less/utils.less')
| -rw-r--r-- | addons/web/static/src/less/utils.less | 32 |
1 files changed, 8 insertions, 24 deletions
diff --git a/addons/web/static/src/less/utils.less b/addons/web/static/src/less/utils.less index b62c2aaaf94..302f79edf03 100644 --- a/addons/web/static/src/less/utils.less +++ b/addons/web/static/src/less/utils.less @@ -1,17 +1,4 @@ // ------------------------------------------------------------------ -// Margin -// ------------------------------------------------------------------ -.utils-margin-loop(@index) when (@index < 256) { - .o-mt@{index} {margin-top: @index px;} - .o-mb@{index} {margin-bottom: @index px;} - .o-mr@{index} {margin-right: @index px;} - .o-ml@{index} {margin-left: @index px;} - - .utils-margin-loop(@index * 2); -} -.utils-margin-loop(2); - -// ------------------------------------------------------------------ // Padding // ------------------------------------------------------------------ .o-webclient-padding(@top: 0px, @right: @odoo-horizontal-padding, @bottom: 0px, @left: @odoo-horizontal-padding) { @@ -122,7 +109,6 @@ } // Background-size -// https://css-tricks.com/perfect-full-page-background-image/ .o-background-size(@size) { -webkit-background-size: @size; -moz-background-size: @size; @@ -130,6 +116,14 @@ background-size: @size; } +// Background gradient +.o-linear-gradient(@deg: 45deg, @start-color: #555, @end-color: #333) { + background-repeat: repeat-x; + background-image: -webkit-linear-gradient(@deg, @start-color, @end-color); + background-image: -o-linear-gradient(@deg, @start-color, @end-color); + background-image: linear-gradient(@deg, @start-color, @end-color); +} + // ------------------------------------------------------------------ // Dropdowns // ------------------------------------------------------------------ @@ -197,16 +191,6 @@ } // ------------------------------------------------------------------ -// Animation -// ------------------------------------------------------------------ -.o-animation(@name: none, @duration: 0s, @timing-function: ease, @delay: 0s, @iteration-count: 1, @direction: normal, @fill-mode: none, @play-state: running) { - -webkit-animation: @name @duration @timing-function @delay @iteration-count @direction @fill-mode @play-state; - -moz-animation: @name @duration @timing-function @delay @iteration-count @direction @fill-mode @play-state; - -o-animation: @name @duration @timing-function @delay @iteration-count @direction @fill-mode @play-state; - animation: @name @duration @timing-function @delay @iteration-count @direction @fill-mode @play-state; -} - -// ------------------------------------------------------------------ // Columns // ------------------------------------------------------------------ .o-columns(@width: auto, @col: auto) { |