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 // Typography =================================================================
  12
  13 .text-primary {
  14         color: @brand-primary;
  15 }
  16
  17 .text-success {
  18         color: @brand-success;
  19 }
  20
  21 .text-danger {
  22         color: @brand-danger;
  23 }
  24
  25 .text-warning {
  26         color: @brand-warning;
  27 }
  28
  29 .text-info {
  30         color: @brand-info;
  31 }
  32
  33 // Tables =====================================================================
  34
  35 .table {
  36
  37         tr.success,
  38         tr.warning,
  39         tr.danger {
  40                 color: #fff;
  41         }
  42 }
  43
  44 // Forms ======================================================================
  45
  46 .has-warning {
  47         .help-block,
  48         .control-label {
  49                 color: @brand-warning;
  50         }
  51
  52         .form-control,
  53         .form-control:focus {
  54                 border: 2px solid @brand-warning;
  55         }
  56 }
  57
  58 .has-error {
  59         .help-block,
  60         .control-label {
  61                 color: @brand-danger;
  62         }
  63
  64         .form-control,
  65         .form-control:focus {
  66                 border: 2px solid @brand-danger;
  67         }
  68 }
  69
  70 .has-success {
  71         .help-block,
  72         .control-label {
  73                 color: @brand-success;
  74         }
  75
  76         .form-control,
  77         .form-control:focus {
  78                 border: 2px solid @brand-success;
  79         }
  80 }
  81
  82 // Navs =======================================================================
  83
  84 .pagination {
  85
  86         a {
  87                 color: #fff;
  88         }
  89
  90         .disabled {
  91                 &>a,
  92                 &>a:hover,
  93                 &>a:focus,
  94                 &>span {
  95                         background-color: lighten(@brand-success, 15%);
  96                 }
  97         }
  98 }
  99
 100 .pager {
 101         a {
 102                 color: #fff;
 103         }
 104
 105         .disabled {
 106                 &>a,
 107                 &>a:hover,
 108                 &>a:focus,
 109                 &>span {
 110                         background-color: lighten(@brand-success, 15%);
 111                 }
 112         }
 113 }
 114
 115 // Indicators =================================================================
 116
 117 .alert {
 118
 119         a,
 120         .alert-link {
 121                 color: #fff;
 122                 text-decoration: underline;
 123         }
 124 }
 125
 126 // Progress bars ==============================================================
 127
 128 .progress {
 129         height: 10px;
 130         .box-shadow(none);
 131 }
 132
 133 // Containers =================================================================