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