Sha256: 8ece423e2c685cb905777f6226592b11980ad946273e0fce74a8cc36ad07c85a

Contents?: true

Size: 1.29 KB

Versions: 8

Compression:

Stored size: 1.29 KB

Contents

$slide-animations: true !default;


@if $slide-animations {

  @keyframes slideInDown {
    0% {
      opacity: 0;
      transform: translateY(-2000px);
    }

    100% {
      transform: translateY(0);
    }
  }

  .slideInDown {
    animation-name: slideInDown;
  }

  @keyframes slideInLeft {
    0% {
      opacity: 0;
      transform: translateX(-2000px);
    }

    100% {
      transform: translateX(0);
    }
  }

  .slideInLeft {
    animation-name: slideInLeft;
  }

  @keyframes slideInRight {
    0% {
      opacity: 0;
      transform: translateX(2000px);
    }

    100% {
      transform: translateX(0);
    }
  }

  .slideInRight {
    animation-name: slideInRight;
  }

  @keyframes slideOutLeft {
    0% {
      transform: translateX(0);
    }

    100% {
      opacity: 0;
      transform: translateX(-2000px);
    }
  }

  .slideOutLeft {
    animation-name: slideOutLeft;
  }

  @keyframes slideOutRight {
    0% {
      transform: translateX(0);
    }

    100% {
      opacity: 0;
      transform: translateX(2000px);
    }
  }

  .slideOutRight {
    animation-name: slideOutRight;
  }

  @keyframes slideOutUp {
    0% {
      transform: translateY(0);
    }

    100% {
      opacity: 0;
      transform: translateY(-2000px);
    }
  }

  .slideOutUp {
    animation-name: slideOutUp;
  }

}

Version data entries

8 entries across 8 versions & 1 rubygems

Version Path
groundworkcss-2.3.7 app/assets/stylesheets/groundworkcss/anim/_slide.scss
groundworkcss-2.3.6 app/assets/stylesheets/groundworkcss/anim/_slide.scss
groundworkcss-2.3.5 app/assets/stylesheets/groundworkcss/anim/_slide.scss
groundworkcss-2.3.4 app/assets/stylesheets/groundworkcss/anim/_slide.scss
groundworkcss-2.3.3 app/assets/stylesheets/groundworkcss/anim/_slide.scss
groundworkcss-2.3.2 app/assets/stylesheets/groundworkcss/anim/_slide.scss
groundworkcss-2.3.1 app/assets/stylesheets/groundworkcss/anim/_slide.scss
groundworkcss-2.2.1 app/assets/stylesheets/groundworkcss/anim/_slide.scss