Sha256: 9e5e93703f3546a0d8007158afda6721bb95cd72786b1ca8bea33c5d561b8f84

Contents?: true

Size: 847 Bytes

Versions: 3

Compression:

Stored size: 847 Bytes

Contents

.reveal-modal .close-reveal-modal,
dialog .close-reveal-modal{
  font-size: 2.5rem;
  line-height: 1;
  position: absolute;
  top: 0.5rem;
  right: 0.6875rem;
  color: $slate;
  font-weight: bold;
  cursor: pointer;
}

.reveal-modal{
  max-width: 960px;
  position: relative;
  margin: 0 auto;

  a{
    text-decoration: none;
    font-weight: normal;
  }

  @include breakpoint(small only){
    top: 50px !important;
    min-height: 240px;
  }

  &__close{
    position: absolute;
    color: $slate;
    right: 1rem;
    top: 0.5rem;
    font-size: 2em;
    line-height: 1;
    cursor: pointer;

    &--white{
      @extend .reveal-modal__close;
      color: $white;
    }
  }
}

@include breakpoint(small only){
  .reveal{
    padding: $global-padding $global-padding 51px $global-padding; // 51 pixels to offset the height of the top bar
  }
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version Path
ama_layout-4.10.1 app/assets/stylesheets/ama_layout/layout_components/reveal-modal.scss
ama_layout-4.10.0 app/assets/stylesheets/ama_layout/layout_components/reveal-modal.scss
ama_layout-4.9.0 app/assets/stylesheets/ama_layout/layout_components/reveal-modal.scss