From 060da481a70c915251c4b2dc21a9c12a96325fe5 Mon Sep 17 00:00:00 2001
From: Timothy Farrell <tim@thecookiejar.me>
Date: Wed, 13 Jun 2018 16:35:52 -0500
Subject: [PATCH] Minor CSS cleanup

---
 packages/gallery/package.json                 |  3 +--
 packages/gallery/src/app.css                  | 26 -------------------
 packages/gallery/src/assets/github-corner.css | 25 ++++++++++++++++++
 .../src/interface/components/githubCorner.js  |  2 ++
 4 files changed, 28 insertions(+), 28 deletions(-)
 create mode 100644 packages/gallery/src/assets/github-corner.css

diff --git a/packages/gallery/package.json b/packages/gallery/package.json
index baf62b4..a9d1ccd 100644
--- a/packages/gallery/package.json
+++ b/packages/gallery/package.json
@@ -25,8 +25,7 @@
 		"pouchdb-replication": "~6.4.1",
 		"pouchorm": "~1.0.0",
 		"router": "2.1.0",
-		"semantic-ui-reset": "^2.2.12",
-		"semantic-ui-site": "^2.2.12",
+		"semantic-ui-reset": "~2.2.12",
 		"style-loader": "^0.19.0",
 		"styletron": "^2.5.1",
 		"styletron-utils": "^2.5.4"
diff --git a/packages/gallery/src/app.css b/packages/gallery/src/app.css
index 5045bce..c817aa0 100644
--- a/packages/gallery/src/app.css
+++ b/packages/gallery/src/app.css
@@ -12,29 +12,3 @@ body {
     flex-direction: column;
     font-family: Arial, sans-serif;
 }
-
-/* http://tholman.com/github-corners/ */
-.github-corner:hover .octo-arm{
-	animation:octocat-wave 560ms ease-in-out
-}
-
-@keyframes octocat-wave{
-	0%,100% {
-		transform:rotate(0)
-	}
-	20%,60% {
-		transform:rotate(-25deg)
-	}
-	40%,80% {
-		transform:rotate(10deg)
-	}
-}
-
-@media (max-width:500px){
-	.github-corner:hover .octo-arm{
-		animation:none
-	}
-	.github-corner .octo-arm{
-		animation:octocat-wave 560ms ease-in-out
-	}
-}
diff --git a/packages/gallery/src/assets/github-corner.css b/packages/gallery/src/assets/github-corner.css
new file mode 100644
index 0000000..82962ee
--- /dev/null
+++ b/packages/gallery/src/assets/github-corner.css
@@ -0,0 +1,25 @@
+/* http://tholman.com/github-corners/ */
+.github-corner:hover .octo-arm{
+	animation:octocat-wave 560ms ease-in-out
+}
+
+@keyframes octocat-wave{
+	0%,100% {
+		transform:rotate(0)
+	}
+	20%,60% {
+		transform:rotate(-25deg)
+	}
+	40%,80% {
+		transform:rotate(10deg)
+	}
+}
+
+@media (max-width:500px){
+	.github-corner:hover .octo-arm{
+		animation:none
+	}
+	.github-corner .octo-arm{
+		animation:octocat-wave 560ms ease-in-out
+	}
+}
diff --git a/packages/gallery/src/interface/components/githubCorner.js b/packages/gallery/src/interface/components/githubCorner.js
index 998df34..1af6684 100644
--- a/packages/gallery/src/interface/components/githubCorner.js
+++ b/packages/gallery/src/interface/components/githubCorner.js
@@ -1,3 +1,5 @@
+import * as styles from '../../assets/github-corner.css';
+
 import { defineElement as el, defineSvgElement as sv } from '../../utils/domvm.js';
 
 export function GithubCorner(href) {