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

   1 // Simplex 3.0.3
   2 // Bootswatch
   3 // -----------------------------------------------------
   4
   5 @import url("//fonts.googleapis.com/css?family=Josefin+Sans:300,400,700");
   6
   7 .btn-shadow(@color) {
   8         #gradient > .vertical-three-colors(lighten(@color, 15%), @color, 6%, darken(@color, 4%));
   9         filter: none;
  10         border: 1px solid darken(@color, 10%);
  11 }
  12
  13 // Navbar =====================================================================
  14
  15 .navbar {
  16         border-bottom: 1px solid #dfdfdf;
  17         font-family: @headings-font-family;
  18
  19         &-nav > li > a {
  20                 padding-top: @navbar-padding-vertical + 2px;
  21                 padding-bottom: @navbar-padding-vertical - 2px;
  22         }
  23
  24         &-brand {
  25                 padding: 14px 15px 8px;
  26         }
  27 }
  28
  29 // Buttons ====================================================================
  30
  31 .btn {
  32         font-family: @headings-font-family;
  33 }
  34
  35 .btn-default,
  36 .btn-default:hover {
  37         .btn-shadow(@btn-default-bg);
  38 }
  39
  40 .btn-primary,
  41 .btn-primary:hover {
  42         .btn-shadow(@btn-primary-bg);
  43 }
  44
  45 .btn-success,
  46 .btn-success:hover {
  47         .btn-shadow(@btn-success-bg);
  48 }
  49
  50 .btn-info,
  51 .btn-info:hover {
  52         .btn-shadow(@btn-info-bg);
  53 }
  54
  55 .btn-warning,
  56 .btn-warning:hover {
  57         .btn-shadow(@btn-warning-bg);
  58 }
  59
  60 .btn-danger,
  61 .btn-danger:hover {
  62         .btn-shadow(@btn-danger-bg);
  63 }
  64
  65 // Typography =================================================================
  66
  67 // Tables =====================================================================
  68
  69 // Forms ======================================================================
  70
  71 .has-warning {
  72         .help-block,
  73         .control-label {
  74                 color: @brand-danger;
  75         }
  76
  77         .form-control,
  78         .form-control:focus {
  79                 border-color: @brand-danger;
  80         }
  81 }
  82
  83 .has-error {
  84         .help-block,
  85         .control-label {
  86                 color: @brand-primary;
  87         }
  88
  89         .form-control,
  90         .form-control:focus {
  91                 border-color: @brand-primary;
  92         }
  93 }
  94
  95 .has-success {
  96         .help-block,
  97         .control-label {
  98                 color: @brand-success;
  99         }
 100
 101         .form-control,
 102         .form-control:focus {
 103                 border-color: @brand-success;
 104         }
 105 }
 106
 107 // Navs =======================================================================
 108
 109 .pagination {
 110
 111         .active > a,
 112         .active > a:hover {
 113                 border-color: #ddd;
 114         }
 115 }
 116
 117 // Indicators =================================================================
 118
 119 // Progress bars ==============================================================
 120
 121 // Containers =================================================================