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