From 840c25a2e3cd07f9b5726ceeb4b15f44dc95d7fb Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Thu, 28 Sep 2017 01:00:38 +0800
Subject: Add Large Modals #293

---
 docs/dist/spectre.css | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

(limited to 'docs/dist/spectre.css')

diff --git a/docs/dist/spectre.css b/docs/dist/spectre.css
index fcd1fc3..01ba6e1 100644
--- a/docs/dist/spectre.css
+++ b/docs/dist/spectre.css
@@ -2419,6 +2419,7 @@ summary.accordion-header::-webkit-details-marker {
 .modal.active .modal-container {
   animation: slide-down .2s ease 1;
   max-width: 640px;
+  width: 100%;
   z-index: 1;
 }
 
@@ -2426,6 +2427,15 @@ summary.accordion-header::-webkit-details-marker {
   max-width: 320px;
 }
 
+.modal.modal-lg .modal-overlay {
+  background: #fff;
+}
+
+.modal.modal-lg .modal-container {
+  box-shadow: none;
+  max-width: 960px;
+}
+
 .modal-container {
   background: #fff;
   border-radius: .1rem;
@@ -2436,7 +2446,7 @@ summary.accordion-header::-webkit-details-marker {
 }
 
 .modal-container .modal-header {
-  padding: .8rem;
+  padding: .8rem 1.2rem;
 }
 
 .modal-container .modal-header .modal-title {
@@ -2446,12 +2456,12 @@ summary.accordion-header::-webkit-details-marker {
 .modal-container .modal-body {
   max-height: 50vh;
   overflow-y: auto;
-  padding: .8rem;
+  padding: .8rem 1.2rem;
   position: relative;
 }
 
 .modal-container .modal-footer {
-  padding: .8rem;
+  padding: .8rem 1.2rem;
   text-align: right;
 }
 
-- 
cgit v1.3.1-26-gb76a