Updated Drupal to 8.6. This goes with the following updates because it's possible...

[yaffs-website] / web / core / profiles / demo_umami / themes / umami / css / components / blocks / recipe-collections / recipe-collections.css

diff --git a/web/core/profiles/demo_umami/themes/umami/css/components/blocks/recipe-collections/recipe-collections.css b/web/core/profiles/demo_umami/themes/umami/css/components/blocks/recipe-collections/recipe-collections.css
new file mode 100644 (file)
index 0000000..06569f2
--- /dev/null
+++ b/web/core/profiles/demo_umami/themes/umami/css/components/blocks/recipe-collections/recipe-collections.css
@@ -0,0 +1,42 @@
+.block-views-blockrecipe-collections-block {
+  padding: 3rem 1rem;
+  color: #fff;
+  background: #767775;
+}
+.block-views-blockrecipe-collections-block .block__title {
+  margin-bottom: 1.5rem;
+  text-align: center;
+}
+.block-views-blockrecipe-collections-block .views-view-grid {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+}
+.block-views-blockrecipe-collections-block .views-col {
+  width: 100%;
+  padding: 0 14px;
+  text-align: center;
+}
+
+@media screen and (min-width: 48em) {
+  .block-views-blockrecipe-collections-block .views-col {
+    width: 25%;
+    max-width: 13rem;
+    text-align: left;
+  }
+}
+.block-views-blockrecipe-collections-block .views-row {
+  margin-bottom: 0.5rem;
+  font-size: 0.9rem;
+}
+.block-views-blockrecipe-collections-block .views-row a {
+  text-decoration: none;
+  color: #fff;
+  font-weight: bold;
+}
+.block-views-blockrecipe-collections-block .views-row a:focus,
+.block-views-blockrecipe-collections-block .views-row a:hover {
+  text-decoration: underline;
+  background: transparent;
+}
+