@@ -144,40 +144,40 @@ $layout-breakpoint-lg: 1200px !default;
144
144
$value : #{$i * 5 + ' %' } ;
145
145
146
146
[#{$flexName } = " #{$i * 5 } " ] {
147
- flex : 0 0 #{$value } ;
147
+ flex : 1 1 #{$value } ;
148
148
max-width : #{$value } ;
149
149
max-height : 100% ;
150
150
box-sizing : border-box ;
151
151
}
152
152
153
153
[layout = " row" ] > [#{$flexName } = " #{$i * 5 } " ],
154
154
[layout#{$name } = " row" ] > [#{$flexName } = " #{$i * 5 } " ] {
155
- flex : 0 0 #{$value } ;
155
+ flex : 1 1 #{$value } ;
156
156
max-width : #{$value } ;
157
157
max-height : 100% ;
158
158
box-sizing : border-box ;
159
159
}
160
160
161
161
[layout = " column" ] > [#{$flexName } = " #{$i * 5 } " ],
162
162
[layout#{$name } = " column" ] > [#{$flexName } = " #{$i * 5 } " ] {
163
- flex : 0 0 #{$value } ;
163
+ flex : 1 1 #{$value } ;
164
164
max-width : 100% ;
165
165
max-height : #{$value } ;
166
166
box-sizing : border-box ;
167
167
}
168
168
}
169
169
170
170
[layout = " row" ], [layout#{$name } = " row" ] {
171
- > [#{$flexName } = " 33" ] , > [#{$flexName } = " 33" ] { flex : 0 0 33% ; max-width : 33% ; max-height : 100% ; box-sizing : border-box ; }
172
- > [#{$flexName } = " 34" ] , > [#{$flexName } = " 34" ] { flex : 0 0 34% ; max-width : 34% ; max-height : 100% ; box-sizing : border-box ; }
173
- > [#{$flexName } = " 66" ] , > [#{$flexName } = " 66" ] { flex : 0 0 66% ; max-width : 66% ; max-height : 100% ; box-sizing : border-box ; }
174
- > [#{$flexName } = " 67" ] , > [#{$flexName } = " 67" ] { flex : 0 0 67% ; max-width : 67% ; max-height : 100% ; box-sizing : border-box ; }
171
+ > [#{$flexName } = " 33" ] , > [#{$flexName } = " 33" ] { flex : 1 1 33% ; max-width : 33% ; max-height : 100% ; box-sizing : border-box ; }
172
+ > [#{$flexName } = " 34" ] , > [#{$flexName } = " 34" ] { flex : 1 1 34% ; max-width : 34% ; max-height : 100% ; box-sizing : border-box ; }
173
+ > [#{$flexName } = " 66" ] , > [#{$flexName } = " 66" ] { flex : 1 1 66% ; max-width : 66% ; max-height : 100% ; box-sizing : border-box ; }
174
+ > [#{$flexName } = " 67" ] , > [#{$flexName } = " 67" ] { flex : 1 1 67% ; max-width : 67% ; max-height : 100% ; box-sizing : border-box ; }
175
175
}
176
176
[layout = " column" ], [layout#{$name } = " column" ] {
177
- > [#{$flexName } = " 33" ] , > [#{$flexName } = " 33" ] { flex : 0 0 33% ; max-width : 100% ; max-height : 33% ; box-sizing : border-box ; }
178
- > [#{$flexName } = " 34" ] , > [#{$flexName } = " 34" ] { flex : 0 0 34% ; max-width : 100% ; max-height : 34% ; box-sizing : border-box ; }
179
- > [#{$flexName } = " 66" ] , > [#{$flexName } = " 66" ] { flex : 0 0 66% ; max-width : 100% ; max-height : 66% ; box-sizing : border-box ; }
180
- > [#{$flexName } = " 67" ] , > [#{$flexName } = " 67" ] { flex : 0 0 67% ; max-width : 100% ; max-height : 67% ; box-sizing : border-box ; }
177
+ > [#{$flexName } = " 33" ] , > [#{$flexName } = " 33" ] { flex : 1 1 33% ; max-width : 100% ; max-height : 33% ; box-sizing : border-box ; }
178
+ > [#{$flexName } = " 34" ] , > [#{$flexName } = " 34" ] { flex : 1 1 34% ; max-width : 100% ; max-height : 34% ; box-sizing : border-box ; }
179
+ > [#{$flexName } = " 66" ] , > [#{$flexName } = " 66" ] { flex : 1 1 66% ; max-width : 100% ; max-height : 66% ; box-sizing : border-box ; }
180
+ > [#{$flexName } = " 67" ] , > [#{$flexName } = " 67" ] { flex : 1 1 67% ; max-width : 100% ; max-height : 67% ; box-sizing : border-box ; }
181
181
}
182
182
183
183
}
0 commit comments