Use long-hand flex properties

cerner · Apr 10, 2024 · 5e3e828 · 5e3e828
1 parent 47550c5
commit 5e3e828
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/packages/terra-arrange/src/Arrange.module.scss b/packages/terra-arrange/src/Arrange.module.scss
@@ -11,14 +11,18 @@
 
   // Makes sure fill expands to fill the remaining space of its parent container
   .fill {
-    flex: 1 1 auto;
+    flex-grow: 1;
+    flex-shrink: 1;
+    flex-basis: auto;
     min-width: 0;
   }
 
   // Styles specific to align items independently of each other
   .fit {
     align-self: flex-start;
-    flex: 0 0 auto;
+    flex-grow: 0;
+    flex-shrink: 0;
+    flex-basis: auto;
   }
 
   .center {
@@ -41,7 +45,9 @@
 
   @media (max-width: 320px), (max-height: 256px) {
     .fit {
-      flex: 0 0;
+      flex-grow: 0;
+      flex-shrink: 0;
+      flex-basis: 0;
     }
   }
 }