bootswatch-rails 0.5.0 → 3.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. checksums.yaml +6 -14
  2. data/CONTRIBUTING.md +52 -0
  3. data/CONVERSION.md +6 -8
  4. data/HISTORY.md +9 -1
  5. data/README.md +6 -1
  6. data/Rakefile +3 -0
  7. data/lib/bootswatch-rails/version.rb +1 -1
  8. data/rearranges +12 -10
  9. data/vendor/assets/stylesheets/bootswatch/amelia/_bootswatch.scss +109 -718
  10. data/vendor/assets/stylesheets/bootswatch/amelia/_variables.scss +743 -217
  11. data/vendor/assets/stylesheets/bootswatch/cerulean/_bootswatch.scss +78 -133
  12. data/vendor/assets/stylesheets/bootswatch/cerulean/_variables.scss +745 -217
  13. data/vendor/assets/stylesheets/bootswatch/cosmo/_bootswatch.scss +113 -552
  14. data/vendor/assets/stylesheets/bootswatch/cosmo/_variables.scss +745 -217
  15. data/vendor/assets/stylesheets/bootswatch/custom/_bootswatch.scss +22 -0
  16. data/vendor/assets/stylesheets/bootswatch/custom/_variables.scss +620 -0
  17. data/vendor/assets/stylesheets/bootswatch/cyborg/_bootswatch.scss +105 -525
  18. data/vendor/assets/stylesheets/bootswatch/cyborg/_variables.scss +745 -217
  19. data/vendor/assets/stylesheets/bootswatch/darkly/_bootswatch.scss +273 -0
  20. data/vendor/assets/stylesheets/bootswatch/darkly/_variables.scss +829 -0
  21. data/vendor/assets/stylesheets/bootswatch/flatly/_bootswatch.scss +183 -452
  22. data/vendor/assets/stylesheets/bootswatch/flatly/_variables.scss +747 -218
  23. data/vendor/assets/stylesheets/bootswatch/journal/_bootswatch.scss +77 -295
  24. data/vendor/assets/stylesheets/bootswatch/journal/_variables.scss +745 -217
  25. data/vendor/assets/stylesheets/bootswatch/lumen/_bootswatch.scss +408 -0
  26. data/vendor/assets/stylesheets/bootswatch/lumen/_variables.scss +827 -0
  27. data/vendor/assets/stylesheets/bootswatch/readable/_bootswatch.scss +149 -37
  28. data/vendor/assets/stylesheets/bootswatch/readable/_variables.scss +745 -217
  29. data/vendor/assets/stylesheets/bootswatch/simplex/_bootswatch.scss +84 -413
  30. data/vendor/assets/stylesheets/bootswatch/simplex/_variables.scss +745 -217
  31. data/vendor/assets/stylesheets/bootswatch/slate/_bootswatch.scss +251 -481
  32. data/vendor/assets/stylesheets/bootswatch/slate/_variables.scss +749 -217
  33. data/vendor/assets/stylesheets/bootswatch/spacelab/_bootswatch.scss +87 -231
  34. data/vendor/assets/stylesheets/bootswatch/spacelab/_variables.scss +745 -216
  35. data/vendor/assets/stylesheets/bootswatch/superhero/_bootswatch.scss +168 -569
  36. data/vendor/assets/stylesheets/bootswatch/superhero/_variables.scss +746 -217
  37. data/vendor/assets/stylesheets/bootswatch/united/_bootswatch.scss +21 -110
  38. data/vendor/assets/stylesheets/bootswatch/united/_variables.scss +745 -217
  39. data/vendor/assets/stylesheets/bootswatch/yeti/_bootswatch.scss +418 -0
  40. data/vendor/assets/stylesheets/bootswatch/yeti/_variables.scss +827 -0
  41. metadata +17 -9
  42. data/vendor/assets/stylesheets/bootswatch/spruce/_bootswatch.scss +0 -650
  43. data/vendor/assets/stylesheets/bootswatch/spruce/_variables.scss +0 -301
@@ -0,0 +1,418 @@
1
+ // Yeti 3.1.1
2
+ // Bootswatch
3
+ // -----------------------------------------------------
4
+
5
+ @import url("//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
+ .btn {
19
+ padding-top: 6px;
20
+ padding-bottom: 6px;
21
+ }
22
+
23
+ .dropdown-menu {
24
+ border: none;
25
+
26
+ > li > a,
27
+ > li > a:focus {
28
+ background-color: transparent;
29
+ font-size: 13px;
30
+ font-weight: 300;
31
+ }
32
+ }
33
+
34
+ .dropdown-header {
35
+ color: rgba(255, 255, 255, 0.5);
36
+ }
37
+ }
38
+
39
+ .navbar-default {
40
+
41
+ .dropdown-menu {
42
+ background-color: $navbar-default-bg;
43
+
44
+ > li > a,
45
+ > li > a:focus {
46
+ color: $navbar-default-color;
47
+ }
48
+
49
+ > li > a:hover,
50
+ > .active > a,
51
+ > .active > a:hover {
52
+ background-color: $navbar-default-link-hover-bg;
53
+ }
54
+ }
55
+ }
56
+
57
+ .navbar-inverse {
58
+
59
+ .dropdown-menu {
60
+ background-color: $navbar-inverse-bg;
61
+
62
+ > li > a,
63
+ > li > a:focus {
64
+ color: $navbar-inverse-color;
65
+ }
66
+
67
+ > li > a:hover,
68
+ > .active > a,
69
+ > .active > a:hover {
70
+ background-color: $navbar-inverse-link-hover-bg;
71
+ }
72
+ }
73
+ }
74
+
75
+ .navbar-collapse {
76
+ border-top-color: $dropdown-divider-bg;
77
+ @include box-shadow(none);
78
+ }
79
+
80
+ // Buttons ====================================================================
81
+
82
+ .btn {
83
+ padding: 14px 28px;
84
+ }
85
+ .btn-lg {
86
+ padding: 16px 32px;
87
+ }
88
+ .btn-sm {
89
+ padding: 8px 16px;
90
+ }
91
+ .btn-xs {
92
+ padding: 4px 8px;
93
+ }
94
+
95
+
96
+ .btn-group {
97
+
98
+ .btn ~ .dropdown-toggle {
99
+ padding-left: 16px;
100
+ padding-right: 16px;
101
+ }
102
+
103
+ .dropdown-menu {
104
+ border-top-width: 0;
105
+ }
106
+
107
+ &.dropup .dropdown-menu {
108
+ border-top-width: 1px;
109
+ border-bottom-width: 0;
110
+ margin-bottom: 0;
111
+ }
112
+
113
+ .dropdown-toggle {
114
+
115
+ &.btn-default ~ .dropdown-menu {
116
+ background-color: $btn-default-bg;
117
+ border-color: $btn-default-border;
118
+
119
+ > li > a {
120
+ color: $btn-default-color;
121
+ }
122
+
123
+ > li > a:hover {
124
+ background-color: darken($btn-default-bg, 8%);
125
+ }
126
+ }
127
+
128
+ &.btn-primary ~ .dropdown-menu {
129
+ background-color: $btn-primary-bg;
130
+ border-color: $btn-primary-border;
131
+
132
+ > li > a {
133
+ color: $btn-primary-color;
134
+ }
135
+
136
+ > li > a:hover {
137
+ background-color: darken($btn-primary-bg, 8%);
138
+ }
139
+ }
140
+
141
+ &.btn-success ~ .dropdown-menu {
142
+ background-color: $btn-success-bg;
143
+ border-color: $btn-success-border;
144
+
145
+ > li > a {
146
+ color: $btn-success-color;
147
+ }
148
+
149
+ > li > a:hover {
150
+ background-color: darken($btn-success-bg, 8%);
151
+ }
152
+ }
153
+
154
+ &.btn-info ~ .dropdown-menu {
155
+ background-color: $btn-info-bg;
156
+ border-color: $btn-info-border;
157
+
158
+ > li > a {
159
+ color: $btn-info-color;
160
+ }
161
+
162
+ > li > a:hover {
163
+ background-color: darken($btn-info-bg, 8%);
164
+ }
165
+ }
166
+
167
+ &.btn-warning ~ .dropdown-menu {
168
+ background-color: $btn-warning-bg;
169
+ border-color: $btn-warning-border;
170
+
171
+ > li > a {
172
+ color: $btn-warning-color;
173
+ }
174
+
175
+ > li > a:hover {
176
+ background-color: darken($btn-warning-bg, 8%);
177
+ }
178
+ }
179
+
180
+ &.btn-danger ~ .dropdown-menu {
181
+ background-color: $btn-danger-bg;
182
+ border-color: $btn-danger-border;
183
+
184
+ > li > a {
185
+ color: $btn-danger-color;
186
+ }
187
+
188
+ > li > a:hover {
189
+ background-color: darken($btn-danger-bg, 8%);
190
+ }
191
+ }
192
+ }
193
+ }
194
+
195
+ // Typography =================================================================
196
+
197
+ .lead {
198
+ color: $gray;
199
+ }
200
+
201
+ cite {
202
+ font-style: italic;
203
+ }
204
+
205
+ blockquote {
206
+ border-left-width: 1px;
207
+ color: $gray;
208
+
209
+ &.pull-right {
210
+ border-right-width: 1px;
211
+ }
212
+
213
+ small {
214
+ font-size: $font-size-small;
215
+ font-weight: 300;
216
+ }
217
+ }
218
+
219
+ // Tables =====================================================================
220
+
221
+ table {
222
+ font-size: $font-size-small;
223
+ }
224
+
225
+ // Forms ======================================================================
226
+
227
+ input,
228
+ .form-control {
229
+ padding: 7px;
230
+ }
231
+
232
+ label,
233
+ .control-label,
234
+ .help-block,
235
+ .checkbox,
236
+ .radio {
237
+ font-size: $font-size-small;
238
+ font-weight: normal;
239
+ }
240
+
241
+ .input-group-addon,
242
+ .input-group-btn .btn {
243
+ padding: 8px 14px;
244
+ font-size: $font-size-small;
245
+ }
246
+
247
+ // Navs =======================================================================
248
+
249
+ .nav {
250
+ .open > a,
251
+ .open > a:hover,
252
+ .open > a:focus {
253
+ border-color: transparent;
254
+ }
255
+ }
256
+
257
+ .nav-tabs {
258
+ > li > a {
259
+ background-color: $btn-default-bg;
260
+ color: $text-color;
261
+ }
262
+
263
+ .caret {
264
+ border-top-color: $text-color;
265
+ border-bottom-color: $text-color;
266
+ }
267
+ }
268
+
269
+ .nav-pills {
270
+ font-weight: 300;
271
+ }
272
+
273
+ .breadcrumb {
274
+ border: 1px solid $table-border-color;
275
+ border-radius: 3px;
276
+ font-size: 10px;
277
+ font-weight: 300;
278
+ text-transform: uppercase;
279
+ }
280
+
281
+ .pagination {
282
+ font-size: $font-size-small;
283
+ font-weight: 300;
284
+ color: $gray-light;
285
+
286
+ > li {
287
+ > a,
288
+ > span {
289
+ margin-left: 4px;
290
+ color: $gray-light;
291
+ }
292
+ }
293
+
294
+ > .active {
295
+ > a,
296
+ > span {
297
+ color: #fff;
298
+ }
299
+ }
300
+
301
+ > li,
302
+ > li:first-child,
303
+ > li:last-child {
304
+ > a,
305
+ > span {
306
+ border-radius: 3px;
307
+ }
308
+ }
309
+ }
310
+ .pagination-lg > li > a {
311
+ padding-left: 22px;
312
+ padding-right: 22px;
313
+ }
314
+
315
+ .pagination-sm > li > a {
316
+ padding: 0 5px;
317
+ }
318
+
319
+ .pager {
320
+ font-size: $font-size-small;
321
+ font-weight: 300;
322
+ color: $gray-light;
323
+ }
324
+
325
+ .list-group {
326
+ font-size: $font-size-small;
327
+ font-weight: 300;
328
+ }
329
+
330
+ // Indicators =================================================================
331
+
332
+ .close {
333
+ opacity: 0.4;
334
+
335
+ &:hover,
336
+ &:focus {
337
+ opacity: 1;
338
+ }
339
+ }
340
+
341
+ .alert {
342
+ font-size: $font-size-small;
343
+ font-weight: 300;
344
+
345
+ a,
346
+ .alert-link {
347
+ font-weight: normal;
348
+ color: #fff;
349
+ text-decoration: underline;
350
+ }
351
+
352
+ .close {
353
+ color: #fff;
354
+ text-decoration: none;
355
+
356
+ &:hover,
357
+ &:focus {
358
+ color: #fff;
359
+ }
360
+ }
361
+ }
362
+
363
+ .label {
364
+ padding-left: 1em;
365
+ padding-right: 1em;
366
+ border-radius: 0;
367
+ font-weight: 300;
368
+ }
369
+
370
+ .label-default {
371
+ background-color: $btn-default-bg;
372
+ color: $btn-default-color;
373
+ }
374
+
375
+ .badge {
376
+ font-weight: 300;
377
+ }
378
+
379
+ // Progress bars ==============================================================
380
+
381
+ .progress {
382
+ height: 22px;
383
+ padding: 2px;
384
+ background-color: #f6f6f6;
385
+ border: 1px solid #ccc;
386
+ @include box-shadow(none);
387
+ }
388
+
389
+ // Containers =================================================================
390
+
391
+ .dropdown-menu {
392
+ padding: 0;
393
+ margin-top: 0;
394
+ font-size: $font-size-small;
395
+
396
+ > li > a {
397
+ padding: 12px 15px;
398
+ }
399
+ }
400
+
401
+ .dropdown-header {
402
+ padding-left: 15px;
403
+ padding-right: 15px;
404
+ font-size: 9px;
405
+ text-transform: uppercase;
406
+ }
407
+
408
+ .popover {
409
+ color: #fff;
410
+ font-size: 12px;
411
+ font-weight: 300;
412
+ }
413
+
414
+ .panel-heading,
415
+ .panel-footer {
416
+ border-top-right-radius: 0;
417
+ border-top-left-radius: 0;
418
+ }
@@ -0,0 +1,827 @@
1
+ // Yeti 3.1.1
2
+ // Variables
3
+ // --------------------------------------------------
4
+
5
+
6
+ //== Colors
7
+ //
8
+ //## Gray and brand colors for use across Bootstrap.
9
+
10
+ $gray-darker: lighten(#000, 13.5%) !default; // #222
11
+ $gray-dark: lighten(#000, 20%) !default; // #333
12
+ $gray: #6f6f6f !default; // #555
13
+ $gray-light: lighten(#000, 60%) !default; // #999
14
+ $gray-lighter: lighten(#000, 93.5%) !default; // #eee
15
+
16
+ $brand-primary: #008cba !default;
17
+ $brand-success: #43ac6a !default;
18
+ $brand-info: #5bc0de !default;
19
+ $brand-warning: #E99002 !default;
20
+ $brand-danger: #F04124 !default;
21
+
22
+
23
+ //== Scaffolding
24
+ //
25
+ // ## Settings for some of the most global styles.
26
+
27
+ //** Background color for `<body>`.
28
+ $body-bg: #fff !default;
29
+ //** Global text color on `<body>`.
30
+ $text-color: $gray-darker !default;
31
+
32
+ //** Global textual link color.
33
+ $link-color: $brand-primary !default;
34
+ //** Link hover color set via `darken()` function.
35
+ $link-hover-color: darken($link-color, 15%) !default;
36
+
37
+
38
+ //== Typography
39
+ //
40
+ //## Font, line-height, and color for body text, headings, and more.
41
+
42
+ $font-family-sans-serif: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !default;
43
+ $font-family-serif: Georgia, "Times New Roman", Times, serif !default;
44
+ //** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
45
+ $font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default;
46
+ $font-family-base: $font-family-sans-serif !default;
47
+
48
+ $font-size-base: 15px !default;
49
+ $font-size-large: ceil(($font-size-base * 1.25)) !default; // ~18px
50
+ $font-size-small: 12px !default; // ~12px
51
+
52
+ $font-size-h1: floor(($font-size-base * 2.6)) !default; // ~36px
53
+ $font-size-h2: floor(($font-size-base * 2.15)) !default; // ~30px
54
+ $font-size-h3: ceil(($font-size-base * 1.7)) !default; // ~24px
55
+ $font-size-h4: ceil(($font-size-base * 1.25)) !default; // ~18px
56
+ $font-size-h5: $font-size-base !default;
57
+ $font-size-h6: ceil(($font-size-base * 0.85)) !default; // ~12px
58
+
59
+ //** Unit-less `line-height` for use in components like buttons.
60
+ $line-height-base: 1.428571429 !default; // 20/14
61
+ //** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
62
+ $line-height-computed: floor(($font-size-base * $line-height-base)) !default; // ~20px
63
+
64
+ //** By default, this inherits from the `<body>`.
65
+ $headings-font-family: $font-family-base !default;
66
+ $headings-font-weight: 300 !default;
67
+ $headings-line-height: 1.1 !default;
68
+ $headings-color: inherit !default;
69
+
70
+
71
+ //-- Iconography
72
+ //
73
+ //## Specify custom locations of the include Glyphicons icon font. Useful for those including Bootstrap via Bower.
74
+
75
+ $icon-font-path: "../fonts/" !default;
76
+ $icon-font-name: "glyphicons-halflings-regular" !default;
77
+ $icon-font-svg-id: "glyphicons_halflingsregular" !default;
78
+
79
+ //== Components
80
+ //
81
+ //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
82
+
83
+ $padding-base-vertical: 6px !default;
84
+ $padding-base-horizontal: 12px !default;
85
+
86
+ $padding-large-vertical: 10px !default;
87
+ $padding-large-horizontal: 16px !default;
88
+
89
+ $padding-small-vertical: 5px !default;
90
+ $padding-small-horizontal: 10px !default;
91
+
92
+ $padding-xs-vertical: 1px !default;
93
+ $padding-xs-horizontal: 5px !default;
94
+
95
+ $line-height-large: 1.33 !default;
96
+ $line-height-small: 1.5 !default;
97
+
98
+ $border-radius-base: 0 !default;
99
+ $border-radius-large: 0 !default;
100
+ $border-radius-small: 0 !default;
101
+
102
+ //** Global color for active items (e.g., navs or dropdowns).
103
+ $component-active-color: #fff !default;
104
+ //** Global background color for active items (e.g., navs or dropdowns).
105
+ $component-active-bg: $brand-primary !default;
106
+
107
+ //** Width of the `border` for generating carets that indicator dropdowns.
108
+ $caret-width-base: 4px !default;
109
+ //** Carets increase slightly in size for larger components.
110
+ $caret-width-large: 5px !default;
111
+
112
+
113
+ //== Tables
114
+ //
115
+ //## Customizes the `.table` component with basic values, each used across all table variations.
116
+
117
+ //** Padding for `<th>`s and `<td>`s.
118
+ $table-cell-padding: 8px !default;
119
+ //** Padding for cells in `.table-condensed`.
120
+ $table-condensed-cell-padding: 5px !default;
121
+
122
+ //** Default background color used for all tables.
123
+ $table-bg: transparent !default;
124
+ //** Background color used for `.table-striped`.
125
+ $table-bg-accent: #f9f9f9 !default;
126
+ //** Background color used for `.table-hover`.
127
+ $table-bg-hover: #f5f5f5 !default;
128
+ $table-bg-active: $table-bg-hover !default;
129
+
130
+ //** Border color for table and cell borders.
131
+ $table-border-color: #ddd !default;
132
+
133
+
134
+ //== Buttons
135
+ //
136
+ //## For each of Bootstrap's buttons, define text, background and border color.
137
+
138
+ $btn-font-weight: normal !default;
139
+
140
+ $btn-default-color: $gray-dark !default;
141
+ $btn-default-bg: #e7e7e7 !default;
142
+ $btn-default-border: #dadada !default;
143
+
144
+ $btn-primary-color: #fff !default;
145
+ $btn-primary-bg: $brand-primary !default;
146
+ $btn-primary-border: darken($btn-primary-bg, 5%) !default;
147
+
148
+ $btn-success-color: #fff !default;
149
+ $btn-success-bg: $brand-success !default;
150
+ $btn-success-border: darken($btn-success-bg, 5%) !default;
151
+
152
+ $btn-info-color: #fff !default;
153
+ $btn-info-bg: $brand-info !default;
154
+ $btn-info-border: darken($btn-info-bg, 5%) !default;
155
+
156
+ $btn-warning-color: #fff !default;
157
+ $btn-warning-bg: $brand-warning !default;
158
+ $btn-warning-border: darken($btn-warning-bg, 5%) !default;
159
+
160
+ $btn-danger-color: #fff !default;
161
+ $btn-danger-bg: $brand-danger !default;
162
+ $btn-danger-border: darken($btn-danger-bg, 5%) !default;
163
+
164
+ $btn-link-disabled-color: $gray-light !default;
165
+
166
+
167
+ //== Forms
168
+ //
169
+ //##
170
+
171
+ //** `<input>` background color
172
+ $input-bg: #fff !default;
173
+ //** `<input disabled>` background color
174
+ $input-bg-disabled: $gray-lighter !default;
175
+
176
+ //** Text color for `<input>`s
177
+ $input-color: $gray !default;
178
+ //** `<input>` border color
179
+ $input-border: #ccc !default;
180
+ //** `<input>` border radius
181
+ $input-border-radius: $border-radius-base !default;
182
+ //** Border color for inputs on focus
183
+ $input-border-focus: #66afe9 !default;
184
+
185
+ //** Placeholder text color
186
+ $input-color-placeholder: $gray-light !default;
187
+
188
+ //** Default `.form-control` height
189
+ $input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2) !default;
190
+ //** Large `.form-control` height
191
+ $input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default;
192
+ //** Small `.form-control` height
193
+ $input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;
194
+
195
+ $legend-color: $gray-dark !default;
196
+ $legend-border-color: #e5e5e5 !default;
197
+
198
+ //** Background color for textual input addons
199
+ $input-group-addon-bg: $gray-lighter !default;
200
+ //** Border color for textual input addons
201
+ $input-group-addon-border-color: $input-border !default;
202
+
203
+
204
+ //== Dropdowns
205
+ //
206
+ //## Dropdown menu container and contents.
207
+
208
+ //** Background for the dropdown menu.
209
+ $dropdown-bg: #fff !default;
210
+ //** Dropdown menu `border-color`.
211
+ $dropdown-border: rgba(0,0,0,.15) !default;
212
+ //** Dropdown menu `border-color` **for IE8**.
213
+ $dropdown-fallback-border: #ccc !default;
214
+ //** Divider color for between dropdown items.
215
+ $dropdown-divider-bg: rgba(0,0,0,.2) !default;
216
+
217
+ //** Dropdown link text color.
218
+ $dropdown-link-color: #555 !default;
219
+ //** Hover color for dropdown links.
220
+ $dropdown-link-hover-color: darken($gray-dark, 5%) !default;
221
+ //** Hover background for dropdown links.
222
+ $dropdown-link-hover-bg: #eee !default;
223
+
224
+ //** Active dropdown menu item text color.
225
+ $dropdown-link-active-color: $component-active-color !default;
226
+ //** Active dropdown menu item background color.
227
+ $dropdown-link-active-bg: $component-active-bg !default;
228
+
229
+ //** Disabled dropdown menu item background color.
230
+ $dropdown-link-disabled-color: $gray-light !default;
231
+
232
+ //** Text color for headers within dropdown menus.
233
+ $dropdown-header-color: $gray-light !default;
234
+
235
+ // Note: Deprecated @dropdown-caret-color as of v3.1.0
236
+ $dropdown-caret-color: #000 !default;
237
+
238
+
239
+ //-- Z-index master list
240
+ //
241
+ // Warning: Avoid customizing these values. They're used for a bird's eye view
242
+ // of components dependent on the z-axis and are designed to all work together.
243
+ //
244
+ // Note: These variables are not generated into the Customizer.
245
+
246
+ $zindex-navbar: 1000 !default;
247
+ $zindex-dropdown: 1000 !default;
248
+ $zindex-popover: 1010 !default;
249
+ $zindex-tooltip: 1030 !default;
250
+ $zindex-navbar-fixed: 1030 !default;
251
+ $zindex-modal-background: 1040 !default;
252
+ $zindex-modal: 1050 !default;
253
+
254
+
255
+ //== Media queries breakpoints
256
+ //
257
+ //## Define the breakpoints at which your layout will change, adapting to different screen sizes.
258
+
259
+ // Extra small screen / phone
260
+ // Note: Deprecated @screen-xs and @screen-phone as of v3.0.1
261
+ $screen-xs: 480px !default;
262
+ $screen-xs-min: $screen-xs !default;
263
+ $screen-phone: $screen-xs-min !default;
264
+
265
+ // Small screen / tablet
266
+ // Note: Deprecated @screen-sm and @screen-tablet as of v3.0.1
267
+ $screen-sm: 768px !default;
268
+ $screen-sm-min: $screen-sm !default;
269
+ $screen-tablet: $screen-sm-min !default;
270
+
271
+ // Medium screen / desktop
272
+ // Note: Deprecated @screen-md and @screen-desktop as of v3.0.1
273
+ $screen-md: 992px !default;
274
+ $screen-md-min: $screen-md !default;
275
+ $screen-desktop: $screen-md-min !default;
276
+
277
+ // Large screen / wide desktop
278
+ // Note: Deprecated @screen-lg and @screen-lg-desktop as of v3.0.1
279
+ $screen-lg: 1200px !default;
280
+ $screen-lg-min: $screen-lg !default;
281
+ $screen-lg-desktop: $screen-lg-min !default;
282
+
283
+ // So media queries don't overlap when required, provide a maximum
284
+ $screen-xs-max: ($screen-sm-min - 1) !default;
285
+ $screen-sm-max: ($screen-md-min - 1) !default;
286
+ $screen-md-max: ($screen-lg-min - 1) !default;
287
+
288
+
289
+ //== Grid system
290
+ //
291
+ //## Define your custom responsive grid.
292
+
293
+ //** Number of columns in the grid.
294
+ $grid-columns: 12 !default;
295
+ //** Padding between columns. Gets divided in half for the left and right.
296
+ $grid-gutter-width: 30px !default;
297
+ // Navbar collapse
298
+ //** Point at which the navbar becomes uncollapsed.
299
+ $grid-float-breakpoint: $screen-sm-min !default;
300
+ //** Point at which the navbar begins collapsing.
301
+ $grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
302
+
303
+
304
+ //== Container sizes
305
+ //
306
+ //## Define the maximum width of `.container` for different screen sizes.
307
+
308
+ // Small screen / tablet
309
+ $container-tablet: ((720px + $grid-gutter-width)) !default;
310
+ //** For `@screen-sm-min` and up.
311
+ $container-sm: $container-tablet !default;
312
+
313
+ // Medium screen / desktop
314
+ $container-desktop: ((940px + $grid-gutter-width)) !default;
315
+ //** For `@screen-md-min` and up.
316
+ $container-md: $container-desktop !default;
317
+
318
+ // Large screen / wide desktop
319
+ $container-large-desktop: ((1140px + $grid-gutter-width)) !default;
320
+ //** For `@screen-lg-min` and up.
321
+ $container-lg: $container-large-desktop !default;
322
+
323
+
324
+ //== Navbar
325
+ //
326
+ //##
327
+
328
+ // Basics of a navbar
329
+ $navbar-height: 45px !default;
330
+ $navbar-margin-bottom: $line-height-computed !default;
331
+ $navbar-border-radius: $border-radius-base !default;
332
+ $navbar-padding-horizontal: floor(($grid-gutter-width / 2)) !default;
333
+ $navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2) !default;
334
+ $navbar-collapse-max-height: 340px !default;
335
+
336
+ $navbar-default-color: #fff !default;
337
+ $navbar-default-bg: $gray-dark !default;
338
+ $navbar-default-border: darken($navbar-default-bg, 6.5%) !default;
339
+
340
+ // Navbar links
341
+ $navbar-default-link-color: #fff !default;
342
+ $navbar-default-link-hover-color: #fff !default;
343
+ $navbar-default-link-hover-bg: #272727 !default;
344
+ $navbar-default-link-active-color: #fff !default;
345
+ $navbar-default-link-active-bg: #272727 !default;
346
+ $navbar-default-link-disabled-color: #ccc !default;
347
+ $navbar-default-link-disabled-bg: transparent !default;
348
+
349
+ // Navbar brand label
350
+ $navbar-default-brand-color: $navbar-default-link-color !default;
351
+ $navbar-default-brand-hover-color: $navbar-default-brand-color !default;
352
+ $navbar-default-brand-hover-bg: transparent !default;
353
+
354
+ // Navbar toggle
355
+ $navbar-default-toggle-hover-bg: transparent !default;
356
+ $navbar-default-toggle-icon-bar-bg: #fff !default;
357
+ $navbar-default-toggle-border-color: transparent !default;
358
+
359
+
360
+ // Inverted navbar
361
+ // Reset inverted navbar basics
362
+ $navbar-inverse-color: #fff !default;
363
+ $navbar-inverse-bg: $brand-primary !default;
364
+ $navbar-inverse-border: darken($navbar-inverse-bg, 10%) !default;
365
+
366
+ // Inverted navbar links
367
+ $navbar-inverse-link-color: #fff !default;
368
+ $navbar-inverse-link-hover-color: #fff !default;
369
+ $navbar-inverse-link-hover-bg: darken($navbar-inverse-bg, 10%) !default;
370
+ $navbar-inverse-link-active-color: #fff !default;
371
+ $navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 10%) !default;
372
+ $navbar-inverse-link-disabled-color: #444 !default;
373
+ $navbar-inverse-link-disabled-bg: transparent !default;
374
+
375
+ // Inverted navbar brand label
376
+ $navbar-inverse-brand-color: $navbar-inverse-link-color !default;
377
+ $navbar-inverse-brand-hover-color: #fff !default;
378
+ $navbar-inverse-brand-hover-bg: transparent !default;
379
+
380
+ // Inverted navbar toggle
381
+ $navbar-inverse-toggle-hover-bg: transparent !default;
382
+ $navbar-inverse-toggle-icon-bar-bg: #fff !default;
383
+ $navbar-inverse-toggle-border-color: transparent !default;
384
+
385
+
386
+ //== Navs
387
+ //
388
+ //##
389
+
390
+ //=== Shared nav styles
391
+ $nav-link-padding: 10px 15px !default;
392
+ $nav-link-hover-bg: $gray-lighter !default;
393
+
394
+ $nav-disabled-link-color: $gray-light !default;
395
+ $nav-disabled-link-hover-color: $gray-light !default;
396
+
397
+ $nav-open-link-hover-color: #fff !default;
398
+
399
+ //== Tabs
400
+ $nav-tabs-border-color: #ddd !default;
401
+
402
+ $nav-tabs-link-hover-border-color: $gray-lighter !default;
403
+
404
+ $nav-tabs-active-link-hover-bg: $body-bg !default;
405
+ $nav-tabs-active-link-hover-color: $gray !default;
406
+ $nav-tabs-active-link-hover-border-color: #ddd !default;
407
+
408
+ $nav-tabs-justified-link-border-color: #ddd !default;
409
+ $nav-tabs-justified-active-link-border-color: $body-bg !default;
410
+
411
+ //== Pills
412
+ $nav-pills-border-radius: $border-radius-base !default;
413
+ $nav-pills-active-link-hover-bg: $component-active-bg !default;
414
+ $nav-pills-active-link-hover-color: $component-active-color !default;
415
+
416
+
417
+ //== Pagination
418
+ //
419
+ //##
420
+
421
+ $pagination-color: $link-color !default;
422
+ $pagination-bg: transparent !default;
423
+ $pagination-border: transparent !default;
424
+
425
+ $pagination-hover-color: $link-hover-color !default;
426
+ $pagination-hover-bg: $gray-lighter !default;
427
+ $pagination-hover-border: transparent !default;
428
+
429
+ $pagination-active-color: #fff !default;
430
+ $pagination-active-bg: $brand-primary !default;
431
+ $pagination-active-border: transparent !default;
432
+
433
+ $pagination-disabled-color: $gray-light !default;
434
+ $pagination-disabled-bg: #fff !default;
435
+ $pagination-disabled-border: transparent !default;
436
+
437
+
438
+ //== Pager
439
+ //
440
+ //##
441
+
442
+ $pager-bg: $pagination-bg !default;
443
+ $pager-border: $pagination-border !default;
444
+ $pager-border-radius: 3px !default;
445
+
446
+ $pager-hover-bg: $pagination-hover-bg !default;
447
+
448
+ $pager-active-bg: $pagination-active-bg !default;
449
+ $pager-active-color: $pagination-active-color !default;
450
+
451
+ $pager-disabled-color: $gray-light !default;
452
+
453
+
454
+ //== Jumbotron
455
+ //
456
+ //##
457
+
458
+ $jumbotron-padding: 30px !default;
459
+ $jumbotron-color: inherit !default;
460
+ $jumbotron-bg: #fafafa !default;
461
+ $jumbotron-heading-color: inherit !default;
462
+ $jumbotron-font-size: ceil(($font-size-base * 1.5)) !default;
463
+
464
+
465
+ //== Form states and alerts
466
+ //
467
+ //## Define colors for form feedback states and, by default, alerts.
468
+
469
+ $state-success-text: $brand-success !default;
470
+ $state-success-bg: #dff0d8 !default;
471
+ $state-success-border: darken($state-success-text, 5%) !default;
472
+
473
+ $state-info-text: $brand-info !default;
474
+ $state-info-bg: #d9edf7 !default;
475
+ $state-info-border: darken($state-info-text, 7%) !default;
476
+
477
+ $state-warning-text: $brand-warning !default;
478
+ $state-warning-bg: #fcf8e3 !default;
479
+ $state-warning-border: darken($state-warning-text, 5%) !default;
480
+
481
+ $state-danger-text: $brand-danger !default;
482
+ $state-danger-bg: #f2dede !default;
483
+ $state-danger-border: darken($state-danger-text, 5%) !default;
484
+
485
+
486
+ //== Tooltips
487
+ //
488
+ //##
489
+
490
+ //** Tooltip max width
491
+ $tooltip-max-width: 200px !default;
492
+ //** Tooltip text color
493
+ $tooltip-color: #fff !default;
494
+ //** Tooltip background color
495
+ $tooltip-bg: $gray-dark !default;
496
+ $tooltip-opacity: .9 !default;
497
+
498
+ //** Tooltip arrow width
499
+ $tooltip-arrow-width: 5px !default;
500
+ //** Tooltip arrow color
501
+ $tooltip-arrow-color: $tooltip-bg !default;
502
+
503
+
504
+ //== Popovers
505
+ //
506
+ //##
507
+
508
+ //** Popover body background color
509
+ $popover-bg: $gray-dark !default;
510
+ //** Popover maximum width
511
+ $popover-max-width: 276px !default;
512
+ //** Popover border color
513
+ $popover-border-color: transparent !default;
514
+ //** Popover fallback border color
515
+ $popover-fallback-border-color: $gray-dark !default;
516
+
517
+ //** Popover title background color
518
+ $popover-title-bg: $popover-bg !default;
519
+
520
+ //** Popover arrow width
521
+ $popover-arrow-width: 10px !default;
522
+ //** Popover arrow color
523
+ $popover-arrow-color: $popover-bg !default;
524
+
525
+ //** Popover outer arrow width
526
+ $popover-arrow-outer-width: ($popover-arrow-width + 1) !default;
527
+ //** Popover outer arrow color
528
+ $popover-arrow-outer-color: fadein($popover-border-color, 5%) !default;
529
+ //** Popover outer arrow fallback color
530
+ $popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%) !default;
531
+
532
+
533
+ //== Labels
534
+ //
535
+ //##
536
+
537
+ //** Default label background color
538
+ $label-default-bg: $gray-light !default;
539
+ //** Primary label background color
540
+ $label-primary-bg: $brand-primary !default;
541
+ //** Success label background color
542
+ $label-success-bg: $brand-success !default;
543
+ //** Info label background color
544
+ $label-info-bg: $brand-info !default;
545
+ //** Warning label background color
546
+ $label-warning-bg: $brand-warning !default;
547
+ //** Danger label background color
548
+ $label-danger-bg: $brand-danger !default;
549
+
550
+ //** Default label text color
551
+ $label-color: #fff !default;
552
+ //** Default text color of a linked label
553
+ $label-link-hover-color: #fff !default;
554
+
555
+
556
+ //== Modals
557
+ //
558
+ //##
559
+
560
+ //** Padding applied to the modal body
561
+ $modal-inner-padding: 20px !default;
562
+
563
+ //** Padding applied to the modal title
564
+ $modal-title-padding: 15px !default;
565
+ //** Modal title line-height
566
+ $modal-title-line-height: $line-height-base !default;
567
+
568
+ //** Background color of modal content area
569
+ $modal-content-bg: #fff !default;
570
+ //** Modal content border color
571
+ $modal-content-border-color: rgba(0,0,0,.2) !default;
572
+ //** Modal content border color **for IE8**
573
+ $modal-content-fallback-border-color: #999 !default;
574
+
575
+ //** Modal backdrop background color
576
+ $modal-backdrop-bg: #000 !default;
577
+ //** Modal backdrop opacity
578
+ $modal-backdrop-opacity: .5 !default;
579
+ //** Modal header border color
580
+ $modal-header-border-color: #e5e5e5 !default;
581
+ //** Modal footer border color
582
+ $modal-footer-border-color: $modal-header-border-color !default;
583
+
584
+ $modal-lg: 900px !default;
585
+ $modal-md: 600px !default;
586
+ $modal-sm: 300px !default;
587
+
588
+
589
+ //== Alerts
590
+ //
591
+ //## Define alert colors, border radius, and padding.
592
+
593
+ $alert-padding: 15px !default;
594
+ $alert-border-radius: $border-radius-base !default;
595
+ $alert-link-font-weight: bold !default;
596
+
597
+ $alert-success-bg: $brand-success !default;
598
+ $alert-success-text: #fff !default;
599
+ $alert-success-border: $state-success-border !default;
600
+
601
+ $alert-info-bg: $brand-info !default;
602
+ $alert-info-text: #fff !default;
603
+ $alert-info-border: $state-info-border !default;
604
+
605
+ $alert-warning-bg: $brand-warning !default;
606
+ $alert-warning-text: #fff !default;
607
+ $alert-warning-border: $state-warning-border !default;
608
+
609
+ $alert-danger-bg: $brand-danger !default;
610
+ $alert-danger-text: #fff !default;
611
+ $alert-danger-border: $state-danger-border !default;
612
+
613
+
614
+ //== Progress bars
615
+ //
616
+ //##
617
+
618
+ //** Background color of the whole progress component
619
+ $progress-bg: #f5f5f5 !default;
620
+ //** Progress bar text color
621
+ $progress-bar-color: #fff !default;
622
+
623
+ //** Default progress bar color
624
+ $progress-bar-bg: $brand-primary !default;
625
+ //** Success progress bar color
626
+ $progress-bar-success-bg: $brand-success !default;
627
+ //** Warning progress bar color
628
+ $progress-bar-warning-bg: $brand-warning !default;
629
+ //** Danger progress bar color
630
+ $progress-bar-danger-bg: $brand-danger !default;
631
+ //** Info progress bar color
632
+ $progress-bar-info-bg: $brand-info !default;
633
+
634
+
635
+ //== List group
636
+ //
637
+ //##
638
+
639
+ //** Background color on `.list-group-item`
640
+ $list-group-bg: #fff !default;
641
+ //** `.list-group-item` border color
642
+ $list-group-border: #ddd !default;
643
+ //** List group border radius
644
+ $list-group-border-radius: $border-radius-base !default;
645
+
646
+ //** Background color of single list elements on hover
647
+ $list-group-hover-bg: #f5f5f5 !default;
648
+ //** Text color of active list elements
649
+ $list-group-active-color: $component-active-color !default;
650
+ //** Background color of active list elements
651
+ $list-group-active-bg: $component-active-bg !default;
652
+ //** Border color of active list elements
653
+ $list-group-active-border: $list-group-active-bg !default;
654
+ $list-group-active-text-color: lighten($list-group-active-bg, 40%) !default;
655
+
656
+ $list-group-link-color: #555 !default;
657
+ $list-group-link-heading-color: #333 !default;
658
+
659
+
660
+ //== Panels
661
+ //
662
+ //##
663
+
664
+ $panel-bg: #fff !default;
665
+ $panel-body-padding: 15px !default;
666
+ $panel-border-radius: $border-radius-base !default;
667
+
668
+ //** Border color for elements within panels
669
+ $panel-inner-border: #ddd !default;
670
+ $panel-footer-bg: #f5f5f5 !default;
671
+
672
+ $panel-default-text: $gray-dark !default;
673
+ $panel-default-border: #ddd !default;
674
+ $panel-default-heading-bg: #f5f5f5 !default;
675
+
676
+ $panel-primary-text: #fff !default;
677
+ $panel-primary-border: $brand-primary !default;
678
+ $panel-primary-heading-bg: $brand-primary !default;
679
+
680
+ $panel-success-text: $state-success-text !default;
681
+ $panel-success-border: $state-success-border !default;
682
+ $panel-success-heading-bg: $state-success-bg !default;
683
+
684
+ $panel-info-text: $state-info-text !default;
685
+ $panel-info-border: $state-info-border !default;
686
+ $panel-info-heading-bg: $state-info-bg !default;
687
+
688
+ $panel-warning-text: $state-warning-text !default;
689
+ $panel-warning-border: $state-warning-border !default;
690
+ $panel-warning-heading-bg: $state-warning-bg !default;
691
+
692
+ $panel-danger-text: $state-danger-text !default;
693
+ $panel-danger-border: $state-danger-border !default;
694
+ $panel-danger-heading-bg: $state-danger-bg !default;
695
+
696
+
697
+ //== Thumbnails
698
+ //
699
+ //##
700
+
701
+ //** Padding around the thumbnail image
702
+ $thumbnail-padding: 4px !default;
703
+ //** Thumbnail background color
704
+ $thumbnail-bg: $body-bg !default;
705
+ //** Thumbnail border color
706
+ $thumbnail-border: #ddd !default;
707
+ //** Thumbnail border radius
708
+ $thumbnail-border-radius: $border-radius-base !default;
709
+
710
+ //** Custom text color for thumbnail captions
711
+ $thumbnail-caption-color: $text-color !default;
712
+ //** Padding around the thumbnail caption
713
+ $thumbnail-caption-padding: 9px !default;
714
+
715
+
716
+ //== Wells
717
+ //
718
+ //##
719
+
720
+ $well-bg: $jumbotron-bg !default;
721
+ $well-border: darken($well-bg, 7%) !default;
722
+
723
+
724
+ //== Badges
725
+ //
726
+ //##
727
+
728
+ $badge-color: #777 !default;
729
+ //** Linked badge text color on hover
730
+ $badge-link-hover-color: #fff !default;
731
+ $badge-bg: $btn-default-bg !default;
732
+
733
+ //** Badge text color in active nav link
734
+ $badge-active-color: $link-color !default;
735
+ //** Badge background color in active nav link
736
+ $badge-active-bg: #fff !default;
737
+
738
+ $badge-font-weight: bold !default;
739
+ $badge-line-height: 1 !default;
740
+ $badge-border-radius: 10px !default;
741
+
742
+
743
+ //== Breadcrumbs
744
+ //
745
+ //##
746
+
747
+ $breadcrumb-padding-vertical: 8px !default;
748
+ $breadcrumb-padding-horizontal: 15px !default;
749
+ //** Breadcrumb background color
750
+ $breadcrumb-bg: #f5f5f5 !default;
751
+ //** Breadcrumb text color
752
+ $breadcrumb-color: $gray-light !default;
753
+ //** Text color of current page in the breadcrumb
754
+ $breadcrumb-active-color: $gray-dark !default;
755
+ //** Textual separator for between breadcrumb elements
756
+ $breadcrumb-separator: "/" !default;
757
+
758
+
759
+ //== Carousel
760
+ //
761
+ //##
762
+
763
+ $carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6) !default;
764
+
765
+ $carousel-control-color: #fff !default;
766
+ $carousel-control-width: 15% !default;
767
+ $carousel-control-opacity: .5 !default;
768
+ $carousel-control-font-size: 20px !default;
769
+
770
+ $carousel-indicator-active-bg: #fff !default;
771
+ $carousel-indicator-border-color: #fff !default;
772
+
773
+ $carousel-caption-color: #fff !default;
774
+
775
+
776
+ //== Close
777
+ //
778
+ //##
779
+
780
+ $close-font-weight: bold !default;
781
+ $close-color: #000 !default;
782
+ $close-text-shadow: 0 1px 0 #fff !default;
783
+
784
+
785
+ //== Code
786
+ //
787
+ //##
788
+
789
+ $code-color: #c7254e !default;
790
+ $code-bg: #f9f2f4 !default;
791
+
792
+ $kbd-color: #fff !default;
793
+ $kbd-bg: #333 !default;
794
+
795
+ $pre-bg: #f5f5f5 !default;
796
+ $pre-color: $gray-dark !default;
797
+ $pre-border-color: #ccc !default;
798
+ $pre-scrollable-max-height: 340px !default;
799
+
800
+ //== Miscellaneous
801
+ //
802
+ //##
803
+
804
+ //** Horizontal line color.
805
+ $hr-border: #ddd !default;
806
+
807
+ //** Horizontal offset for forms and lists.
808
+ $component-offset-horizontal: 180px !default;
809
+
810
+ //== Type
811
+ //
812
+ //##
813
+
814
+ //** Text muted color
815
+ $text-muted: $gray-light !default;
816
+ //** Abbreviations and acronyms border color
817
+ $abbr-border-color: $gray-light !default;
818
+ //** Headings small color
819
+ $headings-small-color: $gray-light !default;
820
+ //** Blockquote small color
821
+ $blockquote-small-color: $gray !default;
822
+ //** Blockquote font size
823
+ $blockquote-font-size: ($font-size-base * 1.25) !default;
824
+ //** Blockquote border color
825
+ $blockquote-border-color: $hr-border !default;
826
+ //** Page header border color
827
+ $page-header-border-color: $hr-border !default;