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

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