From 35a6bfe17c6c34761eaff8f7e79d1e4a7accf211 Mon Sep 17 00:00:00 2001
From: Jeff Avallone <jeff.avallone@gmail.com>
Date: Thu, 10 Mar 2016 16:52:57 -0500
Subject: [PATCH] Moving SVG CSS to the main page CSS

---
 lib/partials/svg_template.hbs |   4 +-
 src/sass/main.scss            |   1 +
 src/sass/svg.scss             | 100 +++++++++++++++++-----------------
 3 files changed, 52 insertions(+), 53 deletions(-)

diff --git a/lib/partials/svg_template.hbs b/lib/partials/svg_template.hbs
index 4a24b5e..87bdd11 100644
--- a/lib/partials/svg_template.hbs
+++ b/lib/partials/svg_template.hbs
@@ -1,12 +1,10 @@
 <div class="svg">
   <svg
+    class="regexp-svg"
     xmlns="http://www.w3.org/2000/svg"
     xmlns:cc="http://creativecommons.org/ns#"
     xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
     version="1.1">
-    <defs>
-      <style type="text/css">{{> svg_styles}}</style>
-    </defs>
     <metadata>
       <rdf:RDF>
         <cc:License rdf:about="http://creativecommons.org/licenses/by/3.0/">
diff --git a/src/sass/main.scss b/src/sass/main.scss
index ef10475..8f4485b 100644
--- a/src/sass/main.scss
+++ b/src/sass/main.scss
@@ -1,5 +1,6 @@
 @import 'base';
 @import 'reset';
+@import 'svg';
 
 body {
   font-family: sans-serif;
diff --git a/src/sass/svg.scss b/src/sass/svg.scss
index 1316adc..0193fd6 100644
--- a/src/sass/svg.scss
+++ b/src/sass/svg.scss
@@ -1,67 +1,67 @@
 @import 'base';
 
-svg {
+svg.regexp-svg {
   background-color: $white;
-}
 
-text, tspan {
-  font: 12px Arial;
-}
+  text, tspan {
+    font: 12px Arial;
+  }
 
-path {
-  fill-opacity: 0;
-  stroke-width: 2px;
-  stroke: $black;
-}
+  path {
+    fill-opacity: 0;
+    stroke-width: 2px;
+    stroke: $black;
+  }
 
-circle {
-  fill: $gray;
-  stroke-width: 2px;
-  stroke: $black;
-}
+  circle {
+    fill: $gray;
+    stroke-width: 2px;
+    stroke: $black;
+  }
 
-.anchor text, .any-character text {
-  fill: $white;
-}
+  .anchor text, .any-character text {
+    fill: $white;
+  }
 
-.anchor rect, .any-character rect {
-  fill: $gray;
-}
+  .anchor rect, .any-character rect {
+    fill: $gray;
+  }
 
-.escape text, .charset-escape text, .literal text {
-  fill: $black;
-}
+  .escape text, .charset-escape text, .literal text {
+    fill: $black;
+  }
 
-.escape rect, .charset-escape rect {
-  fill: $green;
-}
+  .escape rect, .charset-escape rect {
+    fill: $green;
+  }
 
-.literal rect {
-  fill: $blue;
-}
+  .literal rect {
+    fill: $blue;
+  }
 
-.charset .charset-box {
-  fill: $tan;
-}
+  .charset .charset-box {
+    fill: $tan;
+  }
 
-.subexp .subexp-label tspan,
-.charset .charset-label tspan,
-.match-fragment .repeat-label tspan {
-  font-size: 10px;
-}
+  .subexp .subexp-label tspan,
+  .charset .charset-label tspan,
+  .match-fragment .repeat-label tspan {
+    font-size: 10px;
+  }
 
-.subexp .subexp-label tspan,
-.charset .charset-label tspan {
-  dominant-baseline: text-after-edge;
-}
+  .subexp .subexp-label tspan,
+  .charset .charset-label tspan {
+    dominant-baseline: text-after-edge;
+  }
 
-.subexp .subexp-box {
-  stroke: $light-gray;
-  stroke-dasharray: 6,2;
-  stroke-width: 2px;
-  fill-opacity: 0;
-}
+  .subexp .subexp-box {
+    stroke: $light-gray;
+    stroke-dasharray: 6,2;
+    stroke-width: 2px;
+    fill-opacity: 0;
+  }
 
-.quote {
-  fill: $light-gray;
+  .quote {
+    fill: $light-gray;
+  }
 }