Sha256: beac37caafeec1c5de47857131b1eddb768aaf161db2bbeb3192bf397cf0e8a0
Contents?: true
Size: 1.68 KB
Versions: 81
Compression:
Stored size: 1.68 KB
Contents
@import "compass/css3/transition"
@import "compass/css3/animation"
@import "compass/css3/opacity"
@import "compass/css3/box-shadow"
$jiffy: 0.28s
+keyframes(scroll-up)
100%
max-height: 200px
margin-top: -400px
overflow: hidden
0%
max-height: 300px
overflow: hidden
+keyframes(scroll-down)
0%
max-height: 100px
margin-top: -400px
overflow: hidden
+box-shadow(rgba(0,0,0,0))
100%
max-height: 400px
overflow: hidden
+box-shadow(rgba(0,0,0,0))
+keyframes(grow-down)
0%
max-height: 0px
padding-top: 0px
padding-bottom: 0px
+opacity(0.2)
100%
max-height: 400px
+keyframes(shrink-up)
100%
max-height: 0px
padding-top: 0px
padding-bottom: 0px
margin-bottom: 0px
overflow: hidden
+opacity(0.1)
0%
max-height: 400px
overflow: hidden
=shifting-up
&:not(.show)
+animation(scroll-up $jiffy forwards)
overflow: hidden
&.show
+animation(scroll-down $jiffy*2)
=shrinking-up
&:not(.show)
+animation(shrink-up $jiffy forwards)
overflow: hidden
&.show
+animation(grow-down $jiffy*2)
overflow: auto
=shift_direction($direction: right)
$offset: 100%
overflow: hidden
@if $direction == left
margin-left: - $offset
max-width: $offset
@if $direction == right
margin-left: $offset
max-width: $offset
@if $direction == up
margin-top: - $offset
max-height: $offset
@if $direction == down
margin-top: - $offset
max-height: $offset
=shifting($direction: right)
margin-top: 0
+transition(all $jiffy)
&:not(.show)
+shift_direction($direction)
z-index: inherit
.preload *
+animation-duration(0s !important)
Version data entries
81 entries across 81 versions & 1 rubygems