[WEBDEV-1122] Making SVGs purple by default where possible (#557)

ukparliament · Dec 24, 2018 · 58ef237 · 58ef237
1 parent b866a1f
commit 58ef237
Show file tree

Hide file tree

Showing 7 changed files with 32 additions and 34 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/icons/caution-circle-white.svg b/src/icons/caution-circle-white.svg
diff --git a/src/icons/close.svg b/src/icons/close.svg
diff --git a/src/icons/search.svg b/src/icons/search.svg
diff --git a/src/icons/uk-parliament.svg b/src/icons/uk-parliament.svg
diff --git a/src/stylesheets/elements/_icons.scss b/src/stylesheets/elements/_icons.scss
@@ -7,6 +7,10 @@ svg {
 
 /*--- UK Parliament Icon ---*/
 
+header .uk_parliament g {
+  fill: $white;
+}
+
 @media (max-width: $medium - 1) {
   .uk_parliament {
     z-index: 1;
@@ -68,8 +72,16 @@ header form + a svg {
   top: 15px;
   position: absolute;
 
+  &[data-icon="search"] g {
+    fill: $white;
+  }
+
   &[data-icon="close"] {
     opacity: 0;
+
+    g {
+      stroke: $white;
+    }
   }
 }
 

diff --git a/src/templates/prototypes/_icons.pug b/src/templates/prototypes/_icons.pug
@@ -12,21 +12,16 @@ block content
       h2 Small
       table
         tr
-          td Caution circle
           td Close
           td Download
+          td Print
+          td Search
+          td Share
         tr
-          td
-            include ../../icons/caution-circle-white.svg
           td
             include ../../icons/close.svg
           td
             include ../../icons/download.svg
-        tr
-          td Print
-          td Search
-          td Share
-        tr
           td
             include ../../icons/print.svg
           td