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

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