Drop webkit prefix

Because Angular core does not support browser old enough that would require those prefixes anymore.
Ecodev · Feb 3, 2025 · 2a68fb1 · 2a68fb1
1 parent 1448b2e
commit 2a68fb1
Showing 1 changed file with 13 additions and 45 deletions.
diff --git a/projects/fab-speed-dial/src/lib/fab-speed-dial.scss b/projects/fab-speed-dial/src/lib/fab-speed-dial.scss
@@ -1,29 +1,6 @@
-@mixin eco-fab-speed-dial-container($box-orient, $flex-direction) {
-    -webkit-box-orient: $box-orient;
-    -webkit-box-direction: normal;
-    -webkit-flex-direction: $flex-direction;
+@mixin eco-fab-speed-dial-actions($flex-direction, $order, $action-item-margin-direction) {
     flex-direction: $flex-direction;
-}
-
-@mixin eco-fab-speed-dial-box-order($ordinal-group, $order) {
-    -webkit-box-ordinal-group: $ordinal-group;
-    -webkit-order: $order;
     order: $order;
-}
-
-@mixin eco-fab-speed-dial-actions(
-    $box-orient,
-    $box-direction,
-    $flex-direction,
-    $ordinal-group,
-    $order,
-    $action-item-margin-direction
-) {
-    -webkit-box-orient: $box-orient;
-    -webkit-box-direction: $box-direction;
-    -webkit-flex-direction: $flex-direction;
-    flex-direction: $flex-direction;
-    @include eco-fab-speed-dial-box-order($ordinal-group, $order);
 
     & .eco-fab-action-item {
         margin-#{$action-item-margin-direction}: 10px;
@@ -37,12 +14,10 @@ eco-fab-speed-dial {
         .eco-fab-speed-dial-container {
             eco-fab-speed-dial-trigger.eco-spin {
                 .spin180 {
-                    -webkit-transform: rotate(180deg);
                     transform: rotate(180deg);
                 }
 
                 .spin360 {
-                    -webkit-transform: rotate(360deg);
                     transform: rotate(360deg);
                 }
             }
@@ -51,11 +26,7 @@ eco-fab-speed-dial {
 
     .eco-fab-speed-dial-container {
         position: relative;
-        display: -webkit-box;
-        display: -webkit-flex;
         display: flex;
-        -webkit-box-align: center;
-        -webkit-align-items: center;
         align-items: center;
         z-index: 20;
 
@@ -66,15 +37,12 @@ eco-fab-speed-dial {
             &.eco-spin {
                 .spin180,
                 .spin360 {
-                    -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
                     transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
                 }
             }
         }
 
         eco-fab-speed-dial-actions {
-            display: -webkit-box;
-            display: -webkit-flex;
             display: flex;
             position: absolute;
             height: 0;
@@ -95,14 +63,14 @@ eco-fab-speed-dial {
         }
 
         .eco-fab-speed-dial-container {
-            @include eco-fab-speed-dial-container(vertical, column);
+            flex-direction: column;
 
             & eco-fab-speed-dial-trigger {
-                @include eco-fab-speed-dial-box-order(2, 1);
+                order: 1;
             }
 
             & eco-fab-speed-dial-actions {
-                @include eco-fab-speed-dial-actions(vertical, normal, column, 3, 2, top);
+                @include eco-fab-speed-dial-actions(column, 2, top);
             }
         }
     }
@@ -114,14 +82,14 @@ eco-fab-speed-dial {
         }
 
         .eco-fab-speed-dial-container {
-            @include eco-fab-speed-dial-container(vertical, column);
+            flex-direction: column;
 
             & eco-fab-speed-dial-trigger {
-                @include eco-fab-speed-dial-box-order(3, 2);
+                order: 2;
             }
 
             & eco-fab-speed-dial-actions {
-                @include eco-fab-speed-dial-actions(vertical, reverse, column-reverse, 2, 1, bottom);
+                @include eco-fab-speed-dial-actions(column-reverse, 1, bottom);
             }
         }
     }
@@ -133,14 +101,14 @@ eco-fab-speed-dial {
         }
 
         .eco-fab-speed-dial-container {
-            @include eco-fab-speed-dial-container(horizontal, row);
+            flex-direction: row;
 
             & eco-fab-speed-dial-trigger {
-                @include eco-fab-speed-dial-box-order(3, 2);
+                order: 2;
             }
 
             & eco-fab-speed-dial-actions {
-                @include eco-fab-speed-dial-actions(horizontal, normal, row-reverse, 2, 1, right);
+                @include eco-fab-speed-dial-actions(row-reverse, 1, right);
             }
         }
     }
@@ -152,14 +120,14 @@ eco-fab-speed-dial {
         }
 
         .eco-fab-speed-dial-container {
-            @include eco-fab-speed-dial-container(horizontal, row);
+            flex-direction: row;
 
             & eco-fab-speed-dial-trigger {
-                @include eco-fab-speed-dial-box-order(2, 1);
+                order: 1;
             }
 
             & eco-fab-speed-dial-actions {
-                @include eco-fab-speed-dial-actions(horizontal, normal, row, 3, 2, left);
+                @include eco-fab-speed-dial-actions(row, 2, left);
             }
         }
     }