From 343690b9bbc920ed2875100250ad07b8573e4415 Mon Sep 17 00:00:00 2001
From: Nils Schneider <nils@nilsschneider.net>
Date: Thu, 2 Apr 2015 04:34:02 +0200
Subject: [PATCH] refactor scss

---
 scss/_map.scss | 27 +++++++++++++++++++++++++++
 scss/main.scss | 29 +----------------------------
 2 files changed, 28 insertions(+), 28 deletions(-)
 create mode 100644 scss/_map.scss

diff --git a/scss/_map.scss b/scss/_map.scss
new file mode 100644
index 0000000..eaa650a
--- /dev/null
+++ b/scss/_map.scss
@@ -0,0 +1,27 @@
+.stroke-first {
+  paint-order: stroke;
+}
+
+.map {
+  width: 100%;
+  height: 100%;
+
+ .node-alert {
+    -webkit-animation: blink 2s linear;
+    -webkit-animation-iteration-count: infinite;
+    animation: blink 2s linear;
+    animation-iteration-count: infinite;
+  }
+}
+
+@-webkit-keyframes blink {
+  0%   { opacity: 1.0; }
+  80%  { opacity: 1.0; }
+  90%  { opacity: 0.0; }
+}
+
+@keyframes blink {
+  0%   { opacity: 1.0; }
+  80%  { opacity: 1.0; }
+  90%  { opacity: 0.0; }
+}
diff --git a/scss/main.scss b/scss/main.scss
index 343c997..df666f2 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -6,12 +6,9 @@ $sidebarwidth: 420pt;
 $sidebarwidthsmall: 360pt;
 $buttondistance: 12pt;
 
+@import '_map';
 @import '_forcegraph';
 
-.stroke-first {
-  paint-order: stroke;
-}
-
 .contenttoggle {
   z-index: 100;
   position: absolute;
@@ -257,18 +254,6 @@ button.close:after {
   right: 0.5em;
 }
 
-.map {
-  width: 100%;
-  height: 100%;
-
- .node-alert {
-    -webkit-animation: blink 2s linear;
-    -webkit-animation-iteration-count: infinite;
-    animation: blink 2s linear;
-    animation-iteration-count: infinite;
-  }
-}
-
 .proportion th {
   font-weight: normal;
   text-align: right !important;
@@ -294,18 +279,6 @@ button.close:after {
   box-sizing: border-box;
 }
 
-@-webkit-keyframes blink {
-  0%   { opacity: 1.0; }
-  80%  { opacity: 1.0; }
-  90%  { opacity: 0.0; }
-}
-
-@keyframes blink {
-  0%   { opacity: 1.0; }
-  80%  { opacity: 1.0; }
-  90%  { opacity: 0.0; }
-}
-
 @media screen and (max-width: 80em) {
   .sidebar {
     font-size: 0.8em;