kcroakeJRD
5/2/2016 - 1:48 PM

Mobile Toggle

Mobile Toggle

    .menu-toggle{
        display: none;
        span,
        span:before,
        span:after{
            cursor: pointer;
            border-radius: 1px;
            height: 3px;
            width: 23px;
            //Background Color
            background: #fff;
            //Background Color
            position: absolute;
            display: block;
            content: '';
            @include transition(all, .25s ease-out);
        }
        span:before{
            top: -7px;
        }
        span:after{
            bottom: -7px;
        }
        &.active{
            span{
                  background-color: transparent;
                  &:before,
                  &:after{
                    top: 0;
                  }
                  &:before{
                    @include transform(rotate(45deg));
                  }
                  &:after{
                    @include transform(rotate(-45deg));
                  }
            }
        }
    }