bootswatch-rails 3.2.4 → 3.3.4

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 (37) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +23 -19
  3. data/bootswatch-rails.gemspec +1 -1
  4. data/lib/bootswatch-rails/version.rb +1 -1
  5. data/vendor/assets/stylesheets/bootswatch/cerulean/_bootswatch.scss +11 -5
  6. data/vendor/assets/stylesheets/bootswatch/cerulean/_variables.scss +60 -43
  7. data/vendor/assets/stylesheets/bootswatch/cosmo/_bootswatch.scss +38 -1
  8. data/vendor/assets/stylesheets/bootswatch/cosmo/_variables.scss +61 -44
  9. data/vendor/assets/stylesheets/bootswatch/cyborg/_bootswatch.scss +47 -1
  10. data/vendor/assets/stylesheets/bootswatch/cyborg/_variables.scss +57 -40
  11. data/vendor/assets/stylesheets/bootswatch/darkly/_bootswatch.scss +57 -4
  12. data/vendor/assets/stylesheets/bootswatch/darkly/_variables.scss +65 -48
  13. data/vendor/assets/stylesheets/bootswatch/flatly/_bootswatch.scss +57 -3
  14. data/vendor/assets/stylesheets/bootswatch/flatly/_variables.scss +61 -44
  15. data/vendor/assets/stylesheets/bootswatch/journal/_bootswatch.scss +2 -2
  16. data/vendor/assets/stylesheets/bootswatch/journal/_variables.scss +59 -42
  17. data/vendor/assets/stylesheets/bootswatch/lumen/_bootswatch.scss +70 -9
  18. data/vendor/assets/stylesheets/bootswatch/lumen/_variables.scss +147 -128
  19. data/vendor/assets/stylesheets/bootswatch/paper/_bootswatch.scss +307 -84
  20. data/vendor/assets/stylesheets/bootswatch/paper/_variables.scss +37 -22
  21. data/vendor/assets/stylesheets/bootswatch/readable/_bootswatch.scss +15 -20
  22. data/vendor/assets/stylesheets/bootswatch/readable/_variables.scss +69 -52
  23. data/vendor/assets/stylesheets/bootswatch/sandstone/_bootswatch.scss +11 -12
  24. data/vendor/assets/stylesheets/bootswatch/sandstone/_variables.scss +32 -16
  25. data/vendor/assets/stylesheets/bootswatch/simplex/_bootswatch.scss +1 -1
  26. data/vendor/assets/stylesheets/bootswatch/simplex/_variables.scss +59 -42
  27. data/vendor/assets/stylesheets/bootswatch/slate/_bootswatch.scss +43 -1
  28. data/vendor/assets/stylesheets/bootswatch/slate/_variables.scss +69 -50
  29. data/vendor/assets/stylesheets/bootswatch/spacelab/_bootswatch.scss +3 -3
  30. data/vendor/assets/stylesheets/bootswatch/spacelab/_variables.scss +59 -42
  31. data/vendor/assets/stylesheets/bootswatch/superhero/_bootswatch.scss +47 -1
  32. data/vendor/assets/stylesheets/bootswatch/superhero/_variables.scss +211 -190
  33. data/vendor/assets/stylesheets/bootswatch/united/_bootswatch.scss +15 -1
  34. data/vendor/assets/stylesheets/bootswatch/united/_variables.scss +58 -41
  35. data/vendor/assets/stylesheets/bootswatch/yeti/_bootswatch.scss +6 -1
  36. data/vendor/assets/stylesheets/bootswatch/yeti/_variables.scss +45 -30
  37. metadata +10 -10
@@ -1,4 +1,4 @@
1
- // Lumen 3.2.0
1
+ // Lumen 3.3.4
2
2
  // Bootswatch
3
3
  // -----------------------------------------------------
4
4
 
@@ -17,7 +17,7 @@
17
17
  // Buttons ====================================================================
18
18
 
19
19
  .btn {
20
- padding: $padding-base-vertical+2 $padding-base-horizontal $padding-base-vertical;
20
+ padding: ($padding-base-vertical + 2) $padding-base-horizontal $padding-base-vertical;
21
21
  @include shadow();
22
22
  font-size: 12px;
23
23
  font-weight: bold;
@@ -37,18 +37,18 @@
37
37
 
38
38
  .btn-lg,
39
39
  .btn-group-lg > .btn {
40
- padding: $padding-large-vertical+2 $padding-large-horizontal $padding-large-vertical;
40
+ padding: ($padding-large-vertical + 2) $padding-large-horizontal $padding-large-vertical;
41
41
  line-height: 15px;
42
42
  }
43
43
 
44
44
  .btn-sm,
45
45
  .btn-group-sm > .btn {
46
- padding: $padding-small-vertical+2 $padding-small-horizontal $padding-small-vertical;
46
+ padding: ($padding-small-vertical + 2) $padding-small-horizontal $padding-small-vertical;
47
47
  }
48
48
 
49
49
  .btn-xs,
50
50
  .btn-group-xs > .btn {
51
- padding: $padding-xs-vertical+2 $padding-xs-horizontal $padding-xs-vertical;
51
+ padding: ($padding-xs-vertical + 2) $padding-xs-horizontal $padding-xs-vertical;
52
52
  }
53
53
 
54
54
  .btn-default:hover,
@@ -127,6 +127,18 @@
127
127
  }
128
128
  }
129
129
 
130
+ .btn-group-vertical {
131
+ .btn + .btn {
132
+ &:hover {
133
+ border-top-width: 1px;
134
+ }
135
+
136
+ &:active {
137
+ border-top-width: 2px;
138
+ }
139
+ }
140
+ }
141
+
130
142
  // Typography =================================================================
131
143
 
132
144
  .text-primary,
@@ -163,6 +175,10 @@ table,
163
175
  text-decoration: underline;
164
176
  }
165
177
 
178
+ .dropdown-menu a {
179
+ text-decoration: none;
180
+ }
181
+
166
182
  .success,
167
183
  .warning,
168
184
  .danger,
@@ -275,8 +291,7 @@ label {
275
291
  .open > a,
276
292
  .open > a:hover,
277
293
  .open > a:focus {
278
- padding-top: $padding-large-vertical + 3px;
279
- padding-bottom: $padding-large-vertical + 3px;
294
+ padding-bottom: ($padding-large-vertical + 3);
280
295
  margin-top: 0;
281
296
  }
282
297
 
@@ -288,10 +303,14 @@ label {
288
303
 
289
304
  > li.disabled > a:hover,
290
305
  > li.disabled > a:focus {
291
- padding-top: $padding-large-vertical;
292
- padding-bottom: $padding-large-vertical;
306
+ padding-top: 10px;
307
+ padding-bottom: 10px;
293
308
  margin-top: 6px;
294
309
  }
310
+
311
+ &.nav-justified > li {
312
+ vertical-align: bottom;
313
+ }
295
314
  }
296
315
 
297
316
  .dropdown-menu {
@@ -408,6 +427,48 @@ label {
408
427
  @include box-shadow(inset 0 2px 0 rgba(0, 0, 0, 0.05));
409
428
  }
410
429
 
430
+ a.list-group-item {
431
+
432
+ &.active,
433
+ &.active:hover,
434
+ &.active:focus {
435
+ border-color: $list-group-border;
436
+ }
437
+ }
438
+
439
+ a.list-group-item-success {
440
+ &.active {
441
+ background-color: $state-success-bg;
442
+ }
443
+
444
+ &.active:hover,
445
+ &.active:focus {
446
+ background-color: darken($state-success-bg, 5%);
447
+ }
448
+ }
449
+
450
+ a.list-group-item-warning {
451
+ &.active {
452
+ background-color: $state-warning-bg;
453
+ }
454
+
455
+ &.active:hover,
456
+ &.active:focus {
457
+ background-color: darken($state-warning-bg, 5%);
458
+ }
459
+ }
460
+
461
+ a.list-group-item-danger {
462
+ &.active {
463
+ background-color: $state-danger-bg;
464
+ }
465
+
466
+ &.active:hover,
467
+ &.active:focus {
468
+ background-color: darken($state-danger-bg, 5%);
469
+ }
470
+ }
471
+
411
472
  .jumbotron {
412
473
  border: 1px solid $navbar-default-border;
413
474
  @include box-shadow(inset 0 2px 0 rgba(0, 0, 0, 0.05));
@@ -1,4 +1,4 @@
1
- // Lumen 3.2.0
1
+ // Lumen 3.3.4
2
2
  // Variables
3
3
  // --------------------------------------------------
4
4
 
@@ -7,11 +7,12 @@
7
7
  //
8
8
  //## Gray and brand colors for use across Bootstrap.
9
9
 
10
- $gray: lighten(#000, 33.5%) !default; // #555
11
- $gray-darker: lighten(#000, 13.5%) !default; // #222
12
- $gray-dark: lighten(#000, 20%) !default; // #333
13
- $gray-light: lighten(#000, 60%) !default; // #999
14
- $gray-lighter: lighten(#000, 93.5%) !default; // #eee
10
+ $gray-base: #000 !default;
11
+ $gray-darker: lighten($gray-base, 13.5%) !default; // #222
12
+ $gray-dark: lighten($gray-base, 20%) !default; // #333
13
+ $gray: lighten($gray-base, 33.5%) !default; // #555
14
+ $gray-light: lighten($gray-base, 60%) !default; // #999
15
+ $gray-lighter: lighten($gray-base, 93.5%) !default; // #eee
15
16
 
16
17
  $brand-primary: #158CBA !default;
17
18
  $brand-success: #28B62C !default;
@@ -33,6 +34,8 @@ $text-color: $gray !default;
33
34
  $link-color: $brand-primary !default;
34
35
  //** Link hover color set via `darken()` function.
35
36
  $link-hover-color: $link-color !default;
37
+ //** Link hover decoration.
38
+ $link-hover-decoration: underline !default;
36
39
 
37
40
 
38
41
  //== Typography
@@ -95,7 +98,7 @@ $padding-small-horizontal: 10px !default;
95
98
  $padding-xs-vertical: 1px !default;
96
99
  $padding-xs-horizontal: 5px !default;
97
100
 
98
- $line-height-large: 1.33 !default;
101
+ $line-height-large: 1.3333333 !default; // extra decimals for Win 8.1 Chrome
99
102
  $line-height-small: 1.5 !default;
100
103
 
101
104
  $border-radius-base: 4px !default;
@@ -166,6 +169,109 @@ $btn-danger-border: darken($btn-danger-bg, 5%) !default;
166
169
 
167
170
  $btn-link-disabled-color: $gray-light !default;
168
171
 
172
+
173
+ //== Forms
174
+ //
175
+ //##
176
+
177
+ //** `<input>` background color
178
+ $input-bg: #fff !default;
179
+ //** `<input disabled>` background color
180
+ $input-bg-disabled: $gray-lighter !default;
181
+
182
+ //** Text color for `<input>`s
183
+ $input-color: $gray !default;
184
+ //** `<input>` border color
185
+ $input-border: darken(#f8f8f8, 6.5%) !default;
186
+
187
+ // TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4
188
+ //** Default `.form-control` border radius
189
+ // This has no effect on `<select>`s in some browsers, due to the limited stylability of `<select>`s in CSS.
190
+ $input-border-radius: $border-radius-base !default;
191
+ //** Large `.form-control` border radius
192
+ $input-border-radius-large: $border-radius-large !default;
193
+ //** Small `.form-control` border radius
194
+ $input-border-radius-small: $border-radius-small !default;
195
+
196
+ //** Border color for inputs on focus
197
+ $input-border-focus: #66afe9 !default;
198
+
199
+ //** Placeholder text color
200
+ $input-color-placeholder: $gray-light !default;
201
+
202
+ //** Default `.form-control` height
203
+ $input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 4) !default;
204
+ //** Large `.form-control` height
205
+ $input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default;
206
+ //** Small `.form-control` height
207
+ $input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;
208
+
209
+ //** `.form-group` margin
210
+ $form-group-margin-bottom: 15px !default;
211
+
212
+ $legend-color: $gray-dark !default;
213
+ $legend-border-color: #e5e5e5 !default;
214
+
215
+ //** Background color for textual input addons
216
+ $input-group-addon-bg: $gray-lighter !default;
217
+ //** Border color for textual input addons
218
+ $input-group-addon-border-color: $input-border !default;
219
+
220
+ //** Disabled cursor for form controls and buttons.
221
+ $cursor-disabled: not-allowed !default;
222
+
223
+
224
+ //== Dropdowns
225
+ //
226
+ //## Dropdown menu container and contents.
227
+
228
+ //** Background for the dropdown menu.
229
+ $dropdown-bg: #fff !default;
230
+ //** Dropdown menu `border-color`.
231
+ $dropdown-border: $input-border !default;
232
+ //** Dropdown menu `border-color` **for IE8**.
233
+ $dropdown-fallback-border: #ccc !default;
234
+ //** Divider color for between dropdown items.
235
+ $dropdown-divider-bg: $gray-lighter !default;
236
+
237
+ //** Dropdown link text color.
238
+ $dropdown-link-color: $gray-light !default;
239
+ //** Hover color for dropdown links.
240
+ $dropdown-link-hover-color: $gray-dark !default;
241
+ //** Hover background for dropdown links.
242
+ $dropdown-link-hover-bg: transparent !default;
243
+
244
+ //** Active dropdown menu item text color.
245
+ $dropdown-link-active-color: $component-active-color !default;
246
+ //** Active dropdown menu item background color.
247
+ $dropdown-link-active-bg: $component-active-bg !default;
248
+
249
+ //** Disabled dropdown menu item background color.
250
+ $dropdown-link-disabled-color: $gray-lighter !default;
251
+
252
+ //** Text color for headers within dropdown menus.
253
+ $dropdown-header-color: $gray-light !default;
254
+
255
+ //** Deprecated `@dropdown-caret-color` as of v3.1.0
256
+ $dropdown-caret-color: #000 !default;
257
+
258
+
259
+ //-- Z-index master list
260
+ //
261
+ // Warning: Avoid customizing these values. They're used for a bird's eye view
262
+ // of components dependent on the z-axis and are designed to all work together.
263
+ //
264
+ // Note: These variables are not generated into the Customizer.
265
+
266
+ $zindex-navbar: 1000 !default;
267
+ $zindex-dropdown: 1000 !default;
268
+ $zindex-popover: 1060 !default;
269
+ $zindex-tooltip: 1070 !default;
270
+ $zindex-navbar-fixed: 1030 !default;
271
+ $zindex-modal-background: 1040 !default;
272
+ $zindex-modal: 1050 !default;
273
+
274
+
169
275
  //== Media queries breakpoints
170
276
  //
171
277
  //## Define the breakpoints at which your layout will change, adapting to different screen sizes.
@@ -220,6 +326,26 @@ $grid-float-breakpoint: $screen-sm-min !default;
220
326
  $grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
221
327
 
222
328
 
329
+ //== Container sizes
330
+ //
331
+ //## Define the maximum width of `.container` for different screen sizes.
332
+
333
+ // Small screen / tablet
334
+ $container-tablet: (720px + $grid-gutter-width) !default;
335
+ //** For `@screen-sm-min` and up.
336
+ $container-sm: $container-tablet !default;
337
+
338
+ // Medium screen / desktop
339
+ $container-desktop: (940px + $grid-gutter-width) !default;
340
+ //** For `@screen-md-min` and up.
341
+ $container-md: $container-desktop !default;
342
+
343
+ // Large screen / wide desktop
344
+ $container-large-desktop: (1140px + $grid-gutter-width) !default;
345
+ //** For `@screen-lg-min` and up.
346
+ $container-lg: $container-large-desktop !default;
347
+
348
+
223
349
  //== Navbar
224
350
  //
225
351
  //##
@@ -234,7 +360,7 @@ $navbar-collapse-max-height: 340px !default;
234
360
 
235
361
  $navbar-default-color: $text-color !default;
236
362
  $navbar-default-bg: #f8f8f8 !default;
237
- $navbar-default-border: darken($navbar-default-bg, 6.5%) !default;
363
+ $navbar-default-border: $input-border !default;
238
364
 
239
365
  // Navbar links
240
366
  $navbar-default-link-color: $gray-light !default;
@@ -281,113 +407,6 @@ $navbar-inverse-toggle-hover-bg: $gray-lighter !default;
281
407
  $navbar-inverse-toggle-icon-bar-bg: $gray-light !default;
282
408
  $navbar-inverse-toggle-border-color: $gray-lighter !default;
283
409
 
284
- //== Forms
285
- //
286
- //##
287
-
288
- //** `<input>` background color
289
- $input-bg: #fff !default;
290
- //** `<input disabled>` background color
291
- $input-bg-disabled: $gray-lighter !default;
292
-
293
- //** Text color for `<input>`s
294
- $input-color: $gray !default;
295
- //** `<input>` border color
296
- $input-border: $navbar-default-border !default;
297
- //** `<input>` border radius
298
- $input-border-radius: $border-radius-base !default;
299
- //** Border color for inputs on focus
300
- $input-border-focus: #66afe9 !default;
301
-
302
- //** Placeholder text color
303
- $input-color-placeholder: $gray-light !default;
304
-
305
- //** Default `.form-control` height
306
- $input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 4) !default;
307
- //** Large `.form-control` height
308
- $input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default;
309
- //** Small `.form-control` height
310
- $input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;
311
-
312
- $legend-color: $gray-dark !default;
313
- $legend-border-color: #e5e5e5 !default;
314
-
315
- //** Background color for textual input addons
316
- $input-group-addon-bg: $gray-lighter !default;
317
- //** Border color for textual input addons
318
- $input-group-addon-border-color: $input-border !default;
319
-
320
-
321
- //== Dropdowns
322
- //
323
- //## Dropdown menu container and contents.
324
-
325
- //** Background for the dropdown menu.
326
- $dropdown-bg: #fff !default;
327
- //** Dropdown menu `border-color`.
328
- $dropdown-border: $navbar-default-border !default;
329
- //** Dropdown menu `border-color` **for IE8**.
330
- $dropdown-fallback-border: #ccc !default;
331
- //** Divider color for between dropdown items.
332
- $dropdown-divider-bg: $gray-lighter !default;
333
-
334
- //** Dropdown link text color.
335
- $dropdown-link-color: $gray-light !default;
336
- //** Hover color for dropdown links.
337
- $dropdown-link-hover-color: $gray-dark !default;
338
- //** Hover background for dropdown links.
339
- $dropdown-link-hover-bg: transparent !default;
340
-
341
- //** Active dropdown menu item text color.
342
- $dropdown-link-active-color: $component-active-color !default;
343
- //** Active dropdown menu item background color.
344
- $dropdown-link-active-bg: $component-active-bg !default;
345
-
346
- //** Disabled dropdown menu item background color.
347
- $dropdown-link-disabled-color: $gray-lighter !default;
348
-
349
- //** Text color for headers within dropdown menus.
350
- $dropdown-header-color: $gray-light !default;
351
-
352
- //** Deprecated `@dropdown-caret-color` as of v3.1.0
353
- $dropdown-caret-color: #000 !default;
354
-
355
-
356
- //-- Z-index master list
357
- //
358
- // Warning: Avoid customizing these values. They're used for a bird's eye view
359
- // of components dependent on the z-axis and are designed to all work together.
360
- //
361
- // Note: These variables are not generated into the Customizer.
362
-
363
- $zindex-navbar: 1000 !default;
364
- $zindex-dropdown: 1000 !default;
365
- $zindex-popover: 1060 !default;
366
- $zindex-tooltip: 1070 !default;
367
- $zindex-navbar-fixed: 1030 !default;
368
- $zindex-modal-background: 1040 !default;
369
- $zindex-modal: 1050 !default;
370
-
371
-
372
- //== Container sizes
373
- //
374
- //## Define the maximum width of `.container` for different screen sizes.
375
-
376
- // Small screen / tablet
377
- $container-tablet: ((720px + $grid-gutter-width)) !default;
378
- //** For `@screen-sm-min` and up.
379
- $container-sm: $container-tablet !default;
380
-
381
- // Medium screen / desktop
382
- $container-desktop: ((940px + $grid-gutter-width)) !default;
383
- //** For `@screen-md-min` and up.
384
- $container-md: $container-desktop !default;
385
-
386
- // Large screen / wide desktop
387
- $container-large-desktop: ((1140px + $grid-gutter-width)) !default;
388
- //** For `@screen-lg-min` and up.
389
- $container-lg: $container-large-desktop !default;
390
-
391
410
 
392
411
  //== Navs
393
412
  //
@@ -400,8 +419,6 @@ $nav-link-hover-bg: #fff !default;
400
419
  $nav-disabled-link-color: $gray-light !default;
401
420
  $nav-disabled-link-hover-color: $gray-light !default;
402
421
 
403
- $nav-open-link-hover-color: #fff !default;
404
-
405
422
  //== Tabs
406
423
  $nav-tabs-border-color: $navbar-default-border !default;
407
424
 
@@ -456,12 +473,6 @@ $pager-active-color: $pagination-active-color !default;
456
473
 
457
474
  $pager-disabled-color: $pagination-disabled-color !default;
458
475
 
459
- //== Wells
460
- //
461
- //##
462
-
463
- $well-bg: #fafafa !default;
464
- $well-border: darken($well-bg, 7%) !default;
465
476
 
466
477
  //== Jumbotron
467
478
  //
@@ -469,7 +480,7 @@ $well-border: darken($well-bg, 7%) !default;
469
480
 
470
481
  $jumbotron-padding: 30px !default;
471
482
  $jumbotron-color: inherit !default;
472
- $jumbotron-bg: $well-bg !default;
483
+ $jumbotron-bg: #fafafa !default;
473
484
  $jumbotron-heading-color: inherit !default;
474
485
  $jumbotron-font-size: ceil(($font-size-base * 1.5)) !default;
475
486
 
@@ -532,7 +543,7 @@ $popover-title-bg: darken($popover-bg, 3%) !default;
532
543
  //** Popover arrow width
533
544
  $popover-arrow-width: 10px !default;
534
545
  //** Popover arrow color
535
- $popover-arrow-color: #fff !default;
546
+ $popover-arrow-color: $popover-bg !default;
536
547
 
537
548
  //** Popover outer arrow width
538
549
  $popover-arrow-outer-width: ($popover-arrow-width + 1) !default;
@@ -628,9 +639,11 @@ $alert-danger-border: $state-danger-border !default;
628
639
  //##
629
640
 
630
641
  //** Background color of the whole progress component
631
- $progress-bg: #fafafa !default;
642
+ $progress-bg: $jumbotron-bg !default;
632
643
  //** Progress bar text color
633
644
  $progress-bar-color: #fff !default;
645
+ //** Variable for setting rounded corners on progress bar.
646
+ $progress-border-radius: $border-radius-base !default;
634
647
 
635
648
  //** Default progress bar color
636
649
  $progress-bar-bg: $brand-primary !default;
@@ -736,6 +749,14 @@ $thumbnail-caption-color: $text-color !default;
736
749
  $thumbnail-caption-padding: 9px !default;
737
750
 
738
751
 
752
+ //== Wells
753
+ //
754
+ //##
755
+
756
+ $well-bg: $jumbotron-bg !default;
757
+ $well-border: darken($well-bg, 7%) !default;
758
+
759
+
739
760
  //== Badges
740
761
  //
741
762
  //##
@@ -837,5 +858,3 @@ $page-header-border-color: $gray-lighter !default;
837
858
  $dl-horizontal-offset: $component-offset-horizontal !default;
838
859
  //** Horizontal line color.
839
860
  $hr-border: $gray-lighter !default;
840
-
841
-