From d693c60bca56af9b5cb18c5b014e2e2c3be24a6f Mon Sep 17 00:00:00 2001
From: thiggins <thiggins@thiggins.dev.insightsquared.com>
Date: Wed, 16 Dec 2015 17:14:43 +0000
Subject: [PATCH] Encode rgb parens

---
 scss/util/_mixins.scss | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

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% {
-- 
2.47.2