rbbt-rest 1.8.38 → 1.8.40

data/share/views/compass/old/base/icons.sass

@@ -0,0 +1,75 @@
+@import "base/misc"
+@import "base/icon_content"
+
+=icon_base
+  font-family: FontAwesome
+  display: inline-block
+  text-rendering: auto
+  -webkit-font-smoothing: antialiased
+  -moz-osx-font-smoothing: grayscale
+
+=button-icon
+  margin: auto
+
+=icon_before($type: 'bullet')
+  +icon_base
+  +vertical-center(calc(50%))
+  text-align: center
+  content: icon_content($type)
+  width: 6 * $tile
+
+=icon($type: 'bullet', $size: 1em)
+  white-space: nowrap
+  //float: left
+
+  padding-left: 0px !important
+  padding-right: 0px !important
+
+  overflow: hidden
+  $width: 6 * $tile
+  width: $width
+  clip: rect(0px,#{$width},#{$width},0px)
+  &:before
+    +icon_before($type)
+    +button_icon
+    margin-right: $width
+
+=rotate_icon($deg: '90')
+  transform: rotate(#{$deg}deg)
+
+=menu_icon($size: 1em)
+  +icon('bolt', $size)
+
+=reload_icon($size: 1em)
+  +icon('refresh', $size)
+
+=user_icon($size: 1em)
+  +icon('user', $size)
+
+=favs_icon($size: 1em)
+  +icon('heart', $size)
+
+=find_icon($size: 1em)
+  +icon('search', $size)
+
+=actions_icon($size: 1em)
+  +icon('gears', $size)
+
+=entity_icon($size: 1em)
+  +icon('minus', $size)
+
+=list_icon($size: 1em)
+  +icon('list', $size)
+
+=maps_icon($size: 1em)
+  +icon('table', $size)
+
+=new_icon($size: 1em)
+  +icon('plus', $size)
+
+=side_icon($size: 1em)
+  +icon('ellipsis-h', $size)
+  &.show
+    +icon('ellipsis-v', $size)
+    text-align: center
+

data/share/views/compass/old/base/material.sass

@@ -0,0 +1,223 @@
+// Creating Google Material Design in SCSS
+// (specifically Material Shadow, uses compass)
+// see: http://www.google.com/design/spec/layout/layout-principles.html#layout-principles-paper-craft
+
+// Demo: http://codepen.io/stoikerty/full/Glwxi/
+
+// Animating Box-Shadow is EXPENSIVE:
+// http://www.html5rocks.com/en/tutorials/speed/high-performance-animations/#toc-
+
+// Moving between z-index-depths is done via opacity & multiple
+// box-shadows, as transitioning the box-shadow's y-axis is buggy
+// (tested on Chrome v.35)
+
+$easeOutExpo   : cubic-bezier(0.190, 1.000, 0.220, 1.000)
+$easeInExpo    : cubic-bezier(0.950, 0.050, 0.795, 0.035)
+$easeInOutExpo : cubic-bezier(1.000, 0.000, 0.000, 1.000)
+
+@import "compass/css3/opacity"
+@import "compass/css3/transition"
+@import "compass/css3/box-shadow"
+
+=top_shadow($depth: 1)
+  $z1 : 0
+  $z2 : 0
+  $z3 : 0
+  $z4 : 0
+  $z5 : 0
+
+  $op: 0.30
+  @if $depth == 1
+    $op: 0.12 
+  @if $depth == 2
+    $op: 0.16 
+  @if $depth == 3
+    $op: 0.19 
+  @if $depth == 4
+    $op: 0.25 
+  @if $depth == 5
+    $op: 0.30
+
+  @if $depth == 1 
+    $z1 : $op 
+  @if $depth == 2 
+    $z2 : $op 
+  @if $depth == 3 
+    $z3 : $op 
+  @if $depth == 4 
+    $z4 : $op 
+  @if $depth == 5 
+    $z5 : $op
+
+  @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
+
+  $op: 0.30
+  @if $depth == 1
+    $op: 0.12 
+  @if $depth == 2
+    $op: 0.16 
+  @if $depth == 3
+    $op: 0.19 
+  @if $depth == 4
+    $op: 0.25 
+  @if $depth == 5
+    $op: 0.30
+
+  @if $depth == 1 
+    $z1 : $op 
+  @if $depth == 2 
+    $z2 : $op 
+  @if $depth == 3 
+    $z3 : $op 
+  @if $depth == 4 
+    $z4 : $op 
+  @if $depth == 5 
+    $z5 : $op
+  @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))
+
+=inset_bottom_shadow($depth: 1)
+
+  $z1 : 0
+  $z2 : 0
+  $z3 : 0
+  $z4 : 0
+  $z5 : 0
+
+  $op: 0.30
+  @if $depth == 1
+    $op: 0.12 
+  @if $depth == 2
+    $op: 0.16 
+  @if $depth == 3
+    $op: 0.19 
+  @if $depth == 4
+    $op: 0.25 
+  @if $depth == 5
+    $op: 0.30
+
+  @if $depth == 1 
+    $z1 : $op 
+  @if $depth == 2 
+    $z2 : $op 
+  @if $depth == 3 
+    $z3 : $op 
+  @if $depth == 4 
+    $z4 : $op 
+  @if $depth == 5 
+    $z5 : $op
+
+  @include box-shadow(inset 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))
+  
+
+@mixin materialShadow($depth)
+  $z1 : 0
+  $z2 : 0
+  $z3 : 0
+  $z4 : 0
+  $z5 : 0
+
+  $op: 0.30
+  @if $depth == 1
+    $op: 0.12 
+  @if $depth == 2
+    $op: 0.16 
+  @if $depth == 3
+    $op: 0.19 
+  @if $depth == 4
+    $op: 0.25 
+  @if $depth == 5
+    $op: 0.30
+
+  @if $depth == 1 
+    $z1 : $op 
+  @if $depth == 2 
+    $z2 : $op 
+  @if $depth == 3 
+    $z3 : $op 
+  @if $depth == 4 
+    $z4 : $op 
+  @if $depth == 5 
+    $z5 : $op
+
+  &:before, &:after
+    @include transition( box-shadow 0.7s 0.01s $easeOutExpo)
+
+  // Top Shadow
+  &:before
+    @if $depth == 1
+      @include opacity(0.12) 
+    @if $depth == 2
+      @include opacity(0.16) 
+    @if $depth == 3
+      @include opacity(0.19) 
+    @if $depth == 4
+      @include opacity(0.25) 
+    @if $depth == 5
+      @include opacity(0.30) 
+
+    @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
+  &:after
+    @if $depth == 1
+      @include opacity(0.24) 
+    @if $depth == 2
+      @include opacity(0.23) 
+    @if $depth == 3
+      @include opacity(0.23) 
+    @if $depth == 4
+      @include opacity(0.22) 
+    @if $depth == 5
+      @include opacity(0.22) 
+
+    @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))
+  
+
+
+// Example Usage:
+/*
+=material($depth: 1)
+  z-index: $depth * 2
+  //top: $depth
+  //margin-bottom: - $depth
+
+  @include transition( box-shadow 0.7s 0.01s $easeOutExpo)
+  &:before, &:after
+    z-index: -1
+
+    position: absolute
+    display: block
+    content: ' '
+
+    //width: 100%
+    //height: 100%
+
+    top: 0
+    left: 0
+    bottom: 0
+    right: 0
+
+    margin: 0
+    padding: 0
+
+  @include materialShadow($depth)
+
+=material($depth: 1)
+  z-index: $depth * 2
+  +top_shadow($depth)
+  +bottom_shadow($depth)
+
+=noshadow
+  &:before, &:after
+    +box-shadow(0px 0px 0px, 0px 0px 0px, 0px 0px 0px, 0px 0px 0px)
+
+/**/

data/share/views/compass/old/base/misc.sass

@@ -0,0 +1,2 @@
+@import "toolkit"
+@import "base/variables"

data/share/views/compass/old/base/screen_sizes.sass

@@ -0,0 +1,16 @@
+$very-small-screen: 500px
+$small-screen: 700px
+$medium-screen: 900px
+$large-screen: 1024px 
+$very-large-screen: 1240px 
+
+$not-very-small: "only screen and (min-width: #{$very-small-screen + 1})" 
+$not-small: "only screen and (min-width: #{$small-screen + 1})" 
+$not-large: "only screen and (max-width: #{$large-screen - 1})" 
+$not-very-large: "only screen and (max-width: #{$very-large-screen})" 
+
+$only-very-small: "only screen and (max-width: #{$very-small-screen})" 
+$only-small: "only screen and (max-width: #{$small-screen})" 
+$only-large: "only screen and (min-width: #{$large-screen})" 
+$only-very-large: "only screen and (min-width: #{$very-large-screen})" 
+

data/share/views/compass/old/base/text.sass

@@ -0,0 +1,70 @@
+@import "base/variables"
+@import "compass/css3/columns"
+
+=set_item_height($size: $minimum-height)
+  height: $size
+  line-height: $size
+
+=text_line($font-size: $base-font-size)
+  font-size: $font-size 
+  line-height: $font-size * 3
+
+=text_item($height: $minimum-height, $width: $column)
+  +text_line
+  +oneline
+  width: $width
+  
+=oneline
+  white-space: nowrap
+  overflow: hidden
+  text-overflow: ellipsis
+
+=ellipsis_text
+  +oneline
+  &:hover
+    overflow: visible
+    text-overflow: none
+    z-index: 3
+    ~ *
+      z-index: 2
+
+=column_text($size: 3)
+  @include columns(30em $size)
+  @include column-gap(2em)
+  text-align: justify
+
+=subtle_text
+  +font-scale(0.7)
+
+=active
+  +bold
+
+=loading
+  +italic
+
+=normal_cursor
+  cursor: auto
+
+=pointer
+  cursor: pointer
+
+=help_cursor
+  cursor: help
+
+=progress_cursor
+  cursor: progress
+
+=down_cursor
+  cursor: s-resize
+
+=up_cursor
+  cursor: n-resize
+
+=noselect 
+  -webkit-touch-callout: none
+  -webkit-user-select: none
+  -khtml-user-select: none
+  -moz-user-select: none
+  -ms-user-select: none
+  user-select: none
+

data/share/views/compass/old/base/util.sass

@@ -0,0 +1,6 @@
+=clear_vertical_sizing
+  margin-top: 0
+  margin-bottom: 0
+  padding-top: 0
+  padding-bottom: 0
+

data/share/views/compass/old/base/variables.sass

@@ -0,0 +1,68 @@
+@import "variables/color"
+
+$golden-ratio: 1.618
+$golden-stepup: $golden-ratio - 1
+$golden-percent: $golden-stepup * 100
+
+$indent: 2.5%
+$vindent: rhythm(1)
+
+$tile: 8px
+$font-size: 2 * $tile
+$font-line-size: 1.5 * $font-size
+
+$mini-tile: 4px
+$vgap: $tile
+$large-vgap: 4 * $tile
+
+$font-vsize: $font-size
+$font-line-vsize: $font-line-size
+$mini-vsize: $tile * 3
+$very-small-vsize: $tile * 5
+$small-vsize: $tile * 6
+$medium-vsize: $tile * 7
+$large-vsize: $tile * 8
+$very-large-vsize: $tile * 9
+
+$app-bar-vsize-small: $small-vsize
+$app-bar-vsize-medium: $medium-vsize
+$app-bar-vsize-large: $large-vsize
+
+$minimum-height: $medium-vsize
+$minimum-width: $medium-vsize
+
+$mobile-tall: 420
+$mobile-wide: 320
+
+$gutter: 2 * $tile
+$column: 5 * $tile
+$pre-space: 9 * $tile
+
+$mobile-width-columns: $mobile-wide / $column
+
+$susy : ( columns: 5, output: isolate, gutter: 2/5)
+
+$top_menu_height: $app-bar-vsize-large 
+$top_menu_height: 48px
+$top_menu_font_size: $top_menu_height / 3 
+$body_top_margin: $top_menu_height  * 2
+
+$icon-default-width: 6 * $tile
+
+$base-font-size: 2 * $tile
+$base-line-height: 1.5 * $base-font-size
+$rhythm-unit: "rem"
+
+$medium-button-width: 11 * $tile
+$action-hpadding: 8px
+$action-vpadding: 1em
+$action-hmargin: 8px
+$action-vmargin: 1em
+
+$margin_table_actions: 7px
+$padding_table: rhythm(0.5) 0.5em
+
+$color_table_border: $subtle-border
+
+$card_title_height: 5 * $base-line-height
+