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

   1 // Bootswatch.less
   2 // Swatch: Simplex
   3 // -----------------------------------------------------
   4
   5 // TYPOGRAPHY
   6 // -----------------------------------------------------
   7
   8 // Make headers black
   9 h1, h2, h3, h4, h5, h6 {
  10         color: @black;
  11 }
  12
  13 // NAVBAR
  14 // -----------------------------------------------------
  15
  16 // Gray text color
  17 .navbar .brand, .subnav a {
  18         color: @navbarText;
  19 }
  20
  21 // Make active item white
  22 .navbar .nav .active > a,
  23 .navbar .nav .active > a:hover {
  24         background-color: @grayDarker;
  25         color: @white;
  26 }
  27
  28 // Remove text-shadow and make white on hover
  29 .navbar .nav > li > a {
  30         text-shadow: none;
  31         &:hover {
  32                 color: @white;
  33                 background-color: rgba(256, 256, 256, 0.2);
  34         }
  35 }
  36
  37 // Remove menu item dividers on subnav
  38 .subnav .nav > li > a {
  39         border-left: 0px solid white !important;
  40         border-right: 0px solid white !important;
  41         color: @grayDark;
  42 }
  43
  44 // FORMS
  45 // -----------------------------------------------------
  46
  47 // Style search input
  48 .search-query {
  49         border: 1px solid #CCC;
  50         .border-radius(2px);
  51         background-color: @white;
  52 }
  53
  54 // BUTTONS
  55 // -----------------------------------------------------
  56
  57 // Make buttons boxier and flatter
  58 .btn {
  59   .border-radius(2px);
  60   #gradient > .vertical-three-colors(@white, @white, 25%, darken(@white, 10%));
  61 }
  62
  63 .btn-warning {
  64   .caret {
  65     border-top-color: @white;
  66     .opacity(75);
  67   }
  68 }
  69
  70 .btn-primary {
  71   .buttonBackground(lighten(@primaryButtonBackground, 5%), @primaryButtonBackground);
  72 }
  73
  74 .btn-warning {
  75   .buttonBackground(lighten(@orange, 5%), @orange);
  76 }
  77
  78 .btn-danger {
  79   .buttonBackground(lighten(@red, 5%), @red);
  80 }
  81
  82 .btn-success {
  83   .buttonBackground(lighten(@green, 5%), @green);
  84 }
  85
  86 .btn-info {
  87   .buttonBackground(lighten(#5bc0de, 5%), #5bc0de);
  88 }
  89
  90 // ICONS
  91 // -----------------------------------------------------
  92
  93 // Make icons gray
  94 i[class^="icon-"]{
  95         opacity: 0.6;
  96 }