@@ -17,7 +17,7 @@ $align-content-values: (
17
17
center : center ,
18
18
between : space-between ,
19
19
around : space-around ,
20
- stretch : stretch
20
+ stretch : stretch ,
21
21
);
22
22
23
23
@each $breakpoint in map-keys ($screen-breakpoints ) {
@@ -34,13 +34,7 @@ $align-content-values: (
34
34
// Align Items
35
35
// ------------------------------------------------------------------
36
36
37
- $align-items-values : (
38
- start ,
39
- end ,
40
- center ,
41
- stretch ,
42
- baseline
43
- );
37
+ $align-items-values : (start , end , center , stretch , baseline );
44
38
45
39
@each $breakpoint in map-keys ($screen-breakpoints ) {
46
40
$infix : breakpoint-infix ($breakpoint , $screen-breakpoints );
@@ -56,14 +50,7 @@ $align-items-values: (
56
50
// Align Self
57
51
// ------------------------------------------------------------------
58
52
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 );
67
54
68
55
@each $breakpoint in map-keys ($screen-breakpoints ) {
69
56
$infix : breakpoint-infix ($breakpoint , $screen-breakpoints );
@@ -85,7 +72,7 @@ $justify-content-values: (
85
72
center : center ,
86
73
between: space-between ,
87
74
around: space-around ,
88
- evenly: space-evenly
75
+ evenly: space-evenly ,
89
76
);
90
77
91
78
@each $breakpoint in map-keys ($screen-breakpoints ) {
@@ -102,12 +89,7 @@ $justify-content-values: (
102
89
// Flex Direction
103
90
// ------------------------------------------------------------------
104
91
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 );
111
93
112
94
@each $breakpoint in map-keys ($screen-breakpoints ) {
113
95
$infix : breakpoint-infix ($breakpoint , $screen-breakpoints );
@@ -123,11 +105,7 @@ $flex-direction-values: (
123
105
// Flex Wrap
124
106
// ------------------------------------------------------------------
125
107
126
- $flex-wrap-values : (
127
- wrap ,
128
- nowrap ,
129
- wrap-reverse
130
- );
108
+ $flex-wrap-values : (wrap , nowrap , wrap-reverse );
131
109
132
110
@each $value in $flex-wrap-values {
133
111
// TODO(FW-6697): remove ion-wrap, ion-nowrap, ion-wrap-reverse
@@ -152,12 +130,7 @@ $flex-wrap-values: (
152
130
// Flex Fill
153
131
// ------------------------------------------------------------------
154
132
155
- $flex-fill-values : (
156
- 1 ,
157
- auto ,
158
- initial ,
159
- none
160
- );
133
+ $flex-fill-values : (1 , auto , initial , none );
161
134
162
135
@each $breakpoint in map-keys ($screen-breakpoints ) {
163
136
$infix : breakpoint-infix ($breakpoint , $screen-breakpoints );
@@ -200,13 +173,19 @@ $flex-fill-values: (
200
173
@each $breakpoint in map-keys ($screen-breakpoints ) {
201
174
$infix : breakpoint-infix ($breakpoint , $screen-breakpoints );
202
175
@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
+ }
204
179
205
180
@for $i from 0 through 12 {
206
- .ion-order#{$infix } -#{$i } { order : #{$i } !important ; }
181
+ .ion-order#{$infix } -#{$i } {
182
+ order : #{$i } !important ;
183
+ }
207
184
}
208
185
209
- .ion-order#{$infix } -last { order : 13 !important ; }
186
+ .ion-order#{$infix } -last {
187
+ order : 13 !important ;
188
+ }
210
189
}
211
190
}
212
191
0 commit comments