restored svg background images

carlfairclough · carlfairclough · commit ce4a4745e93d · 2020-02-21T13:03:35.000-07:00
diff --git a/docs/.vuepress/theme/images/dash-white.svg b/docs/.vuepress/theme/images/dash-white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="6" height="10" version="1.1" viewBox="0 0 6 10"><title>dash-white</title><desc>Created with Sketch.</desc><g id="dash-white" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><path id="Path-4" stroke="#B4B4B4" d="M0,4.5 L6,4.5"/></g></svg>
diff --git a/docs/.vuepress/theme/images/dash.svg b/docs/.vuepress/theme/images/dash.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="6" height="10" version="1.1" viewBox="0 0 6 10"><g id="dash" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><path id="Path-4" stroke="#000" d="M0,4.5 L6,4.5"/></g></svg>
diff --git a/docs/.vuepress/theme/images/highlight-dark.svg b/docs/.vuepress/theme/images/highlight-dark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="280" height="28" version="1.1" viewBox="0 0 280 28"><title>Fill 1</title><desc>Created with Sketch.</desc><g id="Page-1" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="Landing-Alt-A-Copy" fill="#4F4F4F" transform="translate(-285.000000, -881.000000)"><g id="Group-3" transform="translate(275.000000, 825.000000)"><path id="Fill-1" d="M20.6346731,83.9663075 C106.760757,77.8525684 193.055038,76.5052487 279.327189,79.9331834 C293.570879,80.4986159 293.544322,58.4114083 279.327189,57.8459758 C193.055038,54.4180411 106.760757,55.7653608 20.6346731,61.8790999 C6.51049113,62.8818591 6.39983473,84.9779016 20.6346731,83.9663075"/></g></g></g></svg>
diff --git a/docs/.vuepress/theme/images/highlight.svg b/docs/.vuepress/theme/images/highlight.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="280" height="28" version="1.1" viewBox="0 0 280 28"><g id="Page-1" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="Landing-Alt-A" fill="#FFFE9E" transform="translate(-285.000000, -881.000000)"><g id="Group-3" transform="translate(275.000000, 825.000000)"><path id="Fill-1" d="M20.6346731,83.9663075 C106.760757,77.8525684 193.055038,76.5052487 279.327189,79.9331834 C293.570879,80.4986159 293.544322,58.4114083 279.327189,57.8459758 C193.055038,54.4180411 106.760757,55.7653608 20.6346731,61.8790999 C6.51049113,62.8818591 6.39983473,84.9779016 20.6346731,83.9663075" style="mix-blend-mode:multiply"/></g></g></g></svg>
diff --git a/docs/.vuepress/theme/styles/dark.styl b/docs/.vuepress/theme/styles/dark.styl
@@ -35,11 +35,11 @@
         li
           color $textColorDark
           &.highlight
-            background-image url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjgwIiBoZWlnaHQ9IjI4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyODAgMjgiPjx0aXRsZT5GaWxsIDE8L3RpdGxlPjxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPjxnIGlkPSJQYWdlLTEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiPjxnIGlkPSJMYW5kaW5nLUFsdC1BLUNvcHkiIGZpbGw9IiM0RjRGNEYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yODUuMDAwMDAwLCAtODgxLjAwMDAwMCkiPjxnIGlkPSJHcm91cC0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNzUuMDAwMDAwLCA4MjUuMDAwMDAwKSI+PHBhdGggaWQ9IkZpbGwtMSIgZD0iTTIwLjYzNDY3MzEsODMuOTY2MzA3NSBDMTA2Ljc2MDc1Nyw3Ny44NTI1Njg0IDE5My4wNTUwMzgsNzYuNTA1MjQ4NyAyNzkuMzI3MTg5LDc5LjkzMzE4MzQgQzI5My41NzA4NzksODAuNDk4NjE1OSAyOTMuNTQ0MzIyLDU4LjQxMTQwODMgMjc5LjMyNzE4OSw1Ny44NDU5NzU4IEMxOTMuMDU1MDM4LDU0LjQxODA0MTEgMTA2Ljc2MDc1Nyw1NS43NjUzNjA4IDIwLjYzNDY3MzEsNjEuODc5MDk5OSBDNi41MTA0OTExMyw2Mi44ODE4NTkxIDYuMzk5ODM0NzMsODQuOTc3OTAxNiAyMC42MzQ2NzMxLDgzLjk2NjMwNzUiLz48L2c+PC9nPjwvZz48L3N2Zz4=")
+            background-image url(../images/highlight-dark.svg)
   ul
-    list-style-image url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNiAxMCI+PHRpdGxlPmRhc2gtd2hpdGU8L3RpdGxlPjxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPjxnIGlkPSJkYXNoLXdoaXRlIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIj48cGF0aCBpZD0iUGF0aC00IiBzdHJva2U9IiNCNEI0QjQiIGQ9Ik0wLDQuNSBMNiw0LjUiLz48L2c+PC9zdmc+")
+    list-style-image url(../images/dash-white.svg)
     li.highlight
-      background-image url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjgwIiBoZWlnaHQ9IjI4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyODAgMjgiPjx0aXRsZT5GaWxsIDE8L3RpdGxlPjxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPjxnIGlkPSJQYWdlLTEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiPjxnIGlkPSJMYW5kaW5nLUFsdC1BLUNvcHkiIGZpbGw9IiM0RjRGNEYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yODUuMDAwMDAwLCAtODgxLjAwMDAwMCkiPjxnIGlkPSJHcm91cC0zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNzUuMDAwMDAwLCA4MjUuMDAwMDAwKSI+PHBhdGggaWQ9IkZpbGwtMSIgZD0iTTIwLjYzNDY3MzEsODMuOTY2MzA3NSBDMTA2Ljc2MDc1Nyw3Ny44NTI1Njg0IDE5My4wNTUwMzgsNzYuNTA1MjQ4NyAyNzkuMzI3MTg5LDc5LjkzMzE4MzQgQzI5My41NzA4NzksODAuNDk4NjE1OSAyOTMuNTQ0MzIyLDU4LjQxMTQwODMgMjc5LjMyNzE4OSw1Ny44NDU5NzU4IEMxOTMuMDU1MDM4LDU0LjQxODA0MTEgMTA2Ljc2MDc1Nyw1NS43NjUzNjA4IDIwLjYzNDY3MzEsNjEuODc5MDk5OSBDNi41MTA0OTExMyw2Mi44ODE4NTkxIDYuMzk5ODM0NzMsODQuOTc3OTAxNiAyMC42MzQ2NzMxLDgzLjk2NjMwNzUiLz48L2c+PC9nPjwvZz48L3N2Zz4=")
+      background-image url(../images/highlight-dark.svg)
   .suggestions
     border-color $textColorDark
     background-color $bgDark
diff --git a/docs/.vuepress/theme/styles/theme.styl b/docs/.vuepress/theme/styles/theme.styl
@@ -129,8 +129,7 @@ ol
 ul
   padding 0
   margin 1em
-  list-style-image url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNiAxMCI+PGcgaWQ9ImRhc2giIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiPjxwYXRoIGlkPSJQYXRoLTQiIHN0cm9rZT0iIzAwMCIgZD0iTTAsNC41IEw2LDQuNSIvPjwvZz48L3N2Zz4=")
-
+  list-style-image url(../images/dash-white.svg)
   li
     padding-left 0.5em
 
@@ -180,7 +179,7 @@ ul
         color $textColor
 
         &.highlight
-          background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjgwIiBoZWlnaHQ9IjI4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyODAgMjgiPjxnIGlkPSJQYWdlLTEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiPjxnIGlkPSJMYW5kaW5nLUFsdC1BIiBmaWxsPSIjRkZGRTlFIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjg1LjAwMDAwMCwgLTg4MS4wMDAwMDApIj48ZyBpZD0iR3JvdXAtMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjc1LjAwMDAwMCwgODI1LjAwMDAwMCkiPjxwYXRoIGlkPSJGaWxsLTEiIGQ9Ik0yMC42MzQ2NzMxLDgzLjk2NjMwNzUgQzEwNi43NjA3NTcsNzcuODUyNTY4NCAxOTMuMDU1MDM4LDc2LjUwNTI0ODcgMjc5LjMyNzE4OSw3OS45MzMxODM0IEMyOTMuNTcwODc5LDgwLjQ5ODYxNTkgMjkzLjU0NDMyMiw1OC40MTE0MDgzIDI3OS4zMjcxODksNTcuODQ1OTc1OCBDMTkzLjA1NTAzOCw1NC40MTgwNDExIDEwNi43NjA3NTcsNTUuNzY1MzYwOCAyMC42MzQ2NzMxLDYxLjg3OTA5OTkgQzYuNTEwNDkxMTMsNjIuODgxODU5MSA2LjM5OTgzNDczLDg0Ljk3NzkwMTYgMjAuNjM0NjczMSw4My45NjYzMDc1IiBzdHlsZT0ibWl4LWJsZW5kLW1vZGU6bXVsdGlwbHkiLz48L2c+PC9nPjwvZz48L3N2Zz4=")
+          background-image: url(../images/highlight-dark.svg)
           background-repeat no-repeat
 
   // TODO remove once translations are updated w/ new personas
