From 00a13ef4b6fdc70a0f0b59e2e6310df1ff37f6c0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Melan=C3=A7on?= <ben@agaric.com>
Date: Mon, 19 Aug 2019 10:50:56 -0400
Subject: [PATCH] Center logo & sitename when they stack on tiny screens

No really that's what that does.
---
 web/themes/custom/geofresco/src/global/_layout.scss | 13 +++++++++++++
 web/themes/custom/geofresco/src/global/global.scss  |  2 ++
 2 files changed, 15 insertions(+)

diff --git a/web/themes/custom/geofresco/src/global/_layout.scss b/web/themes/custom/geofresco/src/global/_layout.scss
index d46bb18..e61e176 100644
--- a/web/themes/custom/geofresco/src/global/_layout.scss
+++ b/web/themes/custom/geofresco/src/global/_layout.scss
@@ -1,2 +1,15 @@
 @charset "UTF-8";
 // Extend or override Bulma's layouts ../../node_modules/bulma/sass/layout
+
+
+@include until($mini) {
+  .sitename.column,
+  .logo.column {
+    width: 100%;
+  }
+}
+
+.search-bar > .block,
+.logo > .image {
+  display: inline-block;
+}
diff --git a/web/themes/custom/geofresco/src/global/global.scss b/web/themes/custom/geofresco/src/global/global.scss
index ab9a268..85c20ad 100644
--- a/web/themes/custom/geofresco/src/global/global.scss
+++ b/web/themes/custom/geofresco/src/global/global.scss
@@ -10,6 +10,8 @@ $green-gray: #8FB489;
 // Update Bulma's global variables.
 $primary: $green;
 
+$mini: 363px;
+
 // Import each part of Bulma separately so we can layer in our styles.
 // Extend or override Bulam's base styles in this themes base.scss etc.
 @import "../../node_modules/bulma/sass/utilities/_all";