From df9725df26ed123752313545e2a7ea186ca88817 Mon Sep 17 00:00:00 2001 From: David Monjoie Date: Thu, 25 Jun 2015 10:15:45 +0200 Subject: [IMP] web_editor,website: added scalable margins in less The original commit by fka used to define less variables like this: @px-4: 4px @px-8: 8px The goal was to be able to change the margin values in media queries for smaller screens. However, as the less is only compiled once in css, those variables didn't really help as you couldn't redefine them from inside a media query and have the less magically reassign the margins on the fly. I created less helper functions to be able to easily redefine the margins for smaller screens from inside media queries. The task also required to replace the nbsp in the html by the newly created mr and ml classes. This is also the first phase of the sass -> less transition. --- addons/web_editor/static/src/css/web_editor.sass | 55 ------------------------ 1 file changed, 55 deletions(-) (limited to 'addons/web_editor/static/src/css/web_editor.sass') diff --git a/addons/web_editor/static/src/css/web_editor.sass b/addons/web_editor/static/src/css/web_editor.sass index c9ea7876c16..2b5b4a8ee2f 100644 --- a/addons/web_editor/static/src/css/web_editor.sass +++ b/addons/web_editor/static/src/css/web_editor.sass @@ -27,61 +27,6 @@ td min-width: 20px - -/* Vertical Spacing */ - -.mt128 - margin-top: 128px !important -.mt92 - margin-top: 92px !important -.mt64 - margin-top: 64px !important -.mt48 - margin-top: 48px !important -.mt32 - margin-top: 32px !important -.mt16 - margin-top: 16px !important -.mt8 - margin-top: 8px !important -.mt4 - margin-top: 4px !important -.mt0 - margin-top: 0px !important - -.mb128 - margin-bottom: 128px !important -.mb92 - margin-bottom: 92px !important -.mb64 - margin-bottom: 64px !important -.mb48 - margin-bottom: 48px !important -.mb32 - margin-bottom: 32px !important -.mb16 - margin-bottom: 16px !important -.mb8 - margin-bottom: 8px !important -.mb4 - margin-bottom: 4px !important -.mb0 - margin-bottom: 0px !important - -.ml8 - margin-left: 8px !important -.ml4 - margin-left: 4px !important -.ml0 - margin-left: 0px !important - -.mr8 - margin-right: 8px !important -.mr4 - margin-right: 4px !important -.mr0 - margin-right: 0px !important - /* Media */ img.shadow -- cgit v1.2.3