Sha256: cee5c1a845208979dfc121496cde58c4a029d50aa78eedb6d7df3516d2822cb6

Contents?: true

Size: 1.77 KB

Versions: 1

Compression:

Stored size: 1.77 KB

Contents

@import includes/settings
@import includes/mixins
@import includes/colors
/* Reveal Modals */
.reveal-modal-bg
  position: fixed
  height: 100%
  width: 100%
  background: #000
  background: rgba(0,0,0,0.8)
  z-index: 100
  display: none
  top: 0
  left: 0

.reveal-modal
  visibility: hidden
  top: 100
  left: 50%
  margin-left: -300
  width: 520
  background: #eee image-url('misc/modal-gloss.png') no-repeat -200 -80
  position: absolute
  z-index: 101
  padding: 30 40 34px
  +border-radius(5px)
  +box-shadow(0 0 10 rgba(0,0,0,0.4))
  &.small
    width: 200
    margin-left: -140
  &.medium
    width: 400
    margin-left: -240
  &.large
    width: 600
    margin-left: -340
  &.xlarge
    width: 800
    margin-left: -440
  .close-reveal-modal
    +font-size(22)
    line-height: .5
    position: absolute
    top: 8px
    right: 11px
    color: #aaa
    text-shadow: 0 -1px 1px rgba(0,0,0,0.6)
    font-weight: bold
    cursor: pointer
  .row
    min-width: 0

/* Mobile */
@media only screen and (device-width: 768px), (device-width: 800)
  .reveal-modal-bg
    position: absolute
  .reveal-modal
    &.small, &.medium, &.large, &.xlarge
      width: 60%
      top: 30%
      left: 15%
      margin-left: 0
      padding: 5%
      height: auto
@media only screen and (max-width: 767px)
  .reveal-modal-bg
    position: absolute
  .reveal-modal
    &.small, &.medium, &.large, &.xlarge
      width: 80%
      top: 15%
      left: 5%
      margin-left: 0
      padding: 5%
      height: auto


/* NOTES */
/* Close button entity is × */
	
/* Example markup */
/* <div id="myModal" class="reveal-modal"> */
/* 	<h2>Awesome. I have it.</h2> */
/* 	<p class="lead">Your couch.  I it's mine.</p> */
/* 	<p>Lorem ipsum dolor sit amet...</p> */
/* 	<a class="close-reveal-modal">&#215;</a> */
/* </div> */

Version data entries

1 entries across 1 versions & 1 rubygems

Version Path
ZURB-foundation-2.1.3 stylesheets/ZURB/_reveal.sass