Fix URL references in CSS

Relative URL references need to be quoted to work in Safari.

Closes gh-11

Author: philwebb

package-lock.json

@@ -408,23 +408,23 @@ i.fa {
 }
 
 i.fa.icon-caution {
-  background-image: url(../img/octicons-16.svg#view-flame);
+  background-image: url("../img/octicons-16.svg#view-flame");
 }
 
 i.fa.icon-important {
-  background-image: url(../img/octicons-16.svg#view-stop);
+  background-image: url("../img/octicons-16.svg#view-stop");
 }
 
 i.fa.icon-note {
-  background-image: url(../img/octicons-16.svg#view-info);
+  background-image: url("../img/octicons-16.svg#view-info");
 }
 
 i.fa.icon-tip {
-  background-image: url(../img/octicons-16.svg#view-light-bulb);
+  background-image: url("../img/octicons-16.svg#view-light-bulb");
 }
 
 i.fa.icon-warning {
-  background-image: url(../img/octicons-16.svg#view-alert);
+  background-image: url("../img/octicons-16.svg#view-alert");
 }
 
 .doc .admonitionblock.caution td.icon {

src/main/css/asciidoctor.css

@@ -23,7 +23,7 @@ html.dark-theme {
   --layout-switchtheme-background-color: var(--selected-background-color);
 
   /* Asciidoctor */
-  --asciidoctor-doc-embellishment-background: url(../img/doc-background-dark.svg)
+  --asciidoctor-doc-embellishment-background: url("../img/doc-background-dark.svg")
     no-repeat top right / 305px 147px;
   --asciidoctor-code-background: rgba(177, 209, 241, 0.15);
   --asciidoctor-code-data-lang-color: #6e6e6e;
@@ -67,7 +67,7 @@ html.dark-theme {
 
 @media screen and (max-width: 1024px) {
   html.dark-theme {
-    --asciidoctor-doc-embellishment-background: url(../img/doc-background-dark.svg)
+    --asciidoctor-doc-embellishment-background: url("../img/doc-background-dark.svg")
       no-repeat top right / 203px 95px;
   }
 }

src/main/css/settings-dark.css

@@ -41,7 +41,7 @@
   --selected-background-color: #191e1e;
 
   /* Layout */
-  --layout-banner-logo: url(../img/banner-logo.svg);
+  --layout-banner-logo: url("../img/banner-logo.svg");
   --layout-max-width: 1400px;
   --layout-banner-height: 80px;
   --layout-border-color: var(--color-accent-1);
@@ -51,7 +51,7 @@
   --layout-switchtheme-button-hover-color: var(--color-accent-1);
 
   /* Asciidoctor */
-  --asciidoctor-doc-embellishment-background: url(../img/doc-background.svg)
+  --asciidoctor-doc-embellishment-background: url("../img/doc-background.svg")
     no-repeat top right / 305px 147px;
   --asciidoctor-doc-embellishment-margin-width: 250px;
   --asciidoctor-doc-background-embellishment-height: 147px;
@@ -156,7 +156,7 @@
 @media screen and (max-width: 1024px) {
   :root {
     --toc-width: 16rem;
-    --asciidoctor-doc-embellishment-background: url(../img/doc-background.svg)
+    --asciidoctor-doc-embellishment-background: url("../img/doc-background.svg")
       no-repeat top right / 203px 95px;
     --asciidoctor-doc-embellishment-margin-width: 140px;
   }