Revert "Moving SVG CSS to the main page CSS"

This reverts commit ac0389c7fa.

lib/partials/svg_template.hbs

@@ -1,10 +1,12 @@
 <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/">

src/sass/main.scss

@@ -1,6 +1,5 @@
 @import 'base';
 @import 'reset';
-@import 'svg';
 
 body {
   font-family: sans-serif;

src/sass/svg.scss

@@ -1,71 +1,67 @@
 @import 'base';
 
-#open-iconic {
+svg {
-  display: none;
-}
-
-svg.regexp-svg {
   background-color: $white;
-
+}
-  text, tspan {
+
-    font: 12px Arial;
+text, tspan {
-  }
+  font: 12px Arial;
-
+}
-  path {
+
-    fill-opacity: 0;
+path {
-    stroke-width: 2px;
+  fill-opacity: 0;
-    stroke: $black;
+  stroke-width: 2px;
-  }
+  stroke: $black;
-
+}
-  circle {
+
-    fill: $gray;
+circle {
-    stroke-width: 2px;
+  fill: $gray;
-    stroke: $black;
+  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,
+.subexp .subexp-label tspan,
-  .match-fragment .repeat-label tspan {
+.charset .charset-label tspan,
-    font-size: 10px;
+.match-fragment .repeat-label tspan {
-  }
+  font-size: 10px;
-
+}
-  .subexp .subexp-label tspan,
+
-  .charset .charset-label tspan {
+.subexp .subexp-label tspan,
-    dominant-baseline: text-after-edge;
+.charset .charset-label tspan {
-  }
+  dominant-baseline: text-after-edge;
-
+}
-  .subexp .subexp-box {
+
-    stroke: $light-gray;
+.subexp .subexp-box {
-    stroke-dasharray: 6,2;
+  stroke: $light-gray;
-    stroke-width: 2px;
+  stroke-dasharray: 6,2;
-    fill-opacity: 0;
+  stroke-width: 2px;
-  }
+  fill-opacity: 0;
-
+}
-  .quote {
+
-    fill: $light-gray;
+.quote {
-  }
+  fill: $light-gray;
 }