Contents

@mixin create_keyframes_animation($name, $left_percent, $center_percent, $right_precent)
  +keyframes($name)
    0%
      transform: scale(1)
    #{$left_percent}%
      transform: scale(1)
    #{$center_percent}%
      transform: scale(1.4)
    #{$right_precent}%
      transform: scale(1)
    100%
      transform: scale(1)

@mixin keyframes($name)
  @keyframes #{$name}
    @content

@mixin add_animation_on_sharing_button($index, $speed)
  .sharing_tags-buttons__item
    &:nth-child(#{$index})
      a
        animation: animate_sharing_buttons_#{$index} #{$speed}s infinite

@mixin create_wave_animation_on_sharing_buttons($count_of_buttons, $speed:2)
  $step: 100 / $count_of_buttons
  $half_step: $step / 2
  @for $i from 1 through $count_of_buttons
    $right: $i*$step
    $center: $right - $half_step
    $left: $center - $half_step

    +create_keyframes_animation('animate_sharing_buttons_#{$i}', $left, $center, $right)
    +add_animation_on_sharing_button($i, $speed)

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
sharing_tags-0.0.11	app/assets/stylesheets/sharing_tags/wave_animation.css.sass
sharing_tags-0.0.10	app/assets/stylesheets/sharing_tags/wave_animation.css.sass