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

   1 // Cosmo 3.0.1
   2 // Bootswatch
   3 // -----------------------------------------------------
   4
   5 @import url("//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700");
   6
   7 // Navbar =====================================================================
   8
   9 // Buttons ====================================================================
  10
  11 .btn {
  12         border: none;
  13 }
  14
  15 // Typography =================================================================
  16
  17 .text-primary {
  18         color: @brand-primary;
  19 }
  20
  21 .text-success {
  22         color: @brand-success;
  23 }
  24
  25 .text-danger {
  26         color: @brand-danger;
  27 }
  28
  29 .text-warning {
  30         color: @brand-warning;
  31 }
  32
  33 .text-info {
  34         color: @brand-info;
  35 }
  36
  37 // Tables =====================================================================
  38
  39 .table {
  40
  41         tr.success,
  42         tr.warning,
  43         tr.danger {
  44                 color: #fff;
  45         }
  46 }
  47
  48 // Forms ======================================================================
  49
  50
  51 .has-warning {
  52         .help-block,
  53         .control-label {
  54                 color: @brand-warning;
  55         }
  56
  57         .form-control,
  58         .form-control:focus {
  59                 border: 1px solid @brand-warning;
  60         }
  61 }
  62
  63 .has-error {
  64         .help-block,
  65         .control-label {
  66                 color: @brand-danger;
  67         }
  68
  69         .form-control,
  70         .form-control:focus {
  71                 border: 1px solid @brand-danger;
  72         }
  73 }
  74
  75 .has-success {
  76         .help-block,
  77         .control-label {
  78                 color: @brand-success;
  79         }
  80
  81         .form-control,
  82         .form-control:focus {
  83                 border: 1px solid @brand-success;
  84         }
  85 }
  86
  87 // Navs =======================================================================
  88
  89 .nav-pills {
  90
  91         & > li > a {
  92                 border-radius: 0;
  93         }
  94 }
  95
  96 .dropdown-menu {
  97
  98         & > li > a:hover,
  99         & > li > a:focus {
 100                 background-image: none;
 101         }
 102 }
 103
 104 .pagination {
 105
 106         .active > a,
 107         .active > a:hover {
 108                 border-color: #ddd;
 109         }
 110 }
 111
 112 // Indicators =================================================================
 113
 114 .alert {
 115         border: none;
 116
 117         .alert-link {
 118                 text-decoration: underline;
 119                 color: #fff;
 120         }
 121 }
 122
 123 .label {
 124         border-radius: 0;
 125 }
 126
 127 .close {
 128         opacity: 1;
 129 }
 130
 131 // Progress bars ==============================================================
 132
 133 .progress {
 134         height: 8px;
 135         .box-shadow(none);
 136 }
 137
 138 // Containers =================================================================