git.roojs.org Git - bootswatch/blob - bower_components/font-awesome/src/assets/less/site/bootstrap/navbar.less

   1 // SITE SPECIFIC NAVBAR STYLES
   2
   3 .navbar { margin-bottom: 0; }
   4 .navbar-inverse { background-color: lighten(@fa-green, 2%); }
   5 .navbar-brand {
   6   font-family: @font-family-serif;
   7   font-weight: 300;
   8   font-size: 20px;
   9   .fa-flag { padding-right: 3px; }
  10 }
  11 .navbar-nav > li > a { padding: 11px 10px 9px; }
  12
  13 // makes dropdowns closer for split dropdown
  14 .navbar-nav > li {
  15   &.dropdown-split-right > a { padding-left: 7px; }
  16   &.dropdown-split-left > a { padding-right: 0; }
  17 }
  18
  19 .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: @jumbotron-border; }
  20
  21 .navbar-inverse .navbar-toggle {
  22   color: @jumbotron-color;
  23   text-shadow: 0 1px 0 rgba(0,0,0,0.15);
  24   padding: 4px 10px;
  25   margin-top: 5px;
  26   margin-bottom: 5px;
  27   &:hover {
  28     background-color: mix(@jumbotron-color, @jumbotron-bg, 95%);
  29     border-color: mix(@jumbotron-color, @jumbotron-bg, 95%);
  30     color: @jumbotron-bg;
  31     text-shadow: 0 -1px 0 @jumbotron-color;
  32   }
  33 }