X-Git-Url: http://www.aleph1.co.uk/gitweb/?p=yaffs-website;a=blobdiff_plain;f=web%2Fcore%2Fprofiles%2Fdemo_umami%2Fthemes%2Fumami%2Fcss%2Fcomponents%2Fregions%2Fpre-header%2Fpre-header.css;fp=web%2Fcore%2Fprofiles%2Fdemo_umami%2Fthemes%2Fumami%2Fcss%2Fcomponents%2Fregions%2Fpre-header%2Fpre-header.css;h=0e3ca3a90e542b95c539fd4aa1a12c54ba0bbb49;hp=0000000000000000000000000000000000000000;hb=0bf8d09d2542548982e81a441b1f16e75873a04f;hpb=74df008bdbb3a11eeea356744f39b802369bda3c

diff --git a/web/core/profiles/demo_umami/themes/umami/css/components/regions/pre-header/pre-header.css b/web/core/profiles/demo_umami/themes/umami/css/components/regions/pre-header/pre-header.css
new file mode 100644
index 000000000..0e3ca3a90
--- /dev/null
+++ b/web/core/profiles/demo_umami/themes/umami/css/components/regions/pre-header/pre-header.css
@@ -0,0 +1,29 @@
+/**
+ * @file
+ * This file is used to style the pre-header.
+ *
+ * It styles the pre-header as a global component; it does not style individual
+ * pre-header items, such as search, which are styled by their own CSS files.
+ */
+
+.region-pre-header {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0.75rem 1rem;
+  border-bottom: 1px solid #e6eee0;
+}
+
+@media screen and (min-width: 48em) {
+  .region-pre-header {
+    padding: 0 1rem;
+  }
+}
+
+/* 77em == the max width of .container + 1em either side */
+@media screen and (min-width: 77em) {
+  .region-pre-header {
+    padding: 0;
+  }
+}