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

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