git.roojs.org Git - bootswatch/blob - united/bootswatch.less

   1 // Bootswatch.less
   2 // Swatch: United
   3 // Version: 2.0.2
   4 // -----------------------------------------------------
   5
   6 // TYPOGRAPHY
   7 // -----------------------------------------------------
   8
   9 @import url(https://fonts.googleapis.com/css?family=Ubuntu);
  10
  11 // NAVBAR
  12 // -----------------------------------------------------
  13
  14 .navbar .nav > li > a {
  15         border-right: 1px solid #C03D14;
  16         border-left: 1px solid #E6633A;
  17
  18         &:hover {
  19                 background-color: @linkColorHover;
  20         }
  21 }
  22
  23 // Lightened color of active item
  24 .navbar .nav .active > a,
  25 .navbar .nav .active > a:hover {
  26   background-color: rgba(0,0,0,.2);
  27 }
  28
  29 // Styled item divider
  30 .navbar .divider-vertical {
  31         background-color: inherit;
  32         border-right: 0px solid #CE4213;
  33 }
  34
  35 .navbar .navbar-text > a {
  36         color: @white;
  37         text-decoration: underline;
  38
  39         &:hover {
  40                 color: #ddd;
  41         }
  42 }
  43
  44 .navbar-search .search-query {
  45         border: 1px solid darken(@navbarBackground, 15%);
  46 }
  47
  48 .navbar .nav-collapse.in > .nav li > a {
  49         color: @white;
  50         border-left: 0px solid @orange;
  51         border-right: 0px solid @orange;
  52
  53         &:hover {
  54                 background-color: @linkColorHover;
  55         }
  56 }
  57
  58 .navbar .nav-collapse.in .navbar-form,
  59 .navbar .nav-collapse.in .navbar-search {
  60         border-top: 0px solid @orange;
  61         border-bottom: 0px solid @orange;
  62         .box-shadow(none);
  63 }
  64
  65 // BUTTONS
  66 // -----------------------------------------------------
  67
  68 .btn-primary {
  69   .buttonBackground(lighten(@btnPrimaryBackground, 15%), @btnPrimaryBackground);
  70 }
  71
  72 .btn-warning {
  73   .buttonBackground(lighten(@yellow, 15%), @yellow);
  74 }
  75
  76 // ALERTS
  77 // -----------------------------------------------------
  78
  79 .alert {
  80         text-shadow: none;
  81 }
  82
  83 // FORMS
  84 // -----------------------------------------------------
  85
  86 .form-actions {
  87         background-color: transparent;
  88 }