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

diff --git a/addons/calendar/static/src/scss/calendar.scss b/addons/calendar/static/src/scss/calendar.scss
index 364584122e9..defbd1efbd6 100644
--- a/addons/calendar/static/src/scss/calendar.scss
+++ b/addons/calendar/static/src/scss/calendar.scss
@@ -5,15 +5,15 @@
     border-radius: 5px;
 
     &.accepted {
-        background-color: @brand-success;
+        background-color: $brand-success;
     }
 
     &.needsAction {
-        background-color: @odoo-brand-secondary;
+        background-color: $odoo-brand-secondary;
     }
 
     &.declined {
-        background-color: @brand-danger;
+        background-color: $brand-danger;
     }
 }
 
@@ -42,11 +42,11 @@
 }
 
 .o_calendar_invitation_page {
-    .o-flex(0, 0, auto);
+    @include o-flex(0, 0, auto);
     width: 50%;
     margin: 30px auto 0;
-    .o-webclient-padding(@top: 10px, @bottom: 10px);
-    background-color: @odoo-view-background-color;
+    @include o-webclient-padding($top: 10px, $bottom: 10px);
+    background-color: $odoo-view-background-color;
 
     .o_logo {
         width: 15%;
@@ -71,9 +71,9 @@
     }
 
     .o_accepted {
-        color: @brand-success;
+        color: $brand-success;
     }
     .o_declined {
-        color: @brand-danger;
+        color: $brand-danger;
     }
 }