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

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