www.aleph1.co.uk Git - yaffs-website/blob - web/themes/custom/yaffs/scss/component/_toolbar.scss

   1 /**
   2  * Toolbar module styling.
   3  */
   4
   5 $toolbar-width: 240px;
   6
   7 body.toolbar-fixed {
   8
   9   // Fix z-index.
  10   .toolbar-oriented .toolbar-bar {
  11     z-index: ($zindex-navbar-fixed + 1);
  12   }
  13
  14   .navbar-fixed-top {
  15     top: 39px;
  16   }
  17
  18   // Horizontal.
  19   &.toolbar-horizontal.toolbar-tray-open .navbar-fixed-top {
  20     top: 79px;
  21   }
  22
  23   // Vertical Open.
  24   &.toolbar-vertical.toolbar-tray-open {
  25
  26     .navbar-fixed-top {
  27       left: $toolbar-width;
  28     }
  29
  30     &.toolbar-fixed {
  31       margin-left: $toolbar-width;
  32
  33       .toolbar-tray {
  34         padding-bottom: 40px;
  35         &, > .toolbar-lining:before {
  36           width: $toolbar-width;
  37         }
  38       }
  39
  40     }
  41
  42   }
  43
  44 }