1 files changed, 25 insertions, 25 deletions

diff --git a/addons/web/static/src/scss/data_export.scss b/addons/web/static/src/scss/data_export.scss
index 01a1da80134..3ce97ea1c8b 100644
--- a/addons/web/static/src/scss/data_export.scss
+++ b/addons/web/static/src/scss/data_export.scss
@@ -1,11 +1,11 @@
 .o_web_client .o_export {
-    .o-flex(1, 1, auto);
-    .o-flex-display();
-    .o-flex-flow(column, nowrap);
+    @include o-flex(1, 1, auto);
+    @include o-flex-display;
+    @include o-flex-flow(column, nowrap);
     min-height: 0;
 
     > p, > .row {
-        .o-flex(0, 0, auto);
+        @include o-flex(0, 0, auto);
     }
 
     label {
@@ -18,8 +18,8 @@
 
         > div {
             margin-left: 5px;
-            .o-inline-flex-display();
-            .o-align-items(center);
+            @include o-inline-flex-display;
+            @include o-align-items(center);
 
             > label, > input {
                 margin: 0 0 0 5px;
@@ -28,39 +28,39 @@
     }
 
     .o_export_panel {
-        .o-flex(1, 1, auto);
+        @include o-flex(1, 1, auto);
         position: relative;
         min-height: 0;
 
         > div {
             height: 100%;
-            .o-flex-display();
-            .o-flex-flow(column, nowrap);
-            .o-justify-content(center);
+            @include o-flex-display;
+            @include o-flex-flow(column, nowrap);
+            @include o-justify-content(center);
 
             &.o_left_panel { // Needed because of chrome
-                .o-position-absolute(@top: 0, @bottom: 0, @left: 0, @right: 57%);
+                @include o-position-absolute($top: 0, $bottom: 0, $left: 0, $right: 57%);
             }
             &.o_center_panel { // Needed because of chrome
-                .o-position-absolute(@top: 0, @bottom: 0, @left: 43%, @right: 43%);
+                @include o-position-absolute($top: 0, $bottom: 0, $left: 43%, $right: 43%);
             }
             &.o_right_panel { // Needed because of chrome
-                .o-position-absolute(@top: 0, @bottom: 0, @left: 57%, @right: 0);
+                @include o-position-absolute($top: 0, $bottom: 0, $left: 57%, $right: 0);
             }
 
             > h4, > div {
-                .o-flex(0, 0, auto);
+                @include o-flex(0, 0, auto);
             }
 
             > button {
-                .o-flex(0, 0, auto);
+                @include o-flex(0, 0, auto);
                 margin-top: 10px;
             }
 
             .o_left_field_panel, .o_fields_list {
-                border: 1px solid @odoo-brand-lightsecondary;
+                border: 1px solid $odoo-brand-lightsecondary;
                 overflow: auto;
-                .o-flex(1, 1, auto);
+                @include o-flex(1, 1, auto);
                 min-height: 0;
             }
 
@@ -68,21 +68,21 @@
                 cursor: pointer;
                 position: relative;
                 padding-left: 20px;
-                .user-select(none);
+                @include user-select(none);
 
                 &.o_selected > .o_tree_column {
-                    background-color: @odoo-brand-primary;
+                    background-color: $odoo-brand-primary;
                     color: white;
                 }
 
                 .o_expand_parent {
-                    .o-position-absolute(@top: 4px, @left: 5px);
+                    @include o-position-absolute($top: 4px, $left: 5px);
                 }
                 .o_tree_column {
                     display: block;
 
                     &.o_required {
-                        border-bottom: 2px solid @odoo-main-text-color;
+                        border-bottom: 2px solid $odoo-main-text-color;
                     }
                 }
 
@@ -92,16 +92,16 @@
             }
 
             .o_save_list, .o_exported_lists {
-                .o-flex-display();
-                .o-align-items(baseline);
+                @include o-flex-display;
+                @include o-align-items(baseline);
 
                 > label, > button {
                     margin: 0 0 5px;
-                    .o-flex(0, 0, auto);
+                    @include o-flex(0, 0, auto);
                 }
                 > input, > select {
                     width: 0;
-                    .o-flex(1, 0, auto);
+                    @include o-flex(1, 0, auto);
                 }
             }
         }