Sha256: 5ef94ce253c194a2f4128c26dcb1a0f1786e6df9ec8d09623d7873856e316481
Contents?: true
Size: 1.04 KB
Versions: 5
Compression:
Stored size: 1.04 KB
Contents
@mixin create_keyframes_animation($name, $left_percent, $center_percent, $right_precent, $scale)
+keyframes($name)
0%
transform: scale(1)
#{$left_percent}%
transform: scale(1)
#{$center_percent}%
transform: scale($scale)
#{$right_precent}%
transform: scale(1)
100%
transform: scale(1)
@mixin keyframes($name)
@keyframes "#{$name}"
@content
@mixin add_animation_on_sharing_button($animation_name, $index, $speed)
& .sharing_tags-buttons__item
&:nth-child(#{$index})
a
animation: $animation_name #{$speed}s infinite
@mixin create_wave_animation_on_sharing_buttons($count_of_buttons, $speed:2, $scale: 1.4)
$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
$animation_name: 'animate__button#{$i}'
+create_keyframes_animation($animation_name, $left, $center, $right, $scale)
+add_animation_on_sharing_button($animation_name, $i, $speed)
Version data entries
5 entries across 5 versions & 1 rubygems