From 6c65d73b3a06cd059c64ec767fc2f59faa3a4ace Mon Sep 17 00:00:00 2001
From: Jason Miller <jason@developit.ca>
Date: Thu, 15 Oct 2015 21:44:39 -0400
Subject: [PATCH] Add photon styles for the HTML5 `<dialog>` element

---
 sass/dialogs.scss | 12 ++++++++++++
 sass/photon.scss  |  1 +
 2 files changed, 13 insertions(+)
 create mode 100644 sass/dialogs.scss

diff --git a/sass/dialogs.scss b/sass/dialogs.scss
new file mode 100644
index 0000000..108c921
--- /dev/null
+++ b/sass/dialogs.scss
@@ -0,0 +1,12 @@
+//
+// Dialogs.scss
+// --------------------------------------------------
+
+dialog {
+  padding: 0;
+  background-color: $chrome-color;
+  border: 1px solid #bebebe;
+  border-radius: 6px;
+  box-shadow: 0 0 30px rgba(0,0,0,.1);
+  overflow: hidden;
+}
diff --git a/sass/photon.scss b/sass/photon.scss
index 9efc680..4c88168 100644
--- a/sass/photon.scss
+++ b/sass/photon.scss
@@ -13,6 +13,7 @@
 @import "buttons.scss";
 @import "button-groups.scss";
 @import "bars.scss";
+@import "dialogs.scss";
 @import "forms.scss";
 @import "grid.scss";
 @import "images.scss";