Sha256: 83163444af46e0c9f5ff0354f5cebfe69ee3edacf8c79e03f685b1be85e2f4e9

Contents?: true

Size: 1.57 KB

Versions: 84

Compression:

Stored size: 1.57 KB

Contents

.tn-tc-popped-out {
  @include transition(top 0.2s ease);
  position: absolute;
  top: 0;
  left: 0;
  z-index: $tn-z-content-popped;
  overflow: auto;
  min-height: 500px;
  width: 100%;
  height: 100%;

  .tn-tc-popped-out-backdrop {
    @include transition(opacity 0.2s ease);
    position: fixed;
    top: 0;
    left: 0;
    z-index: $tn-z-content-popped-backdrop;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 1;
  }

  &.hidden {
    top: -100%;

    .tn-tc-popped-out-backdrop {
      opacity: 0;
    }
  }

  .tn-tc-sizer {
    position: absolute;
    top: 20px;
    z-index: $tn-z-tc-sizer;
    width: 100%;
  }

  .tn-tc-wrap {
    margin: 0 auto;
    width: 90%;

    &.mobile-breakpoint {

      .tn-tc-sizes {

        a, a.tn-tc-pop-out-close {
          display: block;
          float: left;
          margin-right: 5px;
          margin-bottom: 5px;
        }
      }
    }

    .tenon-content {
      margin-top: 0;
      padding-top: 0;
      border-top: 0;
    }

    .tn-tc-sizes {
      display: block;
      overflow: hidden;
      margin-bottom: 10px;
      padding-bottom: 10px;
      border-bottom: 1px solid $tn-med-grey;

      a {
        display: inline-block;
        margin-right: 5px;
      }

      a.tn-tc-pop-out-close {
        float: right;
        vertical-align: middle;
      }
    }

    .tn-tc-row {
      margin-bottom: 10px;
    }

    .tn-tc-topbar, .tn-tc-bottombar {
      display: none;
    }

    .one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten, .eleven, .twelve {
      @include transition(none);
    }
  }
}

Version data entries

84 entries across 83 versions & 1 rubygems

Version Path
tenon-1.1.8 app/assets/stylesheets/tenon/ui/tenon-content-popped-out.scss
tenon-1.1.7 app/assets/stylesheets/tenon/ui/tenon-content-popped-out.scss
tenon-1.1.6 app/assets/stylesheets/tenon/ui/tenon-content-popped-out.scss
tenon-1.1.5 app/assets/stylesheets/tenon/ui/tenon-content-popped-out.scss
tenon-1.1.4 app/assets/stylesheets/tenon/ui/tenon-content-popped-out.scss
tenon-1.1.3 app/assets/stylesheets/tenon/ui/tenon-content-popped-out.scss
tenon-1.1.2 app/assets/stylesheets/tenon/ui/tenon-content-popped-out.scss
tenon-1.1.1 app/assets/stylesheets/tenon/ui/tenon-content-popped-out.scss
tenon-1.0.76 app/assets/stylesheets/tenon/ui/tenon-content-popped-out.css.scss
tenon-1.0.75 app/assets/stylesheets/tenon/ui/tenon-content-popped-out.css.scss
tenon-1.0.74 app/assets/stylesheets/tenon/ui/tenon-content-popped-out.css.scss
tenon-1.0.73 app/assets/stylesheets/tenon/ui/tenon-content-popped-out.css.scss
tenon-1.0.72 app/assets/stylesheets/tenon/ui/tenon-content-popped-out.css.scss
tenon-1.0.71 app/assets/stylesheets/tenon/ui/tenon-content-popped-out.css.scss
tenon-1.0.70 app/assets/stylesheets/tenon/ui/tenon-content-popped-out.css.scss
tenon-1.0.69 app/assets/stylesheets/tenon/ui/tenon-content-popped-out.css.scss
tenon-1.0.68 app/assets/stylesheets/tenon/ui/tenon-content-popped-out.css.scss
tenon-1.0.67 app/assets/stylesheets/tenon/ui/tenon-content-popped-out.css.scss
tenon-1.0.66 app/assets/stylesheets/tenon/ui/tenon-content-popped-out.css.scss
tenon-1.0.65 app/assets/stylesheets/tenon/ui/tenon-content-popped-out.css.scss