Sha256: c7fa44ae5cae0841a86ca02046501d827cbb99ac4ef2c538d7d90582ed8ce222

Contents?: true

Size: 1.41 KB

Versions: 7

Compression:

Stored size: 1.41 KB

Contents

@mixin _after {
  content: "";
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  z-index: 556;

  opacity: 0.0;
  -webkit-transition: all 0.8s cubic-bezier(.25,.8,.25,1);
  -moz-transition: all 0.8s cubic-bezier(.25,.8,.25,1);
  -ms-transition: all 0.8s cubic-bezier(.25,.8,.25,1);
  -o-transition: all 0.8s cubic-bezier(.25,.8,.25,1);
  transition: all 0.8s cubic-bezier(.25,.8,.25,1);

}

.with_left_click_icon {
  height: 0;

  > div {
    /*height: 100%;*/ /* NOTE:: рекомендуется устанавливать позицию в custom классах хост приложения */
    /*top: 67px;*/ /* NOTE:: рекомендуется устанавливать позицию в custom классах хост приложения */
    
    width: 80%;
    z-index: 5556;
    background-color: rgba(0,0,0,0);
    cursor: pointer;
    position: absolute;

    &:after {
      /*bottom: 0;*/ /* NOTE:: рекомендуется устанавливать позицию в custom классах хост приложения */
      @include _after;
      background: transparent url(image_path('left_click_icon.png')) no-repeat 0 0;
    }
    
    &:hover {
      
      &:after {
        opacity: 0.8;
      }
      
    }
    
  }

  &.white_icon {

    > div {

      &:after {
        background: transparent url(image_path('left_click_icon_white.png')) no-repeat 0 0;
      }

    }

  }

}

Version data entries

7 entries across 7 versions & 1 rubygems

Version Path
c80_wslider2-0.1.0.7 app/assets/stylesheets/lib/with_left_click_icon.scss
c80_wslider2-0.1.0.6 app/assets/stylesheets/lib/with_left_click_icon.scss
c80_wslider2-0.1.0.5 app/assets/stylesheets/lib/with_left_click_icon.scss
c80_wslider2-0.1.0.4 app/assets/stylesheets/lib/with_left_click_icon.scss
c80_wslider2-0.1.0.3 app/assets/stylesheets/lib/with_left_click_icon.scss
c80_wslider2-0.1.0.2 app/assets/stylesheets/lib/with_left_click_icon.scss
c80_wslider2-0.1.0.1 app/assets/stylesheets/lib/with_left_click_icon.scss