Fix incorrect markup for ie10 (#8886)
Senin Roman committed
Jan 31, 2017 at 02:32 UTC
466bb4ffb90206968e20dddc054fc285a4ae32fb
1 file changed
+10
-2
docs/css/react.scss
+10
-2
@@ -148,7 +148,9 @@ h1, h2, h3, h4, h5, h6 {
148
149
.nav-site {
150
display: inline-flex;
151
+ display: -ms-flexbox;
152
flex: 1;
153
+ -ms-flex: 1;
154
155
li {
156
margin: 0;
@@ -165,6 +167,7 @@ h1, h2, h3, h4, h5, h6 {
167
168
@include bp-large {
169
display: flex;
170
+ display: -ms-flex;
171
justify-content: center;
172
align-items: center;
173
padding: 0 5px;
@@ -277,17 +280,19 @@ h1, h2, h3, h4, h5, h6 {
280
281
@include bp-large {
282
display: flex;
283
+ display: -ms-flex;
284
width: calc(100% + 20px);
285
margin: 0 -10px;
286
font-size: 0.9em;
287
288
li {
289
display: flex;
286
- flex: 1 0 auto;
290
+ display: -ms-flex;
291
+ -ms-flex: 1 0 auto;
292
align-items: center;
293
294
a {
290
- flex: 1;
295
+ -ms-flex: 1;
296
text-align: center;
297
line-height: 1.2;
298
}
@@ -323,6 +328,7 @@ h1, h2, h3, h4, h5, h6 {
328
}
329
330
.buttons-unit {
331
+ display: flex;
332
display: flex;
333
justify-content: center;
334
flex-wrap: wrap;
@@ -1181,12 +1187,14 @@ footer.nav-footer {
1187
}
1188
footer .sitemap {
1189
display: flex;
1190
+ display: -ms-flexbox;
1191
justify-content: space-between;
1192
max-width: 1080px;
1193
margin: 0 auto 3em;
1194
}
1195
footer .sitemap div {
1196
flex: 1;
1197
+ -ms-flex: 1;
1198
}
1199
footer .sitemap .nav-home {
1200
display: table;