Sha256: cd955f35187ffd519694862b18b71d0bcfb9fc9d6febb83d8ae58a27788fb11b

Contents?: true

Size: 1.71 KB

Versions: 33

Compression:

Stored size: 1.71 KB

Contents

$stratum: 10000
$substratum-dialog:  1000
$substratum-content: 2000
$substratum-close:   3000

$close-height: 36px
$close-width: 36px
$close-font-size: 34px

=transform($transform)
  transform: $transform
  -ms-transform: $transform // IE9
  -webkit-transform: $transform // Safari, Some Android

.up-modal
  position: fixed
  top: 0
  left: 0
  bottom: 0
  right: 0
  z-index: $stratum
  background-color: rgba(90, 90, 90, 0.4)
  overflow-x: hidden
  overflow-y: scroll
  // We prefer centering the dialog as an `inline-block`
  // to giving it a horizontal margin of `auto`. This way
  // the width of `.up-modal-dialog` is controlled by the
  // contents of `.up-modal-content`.
  text-align: center

.up-modal-dialog
  // The z-index lives in the stacking context of .up-modal
  z-index: $substratum-dialog
  // Make sure .up-modal-close is relative to the dialog
  position: relative
  // In case someone sets padding on the dialog box,
  // the width and height attributes set by up.modal
  // should be honored exactly.
  box-sizing: border-box
  margin: 30px 10px

  // In case someone sets a huge width on the dialog.
  max-width: 100%

  // Make it grow with the width of .up-modal-content
  display: inline-block
  text-align: left

.up-modal-content
  // The z-index lives in the stacking context of .up-modal
  z-index: $substratum-content
  padding: 20px
  background-color: #fff
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3)

.up-modal-close
  // The z-index lives in the stacking context of .up-modal
  z-index: $substratum-close
  position: absolute
  right: 0
  top: 0
  width: $close-width
  text-align: center
  line-height: $close-height
  height: $close-height
  font-size: $close-font-size
  color: #666
  cursor: pointer

Version data entries

33 entries across 33 versions & 2 rubygems

Version Path
unpoly-rails-0.23.0 lib/assets/stylesheets/unpoly/modal.css.sass
unpoly-rails-0.22.1 lib/assets/stylesheets/unpoly/modal.css.sass
unpoly-rails-0.22.0 lib/assets/stylesheets/unpoly/modal.css.sass
unpoly-rails-0.21.0 lib/assets/stylesheets/unpoly/modal.css.sass
unpoly-rails-0.20.0 lib/assets/stylesheets/unpoly/modal.css.sass
upjs-rails-0.19.0 lib/assets/stylesheets/up/modal.css.sass
upjs-rails-0.18.1 lib/assets/stylesheets/up/modal.css.sass
upjs-rails-0.18.0 lib/assets/stylesheets/up/modal.css.sass
upjs-rails-0.17.0 lib/assets/stylesheets/up/modal.css.sass
upjs-rails-0.16.0 lib/assets/stylesheets/up/modal.css.sass
upjs-rails-0.15.1 lib/assets/stylesheets/up/modal.css.sass
upjs-rails-0.15.0 lib/assets/stylesheets/up/modal.css.sass
upjs-rails-0.14.1 lib/assets/stylesheets/up/modal.css.sass
upjs-rails-0.14.0 lib/assets/stylesheets/up/modal.css.sass
upjs-rails-0.13.0 lib/assets/stylesheets/up/modal.css.sass
upjs-rails-0.12.5 lib/assets/stylesheets/up/modal.css.sass
upjs-rails-0.12.4 lib/assets/stylesheets/up/modal.css.sass
upjs-rails-0.12.3 lib/assets/stylesheets/up/modal.css.sass
upjs-rails-0.12.2 lib/assets/stylesheets/up/modal.css.sass
upjs-rails-0.12.1 lib/assets/stylesheets/up/modal.css.sass