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

   1 // Flatly 3.0.0
   2 // Bootswatch
   3 // -----------------------------------------------------
   4
   5 @import url("//fonts.googleapis.com/css?family=Lato:400,700,900,400italic");
   6
   7 // Navbar =====================================================================
   8
   9 // Buttons ====================================================================
  10
  11 .btn:active {
  12         .box-shadow(none);
  13 }
  14
  15 .btn-group.open .dropdown-toggle {
  16         .box-shadow(none);
  17 }
  18
  19 // Typography =================================================================
  20
  21 .text-primary {
  22         color: @brand-primary;
  23 }
  24
  25 .text-success {
  26         color: @brand-success;
  27 }
  28
  29 .text-danger {
  30         color: @brand-danger;
  31 }
  32
  33 .text-warning {
  34         color: @brand-warning;
  35 }
  36
  37 .text-info {
  38         color: @brand-info;
  39 }
  40
  41 // Tables =====================================================================
  42
  43 .table {
  44
  45         tr.success,
  46         tr.warning,
  47         tr.danger {
  48                 color: #fff;
  49         }
  50 }
  51
  52 // Forms ======================================================================
  53
  54 .form-control,textarea.form-control,
  55 input[type="text"],
  56 input[type="password"],
  57 input[type="datetime"],
  58 input[type="datetime-local"],
  59 input[type="date"],
  60 input[type="month"],
  61 input[type="time"],
  62 input[type="week"],
  63 input[type="number"],
  64 input[type="email"],
  65 input[type="url"],
  66 input[type="search"],
  67 input[type="tel"],
  68 input[type="color"],
  69 .uneditable-input {
  70         border-width: 2px;
  71         .box-shadow(none);
  72
  73         &:focus {
  74                 .box-shadow(none);
  75         }
  76 }
  77
  78 .has-warning {
  79         .help-block,
  80         .control-label {
  81                 color: @brand-warning;
  82         }
  83
  84         .form-control,
  85         .form-control:focus {
  86                 border: 2px solid @brand-warning;
  87         }
  88 }
  89
  90 .has-error {
  91         .help-block,
  92         .control-label {
  93                 color: @brand-danger;
  94         }
  95
  96         .form-control,
  97         .form-control:focus {
  98                 border: 2px solid @brand-danger;
  99         }
 100 }
 101
 102 .has-success {
 103         .help-block,
 104         .control-label {
 105                 color: @brand-success;
 106         }
 107
 108         .form-control,
 109         .form-control:focus {
 110                 border: 2px solid @brand-success;
 111         }
 112 }
 113
 114 // Navs =======================================================================
 115
 116 .pagination {
 117
 118         a {
 119                 color: #fff;
 120
 121                 &:hover {
 122                         color: @text-color;
 123                 }
 124         }
 125
 126         .disabled {
 127                 &>a,
 128                 &>a:hover,
 129                 &>a:focus,
 130                 &>span {
 131                         background-color: lighten(@brand-success, 15%);
 132                 }
 133         }
 134 }
 135
 136 .pager {
 137         a {
 138                 color: #fff;
 139                 &:hover {
 140                         color: @text-color;
 141                 }
 142         }
 143
 144         .disabled {
 145                 &>a,
 146                 &>a:hover,
 147                 &>a:focus,
 148                 &>span {
 149                         background-color: lighten(@brand-success, 15%);
 150                 }
 151         }
 152 }
 153
 154 // Indicators =================================================================
 155
 156 .alert {
 157
 158         a,
 159         .alert-link {
 160                 color: #fff;
 161                 text-decoration: underline;
 162         }
 163 }
 164
 165 // Progress bars ==============================================================
 166
 167 .progress {
 168         height: 10px;
 169         .box-shadow(none);
 170 }
 171
 172 // Containers =================================================================
 173
 174 .well {
 175         .box-shadow(none);
 176         border-width: 0;
 177 }