Add style-flat base

To create a modal with the flat style, just use modal-base-flat instead of modal-base
This commit is contained in:
Scott Erickson 2016-02-25 11:40:27 -08:00
parent ad78f64b31
commit 8b22b78f74
3 changed files with 34 additions and 2 deletions

View file

@ -20,7 +20,7 @@ iframe
.selectable
cursor: pointer
.modal-dialog
.modal-dialog.game
padding: 5px
margin-top: 30px
margin-bottom: 0px

View file

@ -0,0 +1,32 @@
.modal-dialog
.modal-content.style-flat
block modal-header
.modal-header
if view.closeButton
.button.close(type="button", data-dismiss="modal", aria-hidden="true") ×
block modal-header-content
if view.options.headerContent
h3!= view.options.headerContent
else
h3 man bites God
block modal-body
.modal-body
block modal-body-content
if view.options.bodyContent
div!= view.options.bodyContent
else
p Man Bites God are the bad boys of the Melbourne live music and comedy scene. It is like being drowned in a bathtub of harmony.
img(src="http://www.manbitesgod.com/images/picturecoupleb.jpg")
img(src="http://www.manbitesgod.com/images/manrantb.jpg")
.modal-body.wait.secret
block modal-body-wait-content
h3 Reticulating Splines...
.progress.progress-striped.active
.progress-bar
block modal-footer
.modal-footer
block modal-footer-content
button.btn.btn-primary(type="button", data-dismiss="modal", aria-hidden="true", data-i18n="modal.okay") Okay

View file

@ -1,4 +1,4 @@
.modal-dialog
.modal-dialog.game
.background-wrapper
.modal-content
block modal-header