[REF] *: convert less content to scss content

Convert content so that the assets compile on app installation. The
style is still broken after this as the variables/mixins/... are not
defined in the right order (as it did not matter in LESS but does in
SCSS).

This commit basically changes:
- Variables: @​var_hello -> $var-hello
- Mixins: .mixin_world() {} -> @​mixin mixin-world {}
- Classes used as mixin: .my_class() -> @​extend .my_class
    - Here there were no other solution than to convert the use of
      a mixin call by the use of an extend as a first approximation
- LESS functions -> SCSS functions (e.g. fade -> rgba)
- Move first variable definition before the variable is used
    - Still need to make sure last variable definition is at the
      right place

1 files changed, 10 insertions, 10 deletions

diff --git a/addons/web/static/src/scss/layout_background.scss b/addons/web/static/src/scss/layout_background.scss
index 6750705c35b..b51cff84599 100644
--- a/addons/web/static/src/scss/layout_background.scss
+++ b/addons/web/static/src/scss/layout_background.scss
@@ -1,9 +1,9 @@
 .o_background_footer, .o_background_header, .o_report_layout_background {
     font-family: 'Lato';
-    color: @gray;
+    color: $gray;
 }
 .o_background_header {
-    border-bottom: 1px solid @gray-lighter;
+    border-bottom: 1px solid $gray-lighter;
     .company_address {
         min-width: 300px;
     }
@@ -13,19 +13,19 @@
         margin-right: 16px;
     }
     h3 {
-        color: @odoo-brand-primary;
+        color: $odoo-brand-primary;
         font-weight: 700;
         max-width: 300px;
     }
 }
 .o_background_footer {
     ul {
-        border-top: 1px solid @odoo-brand-primary;
-        border-bottom: 1px solid @odoo-brand-primary;
+        border-top: 1px solid $odoo-brand-primary;
+        border-bottom: 1px solid $odoo-brand-primary;
         padding: 4px 0;
         margin: 0 0 4px 0;
         li {
-            color: @odoo-brand-primary;
+            color: $odoo-brand-primary;
         }
     }
 }
@@ -36,10 +36,10 @@
     background-repeat: no-repeat;
     min-height: 900px;
     thead tr th, h2 {
-        color: @odoo-brand-primary;
+        color: $odoo-brand-primary;
     }
     tbody {
-        color: @gray;
+        color: $gray;
         tr:nth-child(odd) {
             background-color: rgba(184, 171, 180, 0.2);
         }
@@ -53,11 +53,11 @@
             background-color: transparent !important;
         }
         tr:first-child td {
-            /*we could get rid of this rule if .border-black td would be terminated in report.less*/
+            /*we could get rid of this rule if .border-black td would be terminated in report.scss*/
             border-top: none !important;
         }
         tr:last-child td {
-            color: @odoo-brand-primary;
+            color: $odoo-brand-primary;
         }
     }
     #total {