From: thiggins <thiggins@thiggins.dev.insightsquared.com>
Date: Wed, 16 Dec 2015 17:14:43 +0000 (+0000)
Subject: Encode rgb parens
X-Git-Tag: v6.1.0~49^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=d693c60bca56af9b5cb18c5b014e2e2c3be24a6f;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Encode rgb parens
---

diff --git a/scss/util/_mixins.scss b/scss/util/_mixins.scss
index a8cb9a84c..bd13a5103 100644
--- a/scss/util/_mixins.scss
+++ b/scss/util/_mixins.scss
@@ -110,7 +110,9 @@
 ///
 /// @param {Color} $color [$black] - Color to use for the triangle.
 @mixin background-triangle($color: $black) {
-  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" fill="#{$color}"></polygon></svg>');
+  $rgb: 'rgb%28#{red($color)}, #{green($color)}, #{blue($color)}%29';
+
+  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: #{$rgb}"></polygon></svg>');
 
   @media screen and (min-width:0\0) {
     @if lightness($color) < 50% {