Sha256: 2b807546a1755747cd6c89127899926ac5fc415144197ac9d0f6b43cb1118158

Contents?: true

Size: 1.25 KB

Versions: 24

Compression:

Stored size: 1.25 KB

Contents

@include keyframes("flyIn")
  0%
    opacity: 0
    @include transform(scale(.9))
  100%
    opacity: 1
    @include transform(scale(1))

.animated.flyIn
  @include animation("flyIn" .4s ease)

@include keyframes("flyOut")
  0%
    opacity: 1
    @include transform(scale(1))
  100%
    opacity: 0
    @include transform(scale(.9))

.animated.flyOut
  @include animation("flyOut" .4s ease)

@include keyframes("small-shake")
  0%, 100%
    @include transform(translateX(0))
  20%, 60%
    @include transform(translateX(7px))
  40%, 80%
    @include transform(translateX(-7px))

.animated.small-shake
  @include animation("small-shake" .6s ease-in)

@include keyframes("switchon")
  0%
    @include transform(translate3d(0, 0, 0))
  50%
    width: 32px
    @include transform(translate3d(0, 0, 0))
  100%
    width: 23px
    @include transform(translate3d(17px, 0, 0))

@include keyframes("switchoff")
  0%
    @include transform(translate3d(17px, 0, 0))
  100%
    @include transform(translate3d(0, 0, 0))

.deactivated .knob
  @include animation("switchoff" .2s ease)

.activated .knob
  @include animation("switchon" .4s)
  @include animation-fill-mode(forwards)

@include keyframes("rotate")
  0%
    @include transform(rotate(0deg))
  100%
    @include transform(rotate(360deg))

Version data entries

24 entries across 24 versions & 2 rubygems

Version Path
spina-0.11.1 app/assets/stylesheets/spina/_custom_animations.sass
spina-0.11.0 app/assets/stylesheets/spina/_custom_animations.sass
spina-template-0.4.2 app/assets/stylesheets/spina/_custom_animations.sass
spina-template-0.4.1 app/assets/stylesheets/spina/_custom_animations.sass
spina-template-0.4.0 app/assets/stylesheets/spina/_custom_animations.sass
spina-template-0.3.3 app/assets/stylesheets/spina/_custom_animations.sass
spina-template-0.3.2 app/assets/stylesheets/spina/_custom_animations.sass
spina-template-0.3.1 app/assets/stylesheets/spina/_custom_animations.sass
spina-template-0.3.0 app/assets/stylesheets/spina/_custom_animations.sass
spina-template-0.2.18 app/assets/stylesheets/spina/_custom_animations.css.sass
spina-template-0.2.17 app/assets/stylesheets/spina/_custom_animations.css.sass
spina-template-0.2.16 app/assets/stylesheets/spina/_custom_animations.css.sass
spina-template-0.2.15 app/assets/stylesheets/spina/_custom_animations.css.sass
spina-template-0.2.14 app/assets/stylesheets/spina/_custom_animations.css.sass
spina-template-0.2.13 app/assets/stylesheets/spina/_custom_animations.css.sass
spina-template-0.2.12 app/assets/stylesheets/spina/_custom_animations.css.sass
spina-template-0.2.11 app/assets/stylesheets/spina/_custom_animations.css.sass
spina-template-0.2.10 app/assets/stylesheets/spina/_custom_animations.css.sass
spina-template-0.2.9 app/assets/stylesheets/spina/_custom_animations.css.sass
spina-template-0.2.8 app/assets/stylesheets/spina/_custom_animations.css.sass