From abe119a1cb8453b8f7563334d93ed72f56592d49 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Tue, 7 May 2019 18:31:33 +0100
Subject: [PATCH] Split app.css into components

---
 src/css/app.css                  | 34 +++-----------------------------
 src/css/components/footer.css    |  8 ++++++++
 src/css/components/main.css      |  8 ++++++++
 src/css/components/skip-link.css |  4 ++++
 4 files changed, 23 insertions(+), 31 deletions(-)
 create mode 100644 src/css/components/footer.css
 create mode 100644 src/css/components/main.css
 create mode 100644 src/css/components/skip-link.css

diff --git a/src/css/app.css b/src/css/app.css
index eba734f..4edb0db 100644
--- a/src/css/app.css
+++ b/src/css/app.css
@@ -1,36 +1,8 @@
 @tailwind base;
 @tailwind components;
 
-.skip-link:focus {
-  left: 50%;
-  transform: translateX(-50%);
-}
-
-#header a {
-  @apply text-white no-underline;
-
-  &:hover,
-  &:focus {
-    @apply underline
-  }
-}
-
-#main a {
-  @apply text-blue-300 no-underline border-b border-blue-100 border-dotted;
-
-  &:hover,
-  &:focus {
-    @apply text-blue-100 border-solid
-  }
-}
-
-#footer a {
-  @apply text-white no-underline border-b border-dotted border-white;
-
-  &:hover,
-  &:focus {
-    @apply border-none
-  }
-}
+@import './components/footer.css';
+@import './components/main.css';
+@import './components/skip-link.css';
 
 @tailwind utilities;
diff --git a/src/css/components/footer.css b/src/css/components/footer.css
new file mode 100644
index 0000000..e6e4886
--- /dev/null
+++ b/src/css/components/footer.css
@@ -0,0 +1,8 @@
+#footer a {
+  @apply text-white no-underline border-b border-dotted border-white;
+
+  &:hover,
+  &:focus {
+    @apply border-none
+  }
+}
diff --git a/src/css/components/main.css b/src/css/components/main.css
new file mode 100644
index 0000000..60b19e9
--- /dev/null
+++ b/src/css/components/main.css
@@ -0,0 +1,8 @@
+#main a {
+  @apply text-blue-300 no-underline border-b border-blue-100 border-dotted;
+
+  &:hover,
+  &:focus {
+    @apply text-blue-100 border-solid
+  }
+}
diff --git a/src/css/components/skip-link.css b/src/css/components/skip-link.css
new file mode 100644
index 0000000..62706e3
--- /dev/null
+++ b/src/css/components/skip-link.css
@@ -0,0 +1,4 @@
+.skip-link:focus {
+  left: 50%;
+  transform: translateX(-50%);
+}