[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, 7 insertions, 7 deletions

diff --git a/addons/web_settings_dashboard/static/src/scss/dashboard.scss b/addons/web_settings_dashboard/static/src/scss/dashboard.scss
index 06e19f02095..3b3ea30d02a 100644
--- a/addons/web_settings_dashboard/static/src/scss/dashboard.scss
+++ b/addons/web_settings_dashboard/static/src/scss/dashboard.scss
@@ -1,10 +1,10 @@
 .o_web_settings_dashboard {
 
-    @bg-dashboard-col: #FFF;
+    $bg-dashboard-col: #FFF;
 
-    .o_web_settings_dashboard_card() {
+    @mixin o-web-settings-dashboard-card {
         box-shadow: 0 1px 2px 0 rgba(0,0,0,.14);
-        background: @bg-dashboard-col;
+        background: $bg-dashboard-col;
         border-radius: 2px;
     }
 
@@ -18,7 +18,7 @@
     .o_web_settings_dashboard_col {
         padding: 10px 8px;
 
-        @media (max-width: @screen-sm-max) {
+        @media (max-width: $screen-sm-max) {
             padding: 5px 8px;
         }
 
@@ -28,7 +28,7 @@
         }
 
         > div {
-            .o_web_settings_dashboard_card();
+            @include o-web-settings-dashboard-card;
             padding: 25px 18px 18px 18px;
                 .o_web_settings_dashboard_header {
                     font-size: 22px;
@@ -72,7 +72,7 @@
         .o_web_settings_dashboard_planner {
             .progress {
                 height: 10px;
-                background-color: darken(@bg-dashboard-col, 15%);
+                background-color: darken($bg-dashboard-col, 15%);
                 cursor: pointer;
                 margin-bottom: 30px;
             }
@@ -87,7 +87,7 @@
             .o_web_settings_dashboard_progress_title {
                 font-weight: bold;
                 cursor: pointer;
-                color: @odoo-brand-optional;
+                color: $odoo-brand-optional;
             }
         }
     }