tune .modal-blackout and .modal-content SASS

6 years ago · 433b2b2db9
2 changed files with 12 additions and 0 deletions
--- a/sass/layout/_modal.sass
+++ b/sass/layout/_modal.sass
@ -7,6 +7,16 @@ $header-modal-height : $menu-height
				@@ -7,6 +7,16 @@ $header-modal-height : $menu-height

 // style

+@mixin modal-blackout
+	display: block
+	background: rgba(0,0,0, 0.6)
+	z-index: -1
+	position: fixed
+	left: 0
+	top: 0
+	width: 100%
+	height: 100%
+
 .modal-blackout
 	display: none

@ -110,6 +120,7 @@ $header-modal-height : $menu-height
				@@ -110,6 +120,7 @@ $header-modal-height : $menu-height


 	.modal-content
+		background: #fff
 		width: 100%
 		@extend .clear-fix
 		overflow: hidden
--- a/sass/layout/_prompt.sass
+++ b/sass/layout/_prompt.sass
@ -13,6 +13,7 @@
				@@ -13,6 +13,7 @@
 		padding: 0 20px 20px 0
 		float: right
 	.modal-content
+		background: #fff
 		padding: 20px
 		.post-area
 			textarea