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

   1 // Flatly 3.0.2
   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 .text-primary:hover {
  23         color: @brand-primary;
  24 }
  25
  26 .text-success,
  27 .text-success:hover {
  28         color: @brand-success;
  29 }
  30
  31 .text-danger,
  32 .text-danger:hover {
  33         color: @brand-danger;
  34 }
  35
  36 .text-warning,
  37 .text-warning:hover {
  38         color: @brand-warning;
  39 }
  40
  41 .text-info,
  42 .text-info:hover {
  43         color: @brand-info;
  44 }
  45
  46 // Tables =====================================================================
  47
  48 .table {
  49
  50         tr.success,
  51         tr.warning,
  52         tr.danger {
  53                 color: #fff;
  54         }
  55 }
  56
  57 // Forms ======================================================================
  58
  59 .form-control,textarea.form-control,
  60 input[type="text"],
  61 input[type="password"],
  62 input[type="datetime"],
  63 input[type="datetime-local"],
  64 input[type="date"],
  65 input[type="month"],
  66 input[type="time"],
  67 input[type="week"],
  68 input[type="number"],
  69 input[type="email"],
  70 input[type="url"],
  71 input[type="search"],
  72 input[type="tel"],
  73 input[type="color"],
  74 .uneditable-input {
  75         border-width: 2px;
  76         .box-shadow(none);
  77
  78         &:focus {
  79                 .box-shadow(none);
  80         }
  81 }
  82
  83 .has-warning {
  84         .help-block,
  85         .control-label {
  86                 color: @brand-warning;
  87         }
  88
  89         .form-control,
  90         .form-control:focus {
  91                 border: 2px solid @brand-warning;
  92         }
  93 }
  94
  95 .has-error {
  96         .help-block,
  97         .control-label {
  98                 color: @brand-danger;
  99         }
 100
 101         .form-control,
 102         .form-control:focus {
 103                 border: 2px solid @brand-danger;
 104         }
 105 }
 106
 107 .has-success {
 108         .help-block,
 109         .control-label {
 110                 color: @brand-success;
 111         }
 112
 113         .form-control,
 114         .form-control:focus {
 115                 border: 2px solid @brand-success;
 116         }
 117 }
 118
 119 // Navs =======================================================================
 120
 121 .pagination {
 122
 123         a,
 124         a:hover {
 125                 color: #fff;
 126         }
 127
 128         .disabled {
 129                 &>a,
 130                 &>a:hover,
 131                 &>a:focus,
 132                 &>span {
 133                         background-color: lighten(@brand-success, 15%);
 134                 }
 135         }
 136 }
 137
 138 .pager {
 139         a,
 140         a:hover {
 141                 color: #fff;
 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 }