Minor CSS cleanup

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"

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
-	}
-}

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
+	}
+}

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) {