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

   1 // Flatly 3.0.1
   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         a:hover {
 120                 color: #fff;
 121         }
 122
 123         .disabled {
 124                 &>a,
 125                 &>a:hover,
 126                 &>a:focus,
 127                 &>span {
 128                         background-color: lighten(@brand-success, 15%);
 129                 }
 130         }
 131 }
 132
 133 .pager {
 134         a,
 135         a:hover {
 136                 color: #fff;
 137         }
 138
 139         .disabled {
 140                 &>a,
 141                 &>a:hover,
 142                 &>a:focus,
 143                 &>span {
 144                         background-color: lighten(@brand-success, 15%);
 145                 }
 146         }
 147 }
 148
 149 // Indicators =================================================================
 150
 151 .alert {
 152
 153         a,
 154         .alert-link {
 155                 color: #fff;
 156                 text-decoration: underline;
 157         }
 158 }
 159
 160 // Progress bars ==============================================================
 161
 162 .progress {
 163         height: 10px;
 164         .box-shadow(none);
 165 }
 166
 167 // Containers =================================================================
 168
 169 .well {
 170         .box-shadow(none);
 171         border-width: 0;
 172 }