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

diff --git a/addons/web/static/src/scss/tooltip.scss b/addons/web/static/src/scss/tooltip.scss
index e071bf04a40..79fb0b60fb7 100644
--- a/addons/web/static/src/scss/tooltip.scss
+++ b/addons/web/static/src/scss/tooltip.scss
@@ -7,17 +7,17 @@
     .tooltip-inner {
         max-width: 300px; // fallback for browsers which do not support "vw" unit
         max-width: 100vw;
-        background-color: @odoo-tooltip-background-color;
-        color: @odoo-tooltip-color;
-        border-radius: @border-radius-base;
-        box-shadow: 0px 0px 1px 1px @odoo-brand-secondary;
+        background-color: $odoo-tooltip-background-color;
+        color: $odoo-tooltip-color;
+        border-radius: $border-radius-base;
+        box-shadow: 0px 0px 1px 1px $odoo-brand-secondary;
 
         padding: 5px;
 
         text-align: left;
 
         .oe_tooltip_string {
-            background-color: @odoo-brand-primary;
+            background-color: $odoo-brand-primary;
             color: white;
             font-weight: bold;
             padding: 5px;
@@ -42,18 +42,18 @@
     }
     &.top, &.top-left, &.top-right {
         .tooltip-arrow {
-            border-top-color: @odoo-tooltip-arrow-color!important;
+            border-top-color: $odoo-tooltip-arrow-color!important;
         }
     }
     &.bottom, &.bottom-left, &.bottom-right {
         .tooltip-arrow {
-            border-bottom-color: @odoo-tooltip-arrow-color!important;
+            border-bottom-color: $odoo-tooltip-arrow-color!important;
         }
     }
     &.left .tooltip-arrow {
-        border-left-color: @odoo-tooltip-arrow-color!important;
+        border-left-color: $odoo-tooltip-arrow-color!important;
     }
     &.right .tooltip-arrow {
-        border-right-color: @odoo-tooltip-arrow-color!important;
+        border-right-color: $odoo-tooltip-arrow-color!important;
     }
 }