Generic modal styling and options

This commit is contained in:
summerscope
2014-06-19 15:39:53 +10:00
parent 4c160ac83f
commit e74ee3c6d5

View File

@@ -4,7 +4,7 @@
dialog, .reveal-modal
border: none
outline: none
padding: 0.875rem
padding: 1rem
.reveal-modal-bg
background-color: rgba(0,0,0,0.65)
@@ -22,75 +22,3 @@ dialog .close-reveal-modal.outside, .reveal-modal .close-reveal-modal.outside
&:hover, &:active, &:focus
text-shadow: 0 1px 3px #333
border: 1px solid white
.modal-centered
text-align: center
p
margin-bottom: 0
.modal-small
font-size: 0.875rem
max-height: 200px
min-height: 80px
overflow: scroll
border-bottom: 1px solid #999
@include box-shadow(0 2px 2px -2px #999)
img
float: left
margin-right: 1rem
margin-bottom: 1rem
.follow-icons
text-align: center
span
display: inline-block
margin: 0 0.25rem 0.75rem 0.25rem
i
font-size: 2rem
.cta-container
background: url("/assets/gray_jean.png") repeat
padding: 0.75rem 1rem 0 1rem
.button.hub
margin-right: 1rem
margin-bottom: 1rem
padding-left: 1rem
padding-right: 1rem
font-weight: bold
line-height: 1
i.ofn-i_033-open-sign, i.ofn-i_032-closed-sign
margin-right: 0.15rem
font-size: 1.25rem
i.ofn-i_007-caret-right
margin-left: 1rem
.modal-address
font-weight: 300
font-style: italic
font-size: 0.75rem
display: inline
.modal-header
text-align: center
text-transform: uppercase
border-bottom: 1px solid black
margin-top: 0.75rem
.highlight
position: relative
.highlight-row
padding: 0.75rem 0.9375rem
width: 100%
overflow: hidden
background-color: rgba(255,255,255,0.65)
position: absolute
bottom: 0
h3, p
margin-top: 0
margin-bottom: 0
padding-bottom: 0
line-height: 1
p
line-height: 2