[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/fields_extra.scss b/addons/web/static/src/scss/fields_extra.scss
index 577cfacacb4..dd441c07710 100644
--- a/addons/web/static/src/scss/fields_extra.scss
+++ b/addons/web/static/src/scss/fields_extra.scss
@@ -17,7 +17,7 @@
 .o_field_widget {
     // Dropdowns input carret
     .o_input_dropdown .o_dropdown_button {
-        .o-position-absolute(2px, 4px);
+        @include o-position-absolute(2px, 4px);
     }
 
     // Many2one
@@ -34,22 +34,22 @@
 
     // Percent pie field
     &.o_field_percent_pie {
-        @pie-dimension: 34px;
-        @pie-ring-width: 4px;
+        $pie-dimension: 34px;
+        $pie-ring-width: 4px;
 
         .o_pie {
-            width: @pie-dimension;
-            height: @pie-dimension;
+            width: $pie-dimension;
+            height: $pie-dimension;
             margin-left: 5px;
 
             &:after { // Outside pie border to go over border-radius irregularities
-                border: 1px solid @odoo-brand-primary;
+                border: 1px solid $odoo-brand-primary;
             }
 
             .o_pie_value {
-                .o-position-absolute(@pie-ring-width, @pie-ring-width);
-                width: @pie-dimension - 2 * @pie-ring-width;
-                height: @pie-dimension - 2 * @pie-ring-width;
+                @include o-position-absolute($pie-ring-width, $pie-ring-width);
+                width: $pie-dimension - 2 * $pie-ring-width;
+                height: $pie-dimension - 2 * $pie-ring-width;
                 border: 1px solid white;
                 background-color: white;
                 font-size: 10px;