From 4855fd770a02e82cb6ea4dd6f5199945461e54dd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?benjamin=20melan=C3=A7on?= <ben@agaric.com>
Date: Tue, 1 Oct 2019 13:20:39 -0400
Subject: [PATCH] Start moving color-changing code to separate 'paint'
 stylesheet

---
 .../custom/geofresco/src/global/_layout.scss  | 19 -------------------
 .../custom/geofresco/src/global/_paint.scss   | 18 ++++++++++++++++++
 .../custom/geofresco/src/global/global.scss   |  4 ++--
 3 files changed, 20 insertions(+), 21 deletions(-)
 create mode 100644 web/themes/custom/geofresco/src/global/_paint.scss

diff --git a/web/themes/custom/geofresco/src/global/_layout.scss b/web/themes/custom/geofresco/src/global/_layout.scss
index f3a9145..00cf04f 100644
--- a/web/themes/custom/geofresco/src/global/_layout.scss
+++ b/web/themes/custom/geofresco/src/global/_layout.scss
@@ -54,22 +54,3 @@
     height: 16rem;
   }
 }
-
-// Gleanings don't have the same faux-image structure (because they'll never
-// have a featured image) but we still want the title to look about the same.
-.page--content-item--gleaning .page-title {
-  background-color: $gleaning;
-}
-
-.page--content-item--article .background-replacement-for-no-image {
-  background-color: $article;
-}
-
-.page--content-item--blog .background-replacement-for-no-image {
-  background-color: $blog;
-}
-
-.background-replacement-for-no-image,
-.page--content-item--collection .background-replacement-for-no-image {
-  background-color: $collection;
-}
diff --git a/web/themes/custom/geofresco/src/global/_paint.scss b/web/themes/custom/geofresco/src/global/_paint.scss
new file mode 100644
index 0000000..a8c0ca9
--- /dev/null
+++ b/web/themes/custom/geofresco/src/global/_paint.scss
@@ -0,0 +1,18 @@
+// Gleanings don't have the same faux-image structure (because they'll never
+// have a featured image) but we still want the title to look about the same.
+.page--content-item--gleaning .page-title {
+  background-color: $gleaning;
+}
+
+.page--content-item--article .background-replacement-for-no-image {
+  background-color: $article;
+}
+
+.page--content-item--blog .background-replacement-for-no-image {
+  background-color: $blog;
+}
+
+.background-replacement-for-no-image,
+.page--content-item--collection .background-replacement-for-no-image {
+  background-color: $collection;
+}
diff --git a/web/themes/custom/geofresco/src/global/global.scss b/web/themes/custom/geofresco/src/global/global.scss
index fadd35c..fb95478 100644
--- a/web/themes/custom/geofresco/src/global/global.scss
+++ b/web/themes/custom/geofresco/src/global/global.scss
@@ -43,7 +43,7 @@ $navbar-breakpoint: $mini/2;
 @import "../../node_modules/bulma/sass/layout/_all";
 @import "layout";
 
-// You can add final styles below or import another Sass or SCSS stylesheet here
-// and it will have access to Bulma variables and mixins.
+// Stylesheets below will have access to all Bulma variables and mixins.
+@import "paint";
 
 // @import '../../node_modules/bulma-extensions/bulma-timeline/dist/bulma-timeline';