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: 8px 14px;
 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,
 154         > li,
 155         > li:first-child,
 156         > li:last-child {
 157                 > a,
 158                 > span {
 159                         margin-left: 4px;
 160                         border-radius: 3px;
 161                         color: @gray-light;
 162                 }
 163         }
 164
 165         &-lg > li > a {
 166                 padding-left: 22px;
 167                 padding-right: 22px;
 168         }
 169
 170         &-sm > li > a {
 171                 padding: 0 5px;
 172         }
 173 }
 174
 175 .pager {
 176         font-size: @font-size-small;
 177         font-weight: 300;
 178         color: @gray-light;
 179 }
 180
 181 .list-group {
 182         font-size: @font-size-small;
 183         font-weight: 300;
 184 }
 185
 186 // Indicators =================================================================
 187
 188 .alert {
 189         font-size: @font-size-small;
 190         font-weight: 300;
 191
 192         a,
 193         .alert-link {
 194                 font-weight: normal;
 195                 color: #fff;
 196                 text-decoration: underline;
 197         }
 198 }
 199
 200 .label {
 201         padding-left: 1em;
 202         padding-right: 1em;
 203         border-radius: 0;
 204         font-weight: 300;
 205
 206         &-default {
 207                 background-color: @btn-default-bg;
 208                 color: @btn-default-color;
 209         }
 210 }
 211
 212 .badge {
 213         font-weight: 300;
 214 }
 215
 216 // Progress bars ==============================================================
 217
 218 .progress {
 219         height: 22px;
 220         padding: 2px;
 221         background-color: #f6f6f6;
 222         border: 1px solid #ccc;
 223         .box-shadow(none);
 224 }
 225
 226 // Containers =================================================================
 227
 228 .dropdown-menu {
 229         font-size: @font-size-small;
 230 }
 231
 232 .popover {
 233         color: #fff;
 234         font-size: 12px;
 235         font-weight: 300;
 236 }