Sha256: 999950f69e0e26c1dd2347ee14995a343c424cd5e92e0d7c73d275fe55e7ab9f

Contents?: true

Size: 1.11 KB

Versions: 4

Compression:

Stored size: 1.11 KB

Contents

.modal {
  @extend .z-depth-4;

  display: none;
  position: fixed;
  left: 0;
  right: 0;
  background-color: #eee;
  padding: 0;
  max-height: 70%;
  width: 55%;
  margin: auto;
  overflow-y: auto;
  z-index: 1000;

  @include border-radius(2px);
  @include transform(translate(0));
  will-change: top, opacity;

  @media #{$medium-and-down} {
   width: 80%;
  }

  h1,h2,h3,h4 {
    margin-top: 0;
  }

  .modal-content {
    padding: 24px;
  }

  .modal-footer {
    background-color: #eee;
    padding: 4px 6px;
    height: 56px;
    width: 100%;

    .btn, .btn-flat {
      float: right;
      margin: 6px 0;
    }
  }
}
#lean-overlay {
    position: fixed;
    z-index:999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 115%;
    width: 100%;
    background: #000;
    display: none;

    will-change: opacity;
}

.modal.modal-fixed-footer {
  padding: 0;
  height: 70%;

  .modal-content {
    position: fixed;
    max-height: 100%;
    padding-bottom: 64px;
    width: 100%;
    overflow-y: auto;
  }

  .modal-footer {
    border-top: 1px solid rgba(0,0,0,.1);
    position: fixed;
    bottom: 0;
  }
}

Version data entries

4 entries across 4 versions & 1 rubygems

Version Path
materialize-sass-0.95.3.2 app/assets/stylesheets/materialize/components/_modal.scss
materialize-sass-0.95.3.1 app/assets/stylesheets/materialize/components/_modal.scss
materialize-sass-0.95.3 app/assets/stylesheets/materialize/components/_modal.scss
materialize-sass-0.95.2 app/assets/stylesheets/materialize/components/_modal.scss