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

   1 // Yeti 3.0.2
   2 // Bootswatch
   3 // -----------------------------------------------------
   4
   5 @import url("http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700");
   6
   7 // Navbar =====================================================================
   8
   9 .navbar {
  10         border: none;
  11         font-size: 13px;
  12         font-weight: 300;
  13
  14         .navbar-toggle:hover .icon-bar {
  15                 background-color: #b3b3b3;
  16         }
  17
  18         &-collapse {
  19                 border-top-color: @dropdown-divider-bg;
  20                 .box-shadow(none);
  21         }
  22
  23         .dropdown-menu {
  24                 border: none;
  25                 background-color: @navbar-default-bg;
  26
  27                 > li > a {
  28                         padding: 12px 15px;
  29                         font-size: 13px;
  30                         font-weight: 300;
  31                         color: @navbar-default-color;
  32
  33                         &:hover {
  34                                 background-color: @navbar-default-link-hover-bg;
  35                         }
  36                 }
  37         }
  38 }
  39
  40 // Buttons ====================================================================
  41
  42 .btn {
  43         padding: 14px 28px;
  44
  45         &-lg {
  46                 padding: 16px 32px;
  47         }
  48
  49         &-sm {
  50                 padding: 8px 16px;
  51         }
  52
  53         &-xs {
  54                 padding: 4px 8px;
  55         }
  56
  57         &-group > .btn + .dropdown-toggle {
  58                 padding-left: 16px;
  59                 padding-right: 16px;
  60         }
  61 }
  62
  63 // Typography =================================================================
  64
  65 .lead {
  66         color: @gray;
  67 }
  68
  69 cite {
  70         font-style: italic;
  71 }
  72
  73 blockquote {
  74         border-left-width: 1px;
  75         color: @gray;
  76
  77         &.pull-right {
  78                 border-right-width: 1px;
  79         }
  80
  81         small {
  82                 font-size: @font-size-small;
  83                 font-weight: 300;
  84         }
  85 }
  86
  87 // Tables =====================================================================
  88
  89 table {
  90         font-size: @font-size-small;
  91 }
  92
  93 // Forms ======================================================================
  94
  95 input,
  96 .form-control {
  97         padding: 7px;
  98         font-size: @font-size-small;
  99 }
 100
 101 label,
 102 .control-label,
 103 .help-block,
 104 .checkbox,
 105 .radio {
 106         font-size: @font-size-small;
 107         font-weight: normal;
 108 }
 109
 110 .form-group .btn,
 111 .input-group-addon,
 112 .input-group-btn .btn {
 113         padding: 7px 14px 6px;
 114         font-size: @font-size-small;
 115 }
 116
 117 // Navs =======================================================================
 118
 119 .nav-tabs {
 120         > li > a {
 121                 background-color: @btn-default-bg;
 122                 color: @text-color;
 123         }
 124
 125         .caret {
 126                 border-top-color: @text-color;
 127                 border-bottom-color: @text-color;
 128         }
 129 }
 130
 131 .nav-pills {
 132         font-weight: 300;
 133 }
 134
 135 .breadcrumb {
 136         border: 1px solid @table-border-color;
 137         border-radius: 3px;
 138         font-size: 10px;
 139         font-weight: 300;
 140         text-transform: uppercase;
 141 }
 142
 143 .pagination {
 144         font-size: @font-size-small;
 145         font-weight: 300;
 146         color: @gray-light;
 147
 148         > li > a {
 149                 margin-left: 4px;
 150                 border-radius: 3px;
 151                 color: @gray-light;
 152         }
 153
 154         &-lg > li > a {
 155                 padding-left: 22px;
 156                 padding-right: 22px;
 157         }
 158
 159         &-sm > li > a {
 160                 padding: 0 5px;
 161         }
 162 }
 163
 164 .pager {
 165         font-size: @font-size-small;
 166         font-weight: 300;
 167         color: @gray-light;
 168 }
 169
 170 .list-group {
 171         font-size: @font-size-small;
 172         font-weight: 300;
 173 }
 174
 175 // Indicators =================================================================
 176
 177 .alert {
 178         font-size: @font-size-small;
 179         font-weight: 300;
 180
 181         a,
 182         .alert-link {
 183                 font-weight: normal;
 184                 color: #fff;
 185                 text-decoration: underline;
 186         }
 187 }
 188
 189 .label {
 190         padding-left: 1em;
 191         padding-right: 1em;
 192         border-radius: 0;
 193         font-weight: 300;
 194
 195         &-default {
 196                 background-color: @btn-default-bg;
 197                 color: @btn-default-color;
 198         }
 199 }
 200
 201 .badge {
 202         font-weight: 300;
 203 }
 204
 205 // Progress bars ==============================================================
 206
 207 .progress {
 208         height: 22px;
 209         padding: 2px;
 210         background-color: #f6f6f6;
 211         border: 1px solid #ccc;
 212         .box-shadow(none);
 213 }
 214
 215 // Containers =================================================================
 216
 217 .dropdown-menu {
 218         font-size: @font-size-small;
 219 }
 220
 221 .popover {
 222         color: #fff;
 223         font-size: 12px;
 224         font-weight: 300;
 225 }