From 201b378431cae910b53199df6ac052bf5dcebd28 Mon Sep 17 00:00:00 2001
From: Chris Lawton <chris.lawton@torchbox.com>
Date: Thu, 22 Feb 2018 11:21:49 +0000
Subject: [PATCH] adding IE fallbacks for focus area and max three grids
---
.../src/sass/public/components/_grid.scss | 32 +++++++++++++++++++
1 file changed, 32 insertions(+)
diff --git a/opentech/static_src/src/sass/public/components/_grid.scss b/opentech/static_src/src/sass/public/components/_grid.scss
index 3a87e7bc7..14aaab89f 100644
--- a/opentech/static_src/src/sass/public/components/_grid.scss
+++ b/opentech/static_src/src/sass/public/components/_grid.scss
@@ -30,6 +30,38 @@
text-align: left;
}
}
+
+ &--focus-areas {
+ @include media-query(mob-landscape) {
+ justify-content: center;
+ }
+
+ > * {
+ flex-basis: 100%;
+
+ @include media-query(mob-landscape) {
+ flex-basis: calc(35% - 20px);
+ }
+
+ @include media-query(desktop) {
+ flex-basis: calc(20% - 20px);
+ }
+ }
+ }
+
+ &--max-three {
+ > * {
+ flex-basis: 100%;
+
+ @include media-query(small-tablet) {
+ flex-basis: calc(30% - 20px);
+ }
+
+ @include media-query(desktop) {
+ flex-basis: calc(280px - 20px);
+ }
+ }
+ }
}
@supports (display: grid) {
--
GitLab