X-Git-Url: http://www.aleph1.co.uk/gitweb/?p=yaffs-website;a=blobdiff_plain;f=web%2Fcore%2Fprofiles%2Fdemo_umami%2Fthemes%2Fumami%2Fcss%2Flayout%2Fgrid-2.css;fp=web%2Fcore%2Fprofiles%2Fdemo_umami%2Fthemes%2Fumami%2Fcss%2Flayout%2Fgrid-2.css;h=0efe45919896a6cc3c3bccc9676692be0d82408d;hp=0000000000000000000000000000000000000000;hb=af6d1fb995500ae68849458ee10d66abbdcfb252;hpb=680c79a86e3ed402f263faeac92e89fb6d9edcc0

diff --git a/web/core/profiles/demo_umami/themes/umami/css/layout/grid-2.css b/web/core/profiles/demo_umami/themes/umami/css/layout/grid-2.css
new file mode 100644
index 000000000..0efe45919
--- /dev/null
+++ b/web/core/profiles/demo_umami/themes/umami/css/layout/grid-2.css
@@ -0,0 +1,34 @@
+/**
+ * @file
+ * This file is used to create a 3 column grid layout.
+ */
+
+.grid--2 .views-row {
+  margin-bottom: 28px;
+  padding: 0 14px;
+}
+
+@media screen and (min-width: 30em) {
+  .grid--2 {
+    overflow-x: hidden;
+  }
+  .grid--2 .view-content {
+    display: flex;
+    flex-wrap: wrap;
+    margin: 0;
+  }
+  .grid--2 .views-row {
+    display: flex;
+    flex: 0 0 calc(50% - 28px);
+    margin: 0 14px 28px;
+    padding: 0;
+  }
+}
+
+/* 77em == the max width of .container + 1em either side */
+@media screen and (min-width: 77em) {
+  .grid--2 .view-content {
+    margin-left: -14px;
+    margin-right: -14px;
+  }
+}