• Home
• com.jwebmp.plugins.angular
• jwebmp-angular-progress-button-styles
• 1.0.15.1-jre13
• source code
• _shrink-horizontal.scss

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

META-INF.resources.bower_components.angular-progress-button-styles.sass._shrink-horizontal.scss Maven / Gradle / Ivy

.progress-button {
  &-style-shrink {
    overflow: hidden;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
  }

  &-style-shrink.progress-button-dir-horizontal {
    .content {
      -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
      transition: opacity 0.3s, transform 0.3s;

      &:before, &:after {
        top: 100%;
        right: auto;
        left: 50%;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
      }
    }

    &.state-loading {
      -webkit-transform: scaleY(0.3);
      transform: scaleY(0.3);
      .content {
        opacity: 0;
      }
    }

    &.state-error, &.state-success {
      .content {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
      }
    }
  }
}