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

   1 // Cosmo 3.0.0
   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 // Tables =====================================================================
  34
  35 .table {
  36
  37         tr.success,
  38         tr.warning,
  39         tr.danger {
  40                 color: #fff;
  41         }
  42 }
  43
  44 // Forms ======================================================================
  45
  46
  47 .has-warning {
  48         .help-block,
  49         .control-label {
  50                 color: @brand-warning;
  51         }
  52
  53         .form-control,
  54         .form-control:focus {
  55                 border: 1px solid @brand-warning;
  56         }
  57 }
  58
  59 .has-error {
  60         .help-block,
  61         .control-label {
  62                 color: @brand-danger;
  63         }
  64
  65         .form-control,
  66         .form-control:focus {
  67                 border: 1px solid @brand-danger;
  68         }
  69 }
  70
  71 .has-success {
  72         .help-block,
  73         .control-label {
  74                 color: @brand-success;
  75         }
  76
  77         .form-control,
  78         .form-control:focus {
  79                 border: 1px solid @brand-success;
  80         }
  81 }
  82
  83 // Navs =======================================================================
  84
  85 .nav-pills {
  86
  87         & > li > a {
  88                 border-radius: 0;
  89         }
  90 }
  91
  92 .dropdown-menu {
  93
  94         & > li > a:hover,
  95         & > li > a:focus {
  96                 background-image: none;
  97         }
  98 }
  99
 100 // Indicators =================================================================
 101
 102 .alert {
 103         border: none;
 104
 105         .alert-link {
 106                 text-decoration: underline;
 107                 color: #fff;
 108         }
 109 }
 110
 111 .label {
 112         border-radius: 0;
 113 }
 114
 115 .close {
 116         opacity: 1;
 117 }
 118
 119 // Progress bars ==============================================================
 120
 121 .progress {
 122         height: 8px;
 123         .box-shadow(none);
 124 }
 125
 126 // Containers =================================================================