From 51a82dbfa36eeca12dadc80e6eff9633f2614835 Mon Sep 17 00:00:00 2001
From: Lauri Eskola <lauri.eskola@acquia.com>
Date: Tue, 29 Jun 2021 16:34:25 +0300
Subject: [PATCH] Issue #3211889 by mherchel, Gauravmahlawat: Autoprefixer and
PostCSS calc not generating proper IE11 grid syntax when repeat() function
contains calc()
---
core/themes/olivero/css/layout/grid.css | 8 ++++----
core/themes/olivero/css/layout/grid.pcss.css | 4 ++++
2 files changed, 8 insertions(+), 4 deletions(-)
diff --git a/core/themes/olivero/css/layout/grid.css b/core/themes/olivero/css/layout/grid.css
index f5614b46162b..028cefda8223 100644
--- a/core/themes/olivero/css/layout/grid.css
+++ b/core/themes/olivero/css/layout/grid.css
@@ -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))
}
}
diff --git a/core/themes/olivero/css/layout/grid.pcss.css b/core/themes/olivero/css/layout/grid.pcss.css
index e2f38dc6779c..7299bfec5e06 100644
--- a/core/themes/olivero/css/layout/grid.pcss.css
+++ b/core/themes/olivero/css/layout/grid.pcss.css
@@ -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));
}
}
--
GitLab