feat(card+o-card): use escape-svg function and variables where approp…

…riate
Orange-OpenSource · Sep 18, 2019 · d62ca48 · d62ca48
1 parent f5da24f
commit d62ca48
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/scss/_card.scss b/scss/_card.scss
@@ -303,7 +303,7 @@
         width: .875rem;
         height: .4375rem;
         content: "";
-        background-image: $accordion-arrow-icon;
+        background-image: escape-svg($accordion-arrow-icon);
       }
 
       // stylelint-disable-next-line selector-no-qualifying-type

diff --git a/scss/_o-card.scss b/scss/_o-card.scss
@@ -52,8 +52,7 @@
   .o-card-link {
     flex-direction: row;
     height: 3.75rem;
-    margin: 0;
-    margin-bottom: .625rem;
+    margin: 0 0 map-get($spacers, 2);
     border: 0;
   }
 
@@ -87,7 +86,7 @@
         width: 1rem;
         height: 1rem;
         content: "";
-        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 24'%3E%3Cpath d='M3 0L0 3l9 9-9 9 3 3 12-12' fill='%23999'/%3E%3C/svg%3E");
+        background-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 24'><path d='M3 0L0 3l9 9-9 9 3 3 12-12' fill='#{$gray-600}'/></svg>"));
         background-repeat: no-repeat;
       }
     }