rbbt-rest 1.8.38 → 1.8.40

data/share/views/compass/old/menu/actionable.sass

@@ -0,0 +1 @@
+@import "elements/buttons"

data/share/views/compass/old/menu/dropdown_menu.sass

@@ -0,0 +1,31 @@
+@import "mixins/all"
+
+%dropdown_menu-layout
+  transform: rotate(360deg)
+  & > dt
+    @media #{$only-small}
+      width: 100%
+      padding-left: $tile !important
+      padding-right: $tile !important
+      text-align: left
+  & > dd
+    @media #{$only-small}
+      float: left
+    @media #{$not-small}
+      position: absolute
+      left: 0px
+
+%dropdown_menu-content-movement
+  +shrinking-up
+  overflow-y: auto
+
+%dropdown_menu
+  @extend %menu
+  @extend %dropdown_menu-layout
+  overflow: visible
+  & > dd
+    min-width: 100%
+    @extend %background-glassy
+    @extend %dropdown_menu-content-movement
+
+

data/share/views/compass/old/menu/hide.sass

@@ -0,0 +1,14 @@
+@import "mixins/hide"
+=gone
+  &:not(.show)
+    +shrinking("up")
+
+=hide_next
+  &.next:not(.show) + dd
+    +gone
+
+
+%hide-fold
+  position: relative
+  & > dd
+    +shrinking-up

data/share/views/compass/old/menu/menu.sass

@@ -0,0 +1,98 @@
+@import "compass/css3/transform"
+@import "compass/css3/border-radius"
+@import "base/blocks"
+@import "base/fonts"
+@import "base/text"
+@import "elements/buttons"
+@import "elements/materials"
+@import "elements/movement"
+
+@import "mixins/all"
+
+@import "menu/hide"
+@import "mixins/hide"
+
+@import "compass/typography/vertical_rhythm"
+
+=absolute
+  position: relative
+  & > dd
+    position: absolute
+
+=below_left
+  +absolute
+  & > dd
+    left: 0
+    
+=below_right
+  +absolute
+  & > dd
+    right: 0
+
+=top_right
+  position: relative
+  & > dd
+    position: absolute
+    top: 0
+
+
+=right_content
+  & > dd
+    position: absolute
+    top: 0
+    right: 0
+
+=float_content
+  & > dd
+    @extend %float-left
+    
+
+
+=shadow_content
+  +boxed
+  &:not(.show)
+    border: none
+  &.show
+    +bottom_shadow(2)
+
+
+=top_divider
+  &:not(:first-child)
+    border-top: 1px solid $extremely-subtle-color
+
+
+=action_top
+  border-top: 1px solid $subtle-border
+    
+%tab
+  +text_line
+  display: inline-block
+  position: relative
+  border-bottom: 0px
+  width: auto
+  min-width: 3em
+  text-align: center
+
+%menu
+  overflow: hidden
+  +clean_list
+  +flat_list
+  +noinlinegaps
+  position: relative
+  z-index: 1
+  & > dt
+    z-index: 2
+    @extend %tab
+    & > a
+      +clean_style
+  & > dd
+    z-index: 1
+    @media #{$only-small}
+      max-width: 100%
+
+
+@import "menu/tab_menu"
+@import "menu/dropdown_menu"
+@import "menu/vertical_menu"
+@import "menu/accordion_menu"
+    

data/share/views/compass/old/menu/tab_menu.sass

@@ -0,0 +1,14 @@
+%tab_menu-layout-horizontal
+  @extend %menu
+  overflow: visible
+  @extend %hide-fold
+  & > dt
+    @extend %tab
+  & > dd
+    @extend %float-left
+    +padded_block
+    overflow-y: auto
+    min-width: 100%
+
+%tab_menu
+  @extend %tab_menu-layout-horizontal

data/share/views/compass/old/menu/top_bar.sass

@@ -0,0 +1,105 @@
+=block-magic-glass
+  background: transparentize(tint($color-one, 73), 1 - 0.618)
+  border: $tile solid transparentize(tint($color-one, 73), 1 - 0.618)
+
+$top_bar-menu-height: 400px
+$top_bar-menu-width: 500px
+
+=top_bar-rail_menus
+  border-top: 1px solid $subtle_border
+  +shifting(right)
+
+  position: absolute
+  top: $top_menu_height
+  left: 0
+  width: 100%
+  @media #{$only-large}
+    margin-left: 30%
+    width: 70%
+  @media #{$only-very-large}
+    margin-left: 50%
+    width: 50%
+
+  +block-magic-glass
+  & > dl
+    width: 100%
+    & > dd
+      max-height: $top_bar-menu-height
+
+
+=top_bar-insitu_menus
+  margin-left: 2 * $tile
+  margin-right: 2 * $tile
+
+  transform: rotate(360deg)
+
+  &.reload, &.find
+    +material(1)
+
+  &.find
+    +shifting(right)
+    position: absolute
+    top: $top_menu_height
+
+  &.favourites
+    float: left
+    margin-left: calc(15% + #{ 2 * $indent})
+    & > dl > dd 
+      left: 0
+
+  &.user
+    float: right
+    margin-right: 10em
+    flex-direction: row-reverse
+    & > dl > dd 
+      position: absolute
+      right: 0
+
+  & > dl
+    z-index: 12
+    overflow: visible
+    display: flex
+
+    & > dt 
+      z-index: 14
+
+    & > dd 
+      overflow-y: auto
+      overflow-x: hidden
+      position: absolute
+      top: 48px
+      width: $top_bar-menu-width
+      +block-magic-glass
+      margin: 0
+      z-index: 13
+      +shifting-up
+      max-height: $top_bar-menu-height
+
+
+=top_bar-menus
+  &.find
+    @extend %background-subtle
+
+  @media #{$not-very-large}
+    +top_bar-rail_menus
+  @media #{$only-very-large}
+    +top_bar-insitu_menus
+
+  & > dl
+    @extend %tab_menu-layout-horizontal
+    & > dt 
+      @extend %hmargin-none
+      @extend %background-subtle
+      @extend %tab
+
+    & > dd 
+      background: white
+      padding: 0px
+      +inset_bottom_shadow(1)
+      > dl
+        @extend %accordion_menu
+
+#top_menu
+  > .favourites, > .user, > .find
+    +top_bar-menus
+

data/share/views/compass/old/menu/vertical_menu.sass

@@ -0,0 +1,21 @@
+
+%vertical_menu
+  @extend %menu
+  +right_content
+
+  & > dt
+    float: left
+    clear: both
+    width: 30%
+    overflow: hidden
+    display: block
+
+  & > dd
+    +boxed
+    border-right: 0
+    border-top: 0
+    border-bottom: 0
+
+    width: 70%
+    height: 100%
+

data/share/views/compass/old/mixins/_all.sass

@@ -0,0 +1,24 @@
+@import "mixins/deps"
+@import "mixins/blocks"
+//@import "mixins/semantic-ui"
+
+%overflow-hidden
+  overflow: hidden
+
+%text-ellipsis
+  @extend %overflow-hidden
+  text-overflow: ellipsis
+
+%float-left
+  float: left
+
+%hmargin-none
+  margin-left: 0  
+  margin-right: 0 
+
+%padding-none
+  margin-left: 0  
+  margin-right: 0 
+
+%margin-bottom-1em
+  margin-bottom: 1em

data/share/views/compass/old/mixins/_blocks.sass

@@ -0,0 +1,79 @@
+@import "variables/sizes"
+@import "variables/colors"
+@import "mixins/hide"
+
+@import "compass/css3/opacity"
+@import "compass/css3/transition"
+@import "compass/css3/box-shadow"
+
+=background-glassy
+  background: transparentize(tint($color-one, 40), 0.70)
+
+=border-glassy
+  border: 1px solid transparentize($color-one, 0.20)
+
+=background-main
+  background: $color-one
+
+=background-subtle
+  background: tint($color-one, 50)
+
+=background-white
+  background: white
+
+=padded_block
+  padding: $tile
+
+=background-material
+  background: $color-two
+
+=top_shadow($depth: 1)
+
+  $z1 : 0
+  $z2 : 0
+  $z3 : 0
+  $z4 : 0
+  $z5 : 0
+
+  @if $depth == 1 
+    $z1 : 1 
+  @if $depth == 2 
+    $z2 : 1 
+  @if $depth == 3 
+    $z3 : 1 
+  @if $depth == 4 
+    $z4 : 1 
+  @if $depth == 5 
+    $z5 : 1 
+
+  @include box-shadow( 0px 1px 1.5px rgba(#000, $z1), 0px 3px 3px rgba(#000, $z2), 0px 10px 10px rgba(#000, $z3), 0px 14px 14px rgba(#000, $z4), 0px 19px 19px rgba(#000, $z5))
+
+=bottom_shadow($depth: 1)
+  $z1 : 0
+  $z2 : 0
+  $z3 : 0
+  $z4 : 0
+  $z5 : 0
+  @if $depth == 1 
+    $z1 : 1 
+  @if $depth == 2 
+    $z2 : 1 
+  @if $depth == 3 
+    $z3 : 1 
+  @if $depth == 4 
+    $z4 : 1 
+  @if $depth == 5 
+    $z5 : 1 
+
+  @include box-shadow( 0px 1px 1px rgba(#000, $z1), 0px 3px 3px rgba(#000, $z2), 0px 6px 3px rgba(#000, $z3), 0px 10px 5px rgba(#000, $z4), 0px 15px 6px rgba(#000, $z5))
+  
+
+=material($depth: 1)
+  +top_shadow($depth)
+  +bottom_shadow($depth)
+  z-index: $depth * 2
+
+=material_block($depth: 1)
+  +padded_block
+  +background-material
+  +material($depth)

data/share/views/compass/old/mixins/_deps.sass

@@ -0,0 +1,5 @@
+@import "toolkit"
+
+@import "compass/css3/box-sizing"
+@import "compass/css3/border-radius"
+@import "compass/typography/vertical_rhythm"

data/share/views/compass/old/mixins/_hide.sass

@@ -0,0 +1,76 @@
+@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
+    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
+    overflow: hidden
+    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
+