Sha256: fe49630f0bad05db8c6e039203d8dfec33031d53616f8d2c5bbd838e6f23659c

Contents?: true

Size: 1009 Bytes

Versions: 4

Compression:

Stored size: 1009 Bytes

Contents

$stratum: 10000
//$width: 700px
//$height: 450px
$close-height: 24px
$close-width: 36px

.up-modal
  position: fixed
  top: 0
  left: 0
  bottom: 0
  right: 0
  z-index: $stratum
  background-color: rgba(90, 90, 90, 0.4)

.up-modal-dialog
  position: absolute
  top: 50%
  left: 50%
  transform: translate(-50%, -50%)
  max-width: 100%
  max-height: 100%
  background-color: #fff
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3)
  // 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 

.up-modal-close
  position: absolute
  right: 0
  top: 0
  width: $close-width
  text-align: center
  line-height: $close-height
  height: $close-height
  background-color: #999
  color: #fff
  font-weight: bold
  text-transform: uppercase
  cursor: pointer
  transform: translateY(-100%)

.up-modal-content
  overflow-x: hidden
  overflow-y: auto
  width: 100%
  height: 100%
  padding: 20px
  box-sizing: border-box

Version data entries

4 entries across 4 versions & 1 rubygems

Version Path
upjs-rails-0.3.0 lib/assets/stylesheets/up/modal.css.sass
upjs-rails-0.2.2 lib/assets/stylesheets/up/modal.css.sass
upjs-rails-0.2.1 lib/assets/stylesheets/up/modal.css.sass
upjs-rails-0.2.0 lib/assets/stylesheets/up/modal.css.sass