bootswatch-rails 3.2.4 → 3.3.4

Sign up to get free protection for your applications and to get access to all the features.
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
-