Contents

@import "base/variables"
@import "base/colors"
@import "base/screen_sizes"
@import "menu"

$top_depth: 2

%top_bar-button
  @extend %button

%top_bar-height
  height: $top_menu_height

%top_bar-size
  @extend %top_bar-height
  @extend %width-full

%top_bar-position
  position: fixed
  top: 0
  left: 0
  z-index: 10

%top_bar-layout
  +container
  padding-left: $gutter
  padding-right: $gutter

%top_bar-text
  $font-size: 1.3 * $base-font-size
  font-size: $font-size 
  line-height: 48px

%top_bar-title-position
  position: absolute
  left: $indent * 2

%top_bar-title
  @extend %top_bar-text
  @extend %top_bar-title-position
  @extend %text-ellipsis

%top_bar-reload-position
  position: absolute !important
  top: 0
  right: 0

%top_bar-reload
  @extend %top_bar-text
  @extend %top_bar-reload-position
  @extend %top_bar-button
  +reload_icon

%top_bar-button_container-item-order
  &.hide_toggle[data-title=Favs]
    order: 4
  &.hide_toggle[data-title=User]
    order: 3
  &.hide_toggle[data-title=Side]
    order: 1
  &.hide_toggle[data-title=Find]
    order: 2

%top_bar-button_container-item
  @extend %top_bar-button
  @extend %top_bar-button_container-item-order
  &.hide_toggle[data-title=Favs]
    +favs_icon
  &.hide_toggle[data-title=User]
    +user_icon
  &.hide_toggle[data-title=Side]
    +side_icon
  &.hide_toggle[data-title=Find]
    +find_icon

%top_bar-button_container-position
  float: right
  margin-right: $icon-default-width - $gutter

%top_bar-button_container-layout
  display: flex
  flex-direction: row-reverse

%top_bar-button_container
  @extend %top_bar-text
  @extend %top_bar-button_container-position
  @extend %top_bar-button_container-layout
  @extend %overflow-hidden
  & > a
    @extend %top_bar-button_container-item


%top_bar-button
  @extend %button
#top_menu
  @media #{$only-very-large}
    .hide_toggle[data-title=Favs], .hide_toggle[data-title=User]
      display: none

Version data entries

81 entries across 81 versions & 1 rubygems

Version	Path
rbbt-rest-1.4.13	share/views/compass/layout/top_bar.sass