Merge pull request #258 from creativecommons/logomark-path-fix

Ensure ../svg/ paths are simplified and consistent in vocabulary.css and library-vars.css

src/css/library-vars.css

@@ -132,27 +132,27 @@
      --icon-sprite-size: 1em;
 
      /* cc sprite names */
-     --cc-logo: url('./../svg/cc/icons/cc-icons.svg#cc-logo');
-     --cc-heart: url('./../svg/cc/icons/cc-icons.svg#cc-heart');
-     --cc-heart-filled: url('./../svg/cc/icons/cc-icons.svg#cc-heart-filled');
-     --cc-quote: url('./../svg/cc/icons/cc-icons.svg#cc-quote');
+     --cc-logo: url('../svg/cc/icons/cc-icons.svg#cc-logo');
+     --cc-heart: url('../svg/cc/icons/cc-icons.svg#cc-heart');
+     --cc-heart-filled: url('../svg/cc/icons/cc-icons.svg#cc-heart-filled');
+     --cc-quote: url('../svg/cc/icons/cc-icons.svg#cc-quote');
 
      /* font awesome sprite names */
-     --fa-angle-down: url('./../svg/font-awesome/icons/fa-icons.svg#fa-angle-down');
-     --fa-angle-left: url('./../svg/font-awesome/icons/fa-icons.svg#fa-angle-left');
-     --fa-angle-right: url('./../svg/font-awesome/icons/fa-icons.svg#fa-angle-right');
-     --fa-angle-up: url('./../svg/font-awesome/icons/fa-icons.svg#fa-angle-up');
-     --fa-globe: url('./../svg/font-awesome/icons/fa-icons.svg#fa-globe');
-     --fa-heart: url('./../svg/font-awesome/icons/fa-icons.svg#fa-heart');
-     --fa-info: url('./../svg/font-awesome/icons/fa-icons.svg#fa-info');
-     --fa-right-angle: url('./../svg/font-awesome/icons/fa-icons.svg#fa-right-angle');
-     --fa-search: url('./../svg/font-awesome/icons/fa-icons.svg#fa-search');
-
-     --fa-instagram: url('./../svg/font-awesome/icons/fa-icons.svg#fa-instagram');
-     --fa-twitter: url('./../svg/font-awesome/icons/fa-icons.svg#fa-twitter');
-     --fa-facebook: url('./../svg/font-awesome/icons/fa-icons.svg#fa-facebook');
-     --fa-linkedin: url('./../svg/font-awesome/icons/fa-icons.svg#fa-linkedin');
-     --fa-mastodon: url('./../svg/font-awesome/icons/fa-icons.svg#fa-mastodon');
+     --fa-angle-down: url('../svg/font-awesome/icons/fa-icons.svg#fa-angle-down');
+     --fa-angle-left: url('../svg/font-awesome/icons/fa-icons.svg#fa-angle-left');
+     --fa-angle-right: url('../svg/font-awesome/icons/fa-icons.svg#fa-angle-right');
+     --fa-angle-up: url('../svg/font-awesome/icons/fa-icons.svg#fa-angle-up');
+     --fa-globe: url('../svg/font-awesome/icons/fa-icons.svg#fa-globe');
+     --fa-heart: url('../svg/font-awesome/icons/fa-icons.svg#fa-heart');
+     --fa-info: url('../svg/font-awesome/icons/fa-icons.svg#fa-info');
+     --fa-right-angle: url('../svg/font-awesome/icons/fa-icons.svg#fa-right-angle');
+     --fa-search: url('../svg/font-awesome/icons/fa-icons.svg#fa-search');
+
+     --fa-instagram: url('../svg/font-awesome/icons/fa-icons.svg#fa-instagram');
+     --fa-twitter: url('../svg/font-awesome/icons/fa-icons.svg#fa-twitter');
+     --fa-facebook: url('../svg/font-awesome/icons/fa-icons.svg#fa-facebook');
+     --fa-linkedin: url('../svg/font-awesome/icons/fa-icons.svg#fa-linkedin');
+     --fa-mastodon: url('../svg/font-awesome/icons/fa-icons.svg#fa-mastodon');
 
 }
 

src/css/vocabulary.css

@@ -814,14 +814,14 @@ body > header .masthead .identity-logo {
 
     /* allows for color manipulation of svg */
     background-color: black;
-    -webkit-mask-image: url('./../svg/cc/logos/cc/logomark.svg');
-    mask-image: url('./../svg/cc/logos/cc/logomark.svg');
+    -webkit-mask-image: url('../svg/cc/logos/cc/logomark.svg');
+    mask-image: url('../svg/cc/logos/cc/logomark.svg');
     -webkit-mask-repeat: no-repeat;
     mask-repeat: no-repeat;
     cursor: pointer;
 
     /* standard pattern for setting logo in lieu of background color manipulation */
-    /* background: url('../../svg/cc/logos/cc/logomark.svg') left top no-repeat; */
+    /* background: url('../svg/cc/logos/cc/logomark.svg') left top no-repeat; */
 }
 
 body > header .masthead .identity-logo:hover {
@@ -878,8 +878,8 @@ body > header .masthead .identity-logo.product:before {
     top: .176em;
 
     background-color: black;
-    -webkit-mask-image: url('./../svg/cc/logos/cc/lettermark.svg');
-    mask-image: url('./../svg/cc/logos/cc/lettermark.svg');
+    -webkit-mask-image: url('../svg/cc/logos/cc/lettermark.svg');
+    mask-image: url('../svg/cc/logos/cc/lettermark.svg');
     -webkit-mask-repeat: no-repeat;
     mask-repeat: no-repeat;
     cursor: pointer;
@@ -1076,15 +1076,15 @@ body > header .explore-panel aside .identity-logo {
 
     /* allows for color manipulation of svg */
     background-color: white;
-    -webkit-mask-image: url('./../svg/cc/logos/cc/logomark.svg');
-    mask-image: url('./../svg/cc/logos/cc/logomark.svg');
+    -webkit-mask-image: url('../svg/cc/logos/cc/logomark.svg');
+    mask-image: url('../svg/cc/logos/cc/logomark.svg');
     -webkit-mask-repeat: no-repeat;
     mask-repeat: no-repeat;
     cursor: pointer;
     text-indent: -1000px;
 
     /* standard pattern for setting logo in lieu of background color manipulation */
-    /* background: url('../../svg/cc/logos/cc/logomark.svg') left top no-repeat; */
+    /* background: url('../svg/cc/logos/cc/logomark.svg') left top no-repeat; */
 }
 
 body > header .explore-panel aside h2 {
@@ -1275,14 +1275,14 @@ body > footer .identity-logo {
 
     /* allows for color manipulation of svg */
     background-color: white;
-    -webkit-mask-image: url('./../svg/cc/logos/cc/logomark.svg');
-    mask-image: url('./../svg/cc/logos/cc/logomark.svg');
+    -webkit-mask-image: url('../svg/cc/logos/cc/logomark.svg');
+    mask-image: url('../svg/cc/logos/cc/logomark.svg');
     -webkit-mask-repeat: no-repeat;
     mask-repeat: no-repeat;
     cursor: pointer;
 
     /* standard pattern for setting logo in lieu of background color manipulation */
-    /* background: url('../../svg/cc/logos/cc/logomark.svg') left top no-repeat; */
+    /* background: url('../svg/cc/logos/cc/logomark.svg') left top no-repeat; */
 }
 
 body > footer .identity-logo:hover {