Drupal
/
drupal
mirror of https://git.drupalcode.org/project/drupal.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Issue #3211889 by mherchel, Gauravmahlawat: Autoprefixer and PostCSS calc not generating proper IE11 grid syntax when repeat() function contains calc()

merge-requests/865/head
Lauri Eskola 2021-06-29 16:34:25 +03:00
parent 9c41e6eff7
commit 51a82dbfa3
No known key found for this signature in database
GPG Key ID: 382FC0F5B0DF53F8
2 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
core/themes/olivero/css/layout/grid.css
View File

@ -45,7 +45,7 @@
.layout--content-narrow .grid-full,
.layout--pass--content-narrow > * .grid-full {
-ms-grid-columns: (minmax(0, 1fr))12];
-ms-grid-columns: (minmax(0, 1fr))[ 12 ];
grid-template-columns: repeat(12, minmax(0, 1fr))
}
}
@ -54,7 +54,7 @@
.layout--content-narrow .grid-full,
.layout--pass--content-narrow > * .grid-full {
-ms-grid-columns: (minmax(0, 1fr))8];
-ms-grid-columns: (minmax(0, 1fr))[ 8 ];
grid-template-columns: repeat(8, minmax(0, 1fr))
}
}
@ -69,7 +69,7 @@
.layout--content-medium .grid-full,
.layout--pass--content-medium > * .grid-full {
-ms-grid-columns: (minmax(0, 1fr))12];
-ms-grid-columns: (minmax(0, 1fr))[ 12 ];
grid-template-columns: repeat(12, minmax(0, 1fr))
}
}
@ -78,7 +78,7 @@
.layout--content-medium .grid-full,
.layout--pass--content-medium > * .grid-full {
-ms-grid-columns: (minmax(0, 1fr))10];
-ms-grid-columns: (minmax(0, 1fr))[ 10 ];
grid-template-columns: repeat(10, minmax(0, 1fr))
}
}

4
core/themes/olivero/css/layout/grid.pcss.css
View File

@ -30,10 +30,12 @@
.layout--content-narrow .grid-full,
.layout--pass--content-narrow > * .grid-full {
@media (--grid-md) {
-ms-grid-columns: (minmax(0, 1fr))[ calc(var(--grid-col-count--md) - 2) ];
grid-template-columns: repeat(calc(var(--grid-col-count--md) - 2), minmax(0, 1fr));
}
@media (--lg) {
-ms-grid-columns: (minmax(0, 1fr))[ calc(var(--grid-col-count--lg) - 6) ];
grid-template-columns: repeat(calc(var(--grid-col-count--lg) - 6), minmax(0, 1fr));
}
}
@ -46,10 +48,12 @@
.layout--content-medium .grid-full,
.layout--pass--content-medium > * .grid-full {
@media (--grid-md) {
-ms-grid-columns: (minmax(0, 1fr))[ calc(var(--grid-col-count--md) - 2) ];
grid-template-columns: repeat(calc(var(--grid-col-count--md) - 2), minmax(0, 1fr));
}
@media (--lg) {
-ms-grid-columns: (minmax(0, 1fr))[ calc(var(--grid-col-count--md) - 4) ];
grid-template-columns: repeat(calc(var(--grid-col-count--md) - 4), minmax(0, 1fr));
}
}