@@ -17,7 +17,7 @@ $align-content-values: (
1717 center : center ,
1818 between : space-between ,
1919 around : space-around ,
20- stretch : stretch
20+ stretch : stretch ,
2121);
2222
2323@each $breakpoint in map-keys ($screen-breakpoints ) {
@@ -34,13 +34,7 @@ $align-content-values: (
3434// Align Items
3535// ------------------------------------------------------------------
3636
37- $align-items-values : (
38- start ,
39- end ,
40- center ,
41- stretch ,
42- baseline
43- );
37+ $align-items-values : (start , end , center , stretch , baseline );
4438
4539@each $breakpoint in map-keys ($screen-breakpoints ) {
4640 $infix : breakpoint-infix ($breakpoint , $screen-breakpoints );
@@ -56,14 +50,7 @@ $align-items-values: (
5650// Align Self
5751// ------------------------------------------------------------------
5852
59- $align-self-values : (
60- start ,
61- end ,
62- center ,
63- stretch ,
64- baseline ,
65- auto
66- );
53+ $align-self-values : (start , end , center , stretch , baseline , auto );
6754
6855@each $breakpoint in map-keys ($screen-breakpoints ) {
6956 $infix : breakpoint-infix ($breakpoint , $screen-breakpoints );
@@ -85,7 +72,7 @@ $justify-content-values: (
8572 center : center ,
8673 between: space-between ,
8774 around: space-around ,
88- evenly: space-evenly
75+ evenly: space-evenly ,
8976);
9077
9178@each $breakpoint in map-keys ($screen-breakpoints ) {
@@ -102,12 +89,7 @@ $justify-content-values: (
10289// Flex Direction
10390// ------------------------------------------------------------------
10491
105- $flex-direction-values : (
106- row ,
107- row-reverse ,
108- column ,
109- column-reverse
110- );
92+ $flex-direction-values : (row , row-reverse , column , column-reverse );
11193
11294@each $breakpoint in map-keys ($screen-breakpoints ) {
11395 $infix : breakpoint-infix ($breakpoint , $screen-breakpoints );
@@ -123,11 +105,7 @@ $flex-direction-values: (
123105// Flex Wrap
124106// ------------------------------------------------------------------
125107
126- $flex-wrap-values : (
127- wrap ,
128- nowrap ,
129- wrap-reverse
130- );
108+ $flex-wrap-values : (wrap , nowrap , wrap-reverse );
131109
132110@each $value in $flex-wrap-values {
133111 // TODO(FW-6697): remove ion-wrap, ion-nowrap, ion-wrap-reverse
@@ -152,12 +130,7 @@ $flex-wrap-values: (
152130// Flex Fill
153131// ------------------------------------------------------------------
154132
155- $flex-fill-values : (
156- 1 ,
157- auto ,
158- initial ,
159- none
160- );
133+ $flex-fill-values : (1 , auto , initial , none );
161134
162135@each $breakpoint in map-keys ($screen-breakpoints ) {
163136 $infix : breakpoint-infix ($breakpoint , $screen-breakpoints );
@@ -200,13 +173,19 @@ $flex-fill-values: (
200173@each $breakpoint in map-keys ($screen-breakpoints ) {
201174 $infix : breakpoint-infix ($breakpoint , $screen-breakpoints );
202175 @include media-breakpoint-up ($breakpoint , $screen-breakpoints ) {
203- .ion-order#{$infix } -first { order : -1 !important ; }
176+ .ion-order#{$infix } -first {
177+ order : -1 !important ;
178+ }
204179
205180 @for $i from 0 through 12 {
206- .ion-order#{$infix } -#{$i } { order : #{$i } !important ; }
181+ .ion-order#{$infix } -#{$i } {
182+ order : #{$i } !important ;
183+ }
207184 }
208185
209- .ion-order#{$infix } -last { order : 13 !important ; }
186+ .ion-order#{$infix } -last {
187+ order : 13 !important ;
188+ }
210189 }
211190}
212191
0 commit comments