Sha256: b6f65655cb1c44ca4313b73ca67196b483e4eb2508fbb423a8f86327f77960de
Contents?: true
Size: 1.99 KB
Versions: 8
Compression:
Stored size: 1.99 KB
Contents
@import "compass/css3/animation"
@import "compass/css3/opacity"
@import "compass/css3/box-shadow"
$jiffy: 0.28s
$jiffy: 0.14s
+keyframes(scroll-up)
100%
max-height: 200px
margin-top: -400px
overflow: hidden
z-index: -1
+box-shadow(rgba(0,0,0,0))
50%
max-height: 300px
margin-top: -100px
overflow: hidden
z-index: -1
+box-shadow(rgba(0,0,0,0))
0%
max-height: 500px
overflow: hidden
z-index: -1
+box-shadow(rgba(0,0,0,0))
+keyframes(scroll-down)
0%
max-height: 200px
margin-top: -400px
overflow: hidden
z-index: -1
+box-shadow(rgba(0,0,0,0))
100%
max-height: 500px
z-index: -1
+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: 500px
+keyframes(shrink-up)
100%
border: none
max-height: 0px
padding-top: 0px
padding-bottom: 0px
overflow: hidden
+opacity(0.1)
0%
border: none
max-height: 500px
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: hidden
dl.rbbt_tabs
position: relative
overflow: visible
margin-top: 14px
margin-bottom: 14px
font-size: 0
&:after
content: ""
clear: both
display: block
dt
cursor: pointer
font-size: 14px
padding: 1em
display: inline-block
min-width: 20%
&.active
font-weight: bold
border: 1px solid #D4D4D5
&:hover
border: 1px solid darken(#D4D4D5,30)
dd
font-size: 14px
margin: 0px
float: left
overflow: visible
overflow-y: auto
min-width: 100%
padding: 1em
&:not(.show)
+animation(shrink-up $jiffy forwards)
&.show
+animation(grow-down $jiffy*2)
border: 1px solid #D4D4D5
Version data entries
8 entries across 8 versions & 1 rubygems