Contents

.full {
  position:absolute;
  top:50%;
  left:50%;
  overflow:hidden;
  margin:(-$height/2) 0 0 (-$width/2);
  width:$width;
  height:$height;
  background:#000;
  &.wide-layout {
    margin:(-$height/2) 0 0 (-$width/2);
    width:$width;
    height:$height;
  }
  // Slide
  .slide {
    position:absolute;
    top:0;
    left:0;
    margin-left:150%;
    // Next
    .next {
      visibility:hidden;
      &.active {
        visibility:visible;
      }
    }
    // Current
    &:target {
      margin:0;
    }
    // Shout
    &.shout {
      &.right, &.up, &.left, &.down {
        h1, h2 {
          opacity:0;
          transition:all 0.7s ease-out;
        }
        &:target h2 {
          opacity:1;
          -webkit-transform:translateX(0) translateY(-50%);
          transform:translateX(0) translateY(-50%);
        }
      }
      &.right h2 {
        -webkit-transform:translateX(-100%) translateY(-50%);
        transform:translateX(-100%) translateY(-50%);
      }
      &.left h2 {
        -webkit-transform:translateX(100%) translateY(-50%);
        transform:translateX(100%) translateY(-50%);
      }
      &.up h2 {
        -webkit-transform:translateX(0) translateY(100%);
        transform:translateX(0) translateY(100%);
      }
      &.down h2 {
        -webkit-transform:translateX(0) translateY(-100%);
        transform:translateX(0) translateY(-100%);
      }
    }
  }
  @import 'increment';
  @import 'progress';

  .box.shadow {
    box-shadow: 5px 5px 15px rgba(#000, 0.25);
    border-radius: 3px;
  }

  .disabled {
    display: none;
  }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
slideoff-0.2	themes/modern/styles/_full.scss
slideoff-0.1	themes/modern/styles/_full.scss