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

   1 // Simplex 3.0.0
   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: @font-family-alt;
  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: @font-family-alt;
  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 @font-family-alt: "Josefin Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  67
  68 h1, h2, h3, h4, h5, h6 {
  69         font-family: @font-family-alt;
  70 }
  71
  72 // Tables =====================================================================
  73
  74 // Forms ======================================================================
  75
  76 .has-warning {
  77         .help-block,
  78         .control-label {
  79                 color: @brand-danger;
  80         }
  81
  82         .form-control,
  83         .form-control:focus {
  84                 border-color: @brand-danger;
  85         }
  86 }
  87
  88 .has-error {
  89         .help-block,
  90         .control-label {
  91                 color: @brand-primary;
  92         }
  93
  94         .form-control,
  95         .form-control:focus {
  96                 border-color: @brand-primary;
  97         }
  98 }
  99
 100 .has-success {
 101         .help-block,
 102         .control-label {
 103                 color: @brand-success;
 104         }
 105
 106         .form-control,
 107         .form-control:focus {
 108                 border-color: @brand-success;
 109         }
 110 }
 111
 112 // Navs =======================================================================
 113
 114 // Indicators =================================================================
 115
 116 // Progress bars ==============================================================
 117
 118 // Containers =================================================================