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

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