From d0c67464fae4d489859212e3f11c8934e4137e8c Mon Sep 17 00:00:00 2001
From: Trezy <tre@trezy.com>
Date: Wed, 19 Dec 2018 13:25:33 -0600
Subject: [PATCH] fix(dialogs.scss): Separate dialog text color from border
 color

Previously, we were using the `color` property to determine the color of the border around `<dialog
/>` elements. The issue with this is that it requires the text color to match the border color. I've
fixed this by moving the border color declarations into the `box-shadow` property.
---
 scss/elements/dialogs.scss | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/scss/elements/dialogs.scss b/scss/elements/dialogs.scss
index d7f62fa..4e2e8e3 100644
--- a/scss/elements/dialogs.scss
+++ b/scss/elements/dialogs.scss
@@ -11,8 +11,7 @@
   }
 
   &.is-rounded {
-    color: $base-color;
     border: none;
-    box-shadow: 4px 0, -4px 0, 0 4px, 0 -4px;
+    box-shadow: 4px 0 $base-color, -4px 0 $base-color, 0 4px $base-color, 0 -4px $base-color;
   }
 }