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

Version Path
rbbt-rest-1.7.13 share/views/compass/tab_menu.sass
rbbt-rest-1.7.12 share/views/compass/tab_menu.sass
rbbt-rest-1.7.11 share/views/compass/tab_menu.sass
rbbt-rest-1.7.10 share/views/compass/tab_menu.sass
rbbt-rest-1.7.9 share/views/compass/tab_menu.sass
rbbt-rest-1.7.8 share/views/compass/tab_menu.sass
rbbt-rest-1.7.7 share/views/compass/tab_menu.sass
rbbt-rest-1.7.6 share/views/compass/tab_menu.sass