bootswatch 4.0.0 → 4.1.0

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 (46) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +25 -6
  3. data/assets/stylesheets/bootswatch/cerulean/_bootswatch.scss +7 -1
  4. data/assets/stylesheets/bootswatch/cerulean/_variables.scss +1 -1
  5. data/assets/stylesheets/bootswatch/cosmo/_bootswatch.scss +1 -1
  6. data/assets/stylesheets/bootswatch/cosmo/_variables.scss +1 -1
  7. data/assets/stylesheets/bootswatch/cyborg/_bootswatch.scss +9 -1
  8. data/assets/stylesheets/bootswatch/cyborg/_variables.scss +5 -1
  9. data/assets/stylesheets/bootswatch/darkly/_bootswatch.scss +1 -1
  10. data/assets/stylesheets/bootswatch/darkly/_variables.scss +5 -1
  11. data/assets/stylesheets/bootswatch/flatly/_bootswatch.scss +9 -1
  12. data/assets/stylesheets/bootswatch/flatly/_variables.scss +1 -1
  13. data/assets/stylesheets/bootswatch/journal/_bootswatch.scss +1 -1
  14. data/assets/stylesheets/bootswatch/journal/_variables.scss +1 -1
  15. data/assets/stylesheets/bootswatch/litera/_bootswatch.scss +9 -1
  16. data/assets/stylesheets/bootswatch/litera/_variables.scss +1 -1
  17. data/assets/stylesheets/bootswatch/lumen/_bootswatch.scss +34 -11
  18. data/assets/stylesheets/bootswatch/lumen/_variables.scss +5 -2
  19. data/assets/stylesheets/bootswatch/lux/_bootswatch.scss +1 -1
  20. data/assets/stylesheets/bootswatch/lux/_variables.scss +1 -1
  21. data/assets/stylesheets/bootswatch/materia/_bootswatch.scss +36 -127
  22. data/assets/stylesheets/bootswatch/materia/_variables.scss +23 -1
  23. data/assets/stylesheets/bootswatch/minty/_bootswatch.scss +33 -1
  24. data/assets/stylesheets/bootswatch/minty/_variables.scss +3 -1
  25. data/assets/stylesheets/bootswatch/pulse/_bootswatch.scss +1 -1
  26. data/assets/stylesheets/bootswatch/pulse/_variables.scss +1 -1
  27. data/assets/stylesheets/bootswatch/sandstone/_bootswatch.scss +33 -1
  28. data/assets/stylesheets/bootswatch/sandstone/_variables.scss +1 -1
  29. data/assets/stylesheets/bootswatch/simplex/_bootswatch.scss +1 -5
  30. data/assets/stylesheets/bootswatch/simplex/_variables.scss +1 -1
  31. data/assets/stylesheets/bootswatch/sketchy/_bootswatch.scss +5 -6
  32. data/assets/stylesheets/bootswatch/sketchy/_variables.scss +3 -1
  33. data/assets/stylesheets/bootswatch/slate/_bootswatch.scss +9 -1
  34. data/assets/stylesheets/bootswatch/slate/_variables.scss +5 -1
  35. data/assets/stylesheets/bootswatch/solar/_bootswatch.scss +9 -1
  36. data/assets/stylesheets/bootswatch/solar/_variables.scss +5 -1
  37. data/assets/stylesheets/bootswatch/spacelab/_bootswatch.scss +18 -14
  38. data/assets/stylesheets/bootswatch/spacelab/_variables.scss +4 -2
  39. data/assets/stylesheets/bootswatch/superhero/_bootswatch.scss +1 -1
  40. data/assets/stylesheets/bootswatch/superhero/_variables.scss +5 -5
  41. data/assets/stylesheets/bootswatch/united/_bootswatch.scss +1 -1
  42. data/assets/stylesheets/bootswatch/united/_variables.scss +1 -1
  43. data/assets/stylesheets/bootswatch/yeti/_bootswatch.scss +34 -1
  44. data/assets/stylesheets/bootswatch/yeti/_variables.scss +4 -2
  45. data/lib/bootswatch/version.rb +1 -1
  46. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 50db54c316012e39b4b53ba7b50cc027390bb7c97f1e014370adffa374b76f52
4
- data.tar.gz: 12ed76151c442e1a290ec53e0b76ceb8e8cf613e048e102878acb3aecd535521
3
+ metadata.gz: a311a146a1b96b9c78abe258dcf28d7deaedde704077a0204589f30d1cb6b45a
4
+ data.tar.gz: 577df34cb516167dfdc2711f4855eb28310d5d2c355195ffa9dc55bb0fa526a3
5
5
  SHA512:
6
- metadata.gz: cdb1d274339e8f51ef0dbcf063ea74aabce2016351e13871d8979206a3a06658b68aaaab0aa616919a9fa24c139986c20b35d201cf57f87f88aea5eb71a8ef3f
7
- data.tar.gz: cca02a8f574a5a0517a20cd772b23b65e66fbe8e0d585ccbfe97bac4e6bd1e044d0095039abcc4a608362170535ceaf1ec00e06c9b0efe403f0bef2f09a3929b
6
+ metadata.gz: 72bdec6f4f90faf1c2ab6ea55c1e6e64b53518da2132969a948ae7e692a3dc024087c41151a37e08f9b784ba9def2027e31d0d3f4e2ec96c40c4f6a9e7442de7
7
+ data.tar.gz: 0d2a75c4eba44bfc3e88b55b1f5498a68edcd5a7c6628d54109a1e93b643bfb671cef3aa4a3c58c9c7a157d083a868d4de6fdd1e5ac7a81329f250d86dd0f506
data/README.md CHANGED
@@ -11,17 +11,18 @@ gem 'bootstrap'
11
11
  gem 'bootswatch'
12
12
  ```
13
13
 
14
+ Bootstrap JavaScript depends on jQuery. If you're using Rails 5.1+, add the jquery-rails gem to your Gemfile:
15
+ ```ruby
16
+ gem 'jquery-rails'
17
+ ```
18
+
14
19
  And then execute:
15
20
 
16
21
  $ bundle
17
22
 
18
- Or install it yourself as:
19
-
20
- $ gem install bootswatch
21
-
22
23
  ## Usage
23
-
24
- in your application.css.scss
24
+ ### Stylesheets
25
+ in your ```application.scss```
25
26
  ```scss
26
27
  // example override bootswatch variables
27
28
  $primary: #FFCF06;
@@ -40,6 +41,24 @@ $dark: #444444;
40
41
  @import "bootswatch/materia/bootswatch";
41
42
  ```
42
43
 
44
+ Make sure the file has .scss extension (or .sass for Sass syntax). If you have just generated a new Rails app, it may come with a .css file instead. If this file exists, it will be served instead of Sass, so rename it:
45
+
46
+
47
+ ### Javascript
48
+ Add Bootstrap dependencies and Bootstrap to your ```application.js```:
49
+ ```js
50
+ //= require jquery3
51
+ //= require popper
52
+ //= require bootstrap
53
+ ```
54
+ or use individual Bootstrap components for ease of debugging
55
+ ```js
56
+ //= require jquery3
57
+ //= require popper
58
+ //= require bootstrap-sprockets
59
+ ```
60
+ see more on bootstrap [readme](https://github.com/twbs/bootstrap-rubygem)
61
+
43
62
  ## Contributing
44
63
 
45
64
  1. Fork it ( https://github.com/mkhairi/bootswatch/fork )
@@ -1,4 +1,4 @@
1
- // Cerulean 4.0.0
1
+ // Cerulean 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
 
@@ -77,6 +77,12 @@ $text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) !default;
77
77
 
78
78
  // Navs ========================================================================
79
79
 
80
+ .dropdown-menu {
81
+ .dropdown-header {
82
+ color: $gray-600;
83
+ }
84
+ }
85
+
80
86
  // Indicators ==================================================================
81
87
 
82
88
  // Progress bars ===============================================================
@@ -1,4 +1,4 @@
1
- // Cerulean 4.0.0
1
+ // Cerulean 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
  //
@@ -1,4 +1,4 @@
1
- // Cosmo 4.0.0
1
+ // Cosmo 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
 
@@ -1,4 +1,4 @@
1
- // Cosmo 4.0.0
1
+ // Cosmo 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
  //
@@ -1,4 +1,4 @@
1
- // Cyborg 4.0.0
1
+ // Cyborg 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
 
@@ -170,6 +170,14 @@ legend,
170
170
  background-color: $value;
171
171
  }
172
172
  }
173
+
174
+ &-light {
175
+ &,
176
+ & a,
177
+ & .alert-link {
178
+ color: $body-bg;
179
+ }
180
+ }
173
181
  }
174
182
 
175
183
  .badge {
@@ -1,4 +1,4 @@
1
- // Cyborg 4.0.0
1
+ // Cyborg 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
  //
@@ -163,3 +163,7 @@ $breadcrumb-bg: $gray-700 !default;
163
163
 
164
164
  $close-color: $white !default;
165
165
  $close-text-shadow: none !default;
166
+
167
+ // Code
168
+
169
+ $pre-color: inherit !default;
@@ -1,4 +1,4 @@
1
- // Darkly 4.0.0
1
+ // Darkly 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
 
@@ -1,4 +1,4 @@
1
- // Darkly 4.0.0
1
+ // Darkly 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
  //
@@ -162,3 +162,7 @@ $breadcrumb-bg: $gray-700 !default;
162
162
 
163
163
  $close-color: $white !default;
164
164
  $close-text-shadow: none !default;
165
+
166
+ // Code
167
+
168
+ $pre-color: inherit !default;
@@ -1,4 +1,4 @@
1
- // Flatly 4.0.0
1
+ // Flatly 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
 
@@ -163,6 +163,14 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Lato:400,700,400italic"
163
163
  background-color: $value;
164
164
  }
165
165
  }
166
+
167
+ &-light {
168
+ &,
169
+ & a,
170
+ & .alert-link {
171
+ color: $body-color;
172
+ }
173
+ }
166
174
  }
167
175
 
168
176
  // Progress bars ===============================================================
@@ -1,4 +1,4 @@
1
- // Flatly 4.0.0
1
+ // Flatly 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
  //
@@ -1,4 +1,4 @@
1
- // Journal 4.0.0
1
+ // Journal 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
 
@@ -1,4 +1,4 @@
1
- // Journal 4.0.0
1
+ // Journal 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
  //
@@ -1,4 +1,4 @@
1
- // Litera 4.0.0
1
+ // Litera 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
 
@@ -180,6 +180,14 @@ table,
180
180
  background-color: $value;
181
181
  }
182
182
  }
183
+
184
+ &-light {
185
+ &,
186
+ & a,
187
+ & .alert-link {
188
+ color: $body-color;
189
+ }
190
+ }
183
191
  }
184
192
 
185
193
  .badge {
@@ -1,4 +1,4 @@
1
- // Litera 4.0.0
1
+ // Litera 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
  //
@@ -1,4 +1,4 @@
1
- // Lumen 4.0.0
1
+ // Lumen 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
 
@@ -23,8 +23,7 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400
23
23
  }
24
24
 
25
25
  .bg-dark {
26
- background-color: $gray-200 !important;
27
- border-color: darken($gray-200, 5%);
26
+ border-color: darken($dark, 5%);
28
27
  }
29
28
 
30
29
  .bg-light {
@@ -212,8 +211,10 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400
212
211
  }
213
212
 
214
213
  &:not(.disabled):hover,
215
- &:not(.disabled):focus {
214
+ &:not(.disabled):focus,
215
+ &.active {
216
216
  padding-bottom: calc(0.5em + 6px);
217
+ border-bottom-color: transparent;
217
218
  margin-top: 0;
218
219
  }
219
220
  }
@@ -307,6 +308,16 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400
307
308
  color: $white;
308
309
  @include shadow();
309
310
 
311
+ &-primary {
312
+ background-color: $primary;
313
+ border-color: darken($primary, 5%);
314
+ }
315
+
316
+ &-secondary {
317
+ background-color: $secondary;
318
+ border-color: darken($secondary, 5%);
319
+ }
320
+
310
321
  &-success {
311
322
  background-color: $success;
312
323
  border-color: darken($success, 5%);
@@ -327,11 +338,30 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400
327
338
  border-color: darken($warning, 5%);
328
339
  }
329
340
 
341
+ &-dark {
342
+ background-color: $dark;
343
+ border-color: darken($dark, 5%);
344
+ }
345
+
346
+ &-light {
347
+ background-color: $light;
348
+ border-color: darken($light, 5%);
349
+ }
350
+
330
351
  .alert-link {
331
352
  font-weight: normal;
332
353
  color: #fff;
333
354
  text-decoration: underline;
334
355
  }
356
+
357
+ &-secondary,
358
+ &-light {
359
+ &,
360
+ & a,
361
+ & .alert-link {
362
+ color: $body-color;
363
+ }
364
+ }
335
365
  }
336
366
 
337
367
  .badge {
@@ -381,13 +411,6 @@ a.list-group-item {
381
411
  }
382
412
  }
383
413
 
384
- .card {
385
-
386
- &.bg-dark {
387
- background-color: $gray-700 !important;
388
- }
389
- }
390
-
391
414
  .jumbotron {
392
415
  border: 1px solid $gray-200;
393
416
  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.05);
@@ -1,4 +1,4 @@
1
- // Lumen 4.0.0
1
+ // Lumen 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
  //
@@ -35,7 +35,9 @@ $info: $cyan !default;
35
35
  $warning: $yellow !default;
36
36
  $danger: $red !default;
37
37
  $light: $gray-100 !default;
38
- $dark: $gray-900 !default;
38
+ $dark: $gray-700 !default;
39
+
40
+ $yiq-contrasted-threshold: 200 !default;
39
41
 
40
42
  // Fonts
41
43
 
@@ -51,6 +53,7 @@ $dropdown-link-color: rgba(0,0,0,.5) !default;
51
53
 
52
54
  $nav-tabs-border-color: $gray-200 !default;
53
55
  $nav-tabs-link-hover-border-color: $nav-tabs-border-color !default;
56
+ $nav-tabs-link-active-color: $gray-900 !default;
54
57
  $nav-tabs-link-active-border-color: $nav-tabs-border-color !default;
55
58
 
56
59
  // Pagination
@@ -1,4 +1,4 @@
1
- // Lux 4.0.0
1
+ // Lux 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
 
@@ -1,4 +1,4 @@
1
- // Lux 4.0.0
1
+ // Lux 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
  //
@@ -1,4 +1,4 @@
1
- // Materia 4.0.0
1
+ // Materia 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
 
@@ -258,11 +258,8 @@ input[type=number],
258
258
  [type=email].form-control,
259
259
  [type=tel].form-control,
260
260
  [contenteditable].form-control {
261
- padding: 0;
262
- border: none;
263
- appearance: none;
261
+ font-size: 1rem;
264
262
  box-shadow: inset 0 -1px 0 #ddd;
265
- font-size: 16px;
266
263
  transition: all 0.2s;
267
264
 
268
265
  &:focus {
@@ -298,18 +295,12 @@ input[type=number],
298
295
 
299
296
  select,
300
297
  select.form-control {
301
- border: 0;
302
- border-radius: 0;
303
298
  appearance: none;
304
- padding-left: 0;
305
- padding-right: 0\9; // remove padding for < ie9 since default arrow can't be removed
306
299
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaP/QSjAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=);
307
300
  background-size: 13px;
308
301
  background-repeat: no-repeat;
309
302
  background-position: right center;
310
303
  box-shadow: inset 0 -1px 0 #ddd;
311
- font-size: 16px;
312
- line-height: 1.5;
313
304
 
314
305
  &::-ms-expand {
315
306
  display: none;
@@ -335,131 +326,40 @@ select.form-control {
335
326
  }
336
327
  }
337
328
 
338
- .radio,
339
- .radio-inline,
340
- .checkbox,
341
- .checkbox-inline {
342
- label {
343
- padding-left: 25px;
344
- }
345
-
346
- input[type="radio"],
347
- input[type="checkbox"] {
348
- margin-left: -25px;
349
- }
350
- }
351
-
352
- input[type="radio"],
353
- .radio input[type="radio"],
354
- .radio-inline input[type="radio"] {
355
- position: relative;
356
- margin-right: 4px;
357
- vertical-align: top;
358
- border: none;
359
- background-color: transparent;
360
- appearance: none;
361
- cursor: pointer;
362
-
363
- &:focus {
364
- outline: none;
365
- }
366
-
367
- &:before,
368
- &:after {
369
- content: "";
370
- display: block;
371
- width: 18px;
372
- height: 18px;
373
- border-radius: 50%;
374
- transition: 240ms;
375
- }
376
-
377
- &:before {
378
- position: absolute;
379
- left: 0;
380
- top: -2px;
381
- background-color: $primary;
382
- transform: scale(0);
383
- }
384
-
385
- &:after {
386
- position: relative;
387
- top: -2px;
388
- border: 2px solid $gray-500;
389
- }
390
-
391
- &:checked:before {
392
- transform: scale(0.5);
329
+ .custom-control-label {
330
+ &::before {
331
+ top: 0;
332
+ border: 2px solid $gray-400;
393
333
  }
394
-
395
- &:disabled:checked:before {
396
- background-color: $gray-300;
334
+ &::after {
335
+ top: 0;
397
336
  }
398
337
 
399
- &:checked:after {
338
+ .custom-control-input:checked ~ &::before {
400
339
  border-color: $primary;
401
340
  }
402
-
403
- &:disabled:after,
404
- &:disabled:checked:after {
405
- border-color: $gray-300;
406
- }
407
341
  }
408
342
 
409
- input[type="checkbox"],
410
- .checkbox input[type="checkbox"],
411
- .checkbox-inline input[type="checkbox"] {
412
- position: relative;
413
- border: none;
414
- margin-bottom: -4px;
415
- appearance: none;
416
- cursor: pointer;
417
-
418
- &:focus {
419
- outline: none;
420
- }
421
-
422
- &:focus:after {
423
- border-color: $primary;
424
- }
425
-
426
- &:after {
427
- content: "";
428
- display: block;
429
- width: 18px;
430
- height: 18px;
431
- margin-right: 5px;
432
- border: 2px solid $gray-500;
433
- border-radius: 2px;
434
- transition: 240ms;
435
- }
436
-
437
- &:checked:before {
438
- content: "";
439
- position: absolute;
440
- top: 2px;
441
- left: 6px;
442
- display: table;
443
- width: 6px;
444
- height: 12px;
445
- border: 2px solid #fff;
446
- border-top-width: 0;
447
- border-left-width: 0;
448
- transform: rotate(45deg);
449
- }
450
-
451
- &:checked:after {
452
- background-color: $primary;
453
- border-color: $primary;
343
+ .custom-checkbox .custom-control-input:checked {
344
+ ~ .custom-control-label::after {
345
+ transform: scale(1.5);
454
346
  }
347
+ }
455
348
 
456
- &:disabled:after {
457
- border-color: $gray-300;
349
+ .custom-radio .custom-control-input {
350
+ &:checked {
351
+ ~ .custom-control-label::before {
352
+ background-color: $white;
353
+ }
354
+ ~ .custom-control-label::after {
355
+ transform: scale(1.125);
356
+ transition: 240ms;
357
+ }
458
358
  }
459
-
460
- &:disabled:checked:after {
461
- background-color: $gray-300;
462
- border-color: transparent;
359
+ & {
360
+ ~ .custom-control-label::after {
361
+ transform: scale(.75);
362
+ }
463
363
  }
464
364
  }
465
365
 
@@ -595,7 +495,7 @@ input[type="checkbox"],
595
495
  }
596
496
  }
597
497
 
598
- a:not(.close):not(.btn),
498
+ a:not(.btn),
599
499
  .alert-link {
600
500
  color: #fff;
601
501
  font-weight: bold;
@@ -604,6 +504,15 @@ input[type="checkbox"],
604
504
  .close {
605
505
  color: #fff;
606
506
  }
507
+
508
+ &-secondary,
509
+ &-light {
510
+ &,
511
+ & a:not(.btn),
512
+ & .alert-link {
513
+ color: $body-color;
514
+ }
515
+ }
607
516
  }
608
517
 
609
518
  .badge {
@@ -1,4 +1,4 @@
1
- // Materia 4.0.0
1
+ // Materia 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
  //
@@ -56,11 +56,21 @@ $input-btn-padding-x: 1rem !default;
56
56
 
57
57
  // Forms
58
58
 
59
+ $input-padding-y: 1rem !default;
60
+ $input-padding-x: 0 !default;
61
+
62
+ $input-padding-y-sm: $font-size-base !default;
63
+ $input-padding-x-sm: 0 !default;
64
+
65
+ $input-padding-y-lg: ($font-size-base * 1.25) !default;
66
+ $input-padding-x-lg: 0 !default;
67
+
59
68
  $input-bg: transparent !default;
60
69
  $input-disabled-bg: transparent !default;
61
70
 
62
71
  $input-color: $gray-600 !default;
63
72
  $input-border-color: transparent !default;
73
+ $input-border-width: 0rem !default;
64
74
 
65
75
  $input-border-radius: 0 !default;
66
76
  $input-border-radius-lg: 0 !default;
@@ -70,6 +80,18 @@ $input-placeholder-color: rgba(0,0,0,0.4) !default;
70
80
 
71
81
  $input-group-addon-bg: transparent !default;
72
82
 
83
+ $custom-control-gutter: 1.75rem !default;
84
+
85
+ $custom-control-indicator-focus-box-shadow: 0 !default;
86
+
87
+ $custom-control-indicator-size: 1.25rem !default;
88
+ $custom-control-indicator-bg: $white;
89
+ $custom-checkbox-indicator-border-radius: 2px !default;
90
+
91
+ $custom-control-indicator-disabled-bg: $gray-100 !default;
92
+
93
+ $custom-radio-indicator-icon-checked: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='4' fill='%232196F3'/%3E%3C/svg%3E") !default;
94
+
73
95
  // Navs
74
96
 
75
97
  $nav-link-disabled-color: $gray-500 !default;
@@ -1,4 +1,4 @@
1
- // Minty 4.0.0
1
+ // Minty 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
 
@@ -181,6 +181,18 @@ legend {
181
181
  color: $white;
182
182
  }
183
183
 
184
+ &-primary {
185
+ &, > th, > td {
186
+ background-color: $primary;
187
+ }
188
+ }
189
+
190
+ &-secondary {
191
+ &, > th, > td {
192
+ background-color: $secondary;
193
+ }
194
+ }
195
+
184
196
  &-success {
185
197
  &, > th, > td {
186
198
  background-color: $success;
@@ -204,6 +216,26 @@ legend {
204
216
  background-color: $warning;
205
217
  }
206
218
  }
219
+
220
+ &-dark {
221
+ &, > th, > td {
222
+ background-color: $dark;
223
+ }
224
+ }
225
+
226
+ &-light {
227
+ &, > th, > td {
228
+ background-color: $light;
229
+ }
230
+ }
231
+
232
+ &-light {
233
+ &,
234
+ & a:not(.btn),
235
+ & .alert-link {
236
+ color: $body-color;
237
+ }
238
+ }
207
239
  }
208
240
 
209
241
  .badge {
@@ -1,4 +1,4 @@
1
- // Minty 4.0.0
1
+ // Minty 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
  //
@@ -37,6 +37,8 @@ $danger: $red !default;
37
37
  $light: $gray-100 !default;
38
38
  $dark: $gray-800 !default;
39
39
 
40
+ $yiq-contrasted-threshold: 250 !default;
41
+
40
42
  // Body
41
43
 
42
44
  $body-color: $gray-600 !default;
@@ -1,4 +1,4 @@
1
- // Pulse 4.0.0
1
+ // Pulse 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
 
@@ -1,4 +1,4 @@
1
- // Pulse 4.0.0
1
+ // Pulse 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
  //
@@ -1,4 +1,4 @@
1
- // Sandstone 4.0.0
1
+ // Sandstone 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
 
@@ -152,6 +152,18 @@ input,
152
152
  text-decoration: underline;
153
153
  }
154
154
 
155
+ &-primary {
156
+ &, > th, > td {
157
+ background-color: $primary;
158
+ }
159
+ }
160
+
161
+ &-secondary {
162
+ &, > th, > td {
163
+ background-color: $secondary;
164
+ }
165
+ }
166
+
155
167
  &-success {
156
168
  &, > th, > td {
157
169
  background-color: $success;
@@ -175,6 +187,26 @@ input,
175
187
  background-color: $warning;
176
188
  }
177
189
  }
190
+
191
+ &-dark {
192
+ &, > th, > td {
193
+ background-color: $dark;
194
+ }
195
+ }
196
+
197
+ &-light {
198
+ &, > th, > td {
199
+ background-color: $light;
200
+ }
201
+ }
202
+
203
+ &-light {
204
+ &,
205
+ & a:not(.btn),
206
+ & .alert-link {
207
+ color: $body-color;
208
+ }
209
+ }
178
210
  }
179
211
 
180
212
  .badge {
@@ -1,4 +1,4 @@
1
- // Sandstone 4.0.0
1
+ // Sandstone 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
  //
@@ -1,4 +1,4 @@
1
- // Simplex 4.0.0
1
+ // Simplex 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
 
@@ -102,10 +102,6 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Open+Sans:400,700" !def
102
102
 
103
103
  // Typography ==================================================================
104
104
 
105
- body {
106
- font-weight: 200;
107
- }
108
-
109
105
  // Tables ======================================================================
110
106
 
111
107
  // Forms =======================================================================
@@ -1,4 +1,4 @@
1
- // Simplex 4.0.0
1
+ // Simplex 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
  //
@@ -1,4 +1,4 @@
1
- // Sketchy 4.0.0
1
+ // Sketchy 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
 
@@ -40,10 +40,6 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Neucha|Cabin+Sketch" !d
40
40
  .btn {
41
41
  border-radius: $border-radius;
42
42
  text-decoration: none;
43
-
44
- &-warning {
45
- color: $white;
46
- }
47
43
  }
48
44
 
49
45
  // Typography ==================================================================
@@ -332,7 +328,6 @@ select.form-control {
332
328
 
333
329
  .card {
334
330
  border-radius: 5px 5px 5px 5px/25px 25px 25px 5px;
335
- overflow: hidden;
336
331
 
337
332
  &-outline {
338
333
  &-primary,
@@ -347,6 +342,10 @@ select.form-control {
347
342
  &-header {
348
343
  border-bottom-width: 2px;
349
344
  border-color: inherit;
345
+
346
+ &:first-child {
347
+ border-radius: 3px 3px 0 0/23px 23px 0 0;
348
+ }
350
349
  }
351
350
 
352
351
  &-footer {
@@ -1,4 +1,4 @@
1
- // Sketchy 4.0.0
1
+ // Sketchy 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
  //
@@ -37,6 +37,8 @@ $danger: $red !default;
37
37
  $light: $white !default;
38
38
  $dark: $gray-700 !default;
39
39
 
40
+ $yiq-contrasted-threshold: 200 !default;
41
+
40
42
  // Links
41
43
 
42
44
  $link-decoration: underline !default;
@@ -1,4 +1,4 @@
1
- // Slate 4.0.0
1
+ // Slate 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
 
@@ -390,6 +390,14 @@ legend {
390
390
  background-color: $value;
391
391
  }
392
392
  }
393
+
394
+ &-light {
395
+ &,
396
+ & a:not(.btn),
397
+ & .alert-link {
398
+ color: $body-bg;
399
+ }
400
+ }
393
401
  }
394
402
 
395
403
  .badge {
@@ -1,4 +1,4 @@
1
- // Slate 4.0.0
1
+ // Slate 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
  //
@@ -154,3 +154,7 @@ $list-group-action-color: $white !default;
154
154
  // Breadcrumbs
155
155
 
156
156
  $breadcrumb-active-color: $gray-500 !default;
157
+
158
+ // Code
159
+
160
+ $pre-color: inherit !default;
@@ -1,4 +1,4 @@
1
- // Solar 4.0.0
1
+ // Solar 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
 
@@ -104,6 +104,14 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Source+Sans+Pro" !defau
104
104
  background-color: $value;
105
105
  }
106
106
  }
107
+
108
+ &-light {
109
+ &,
110
+ & a:not(.btn),
111
+ & .alert-link {
112
+ color: $body-bg;
113
+ }
114
+ }
107
115
  }
108
116
 
109
117
  // Progress bars ===============================================================
@@ -1,4 +1,4 @@
1
- // Solar 4.0.0
1
+ // Solar 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
  //
@@ -169,3 +169,7 @@ $breadcrumb-bg: $component-active-bg !default;
169
169
 
170
170
  $close-color: $body-color !default;
171
171
  $close-text-shadow: none !default;
172
+
173
+ // Code
174
+
175
+ $pre-color: inherit !default;
@@ -1,4 +1,4 @@
1
- // Spacelab 4.0.0
1
+ // Spacelab 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
 
@@ -32,7 +32,7 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Open+Sans:400italic,700
32
32
  }
33
33
 
34
34
  &.bg-light {
35
- @include btn-shadow($gray-200);
35
+ @include btn-shadow($light);
36
36
 
37
37
  .nav-link,
38
38
  .navbar-brand {
@@ -57,7 +57,7 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Open+Sans:400italic,700
57
57
  &-primary {
58
58
  @include btn-shadow($primary);
59
59
 
60
- &:hover {
60
+ &:not(.disabled):hover {
61
61
  @include btn-shadow(darken($primary, 4%));
62
62
  }
63
63
  }
@@ -66,7 +66,7 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Open+Sans:400italic,700
66
66
  @include btn-shadow($secondary);
67
67
  color: $white;
68
68
 
69
- &:hover {
69
+ &:not(.disabled):hover {
70
70
  @include btn-shadow(darken($secondary, 4%));
71
71
  }
72
72
  }
@@ -74,7 +74,7 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Open+Sans:400italic,700
74
74
  &-success {
75
75
  @include btn-shadow($success);
76
76
 
77
- &:hover {
77
+ &:not(.disabled):hover {
78
78
  @include btn-shadow(darken($success, 4%));
79
79
  }
80
80
  }
@@ -82,7 +82,7 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Open+Sans:400italic,700
82
82
  &-info {
83
83
  @include btn-shadow($info);
84
84
 
85
- &:hover {
85
+ &:not(.disabled):hover {
86
86
  @include btn-shadow(darken($info, 4%));
87
87
  }
88
88
  }
@@ -90,7 +90,7 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Open+Sans:400italic,700
90
90
  &-warning {
91
91
  @include btn-shadow($warning);
92
92
 
93
- &:hover {
93
+ &:not(.disabled):hover {
94
94
  @include btn-shadow(darken($warning, 4%));
95
95
  }
96
96
  }
@@ -98,24 +98,28 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Open+Sans:400italic,700
98
98
  &-danger {
99
99
  @include btn-shadow($danger);
100
100
 
101
- &:hover {
101
+ &:not(.disabled):hover {
102
102
  @include btn-shadow(darken($danger, 4%));
103
103
  }
104
104
  }
105
105
 
106
106
  &-dark {
107
- @include btn-shadow($danger);
107
+ @include btn-shadow($dark);
108
108
 
109
- &:hover {
110
- @include btn-shadow(darken($danger, 4%));
109
+ &:not(.disabled):hover {
110
+ @include btn-shadow(darken($dark, 4%));
111
111
  }
112
112
  }
113
113
 
114
114
  &-light {
115
- @include btn-shadow($danger);
115
+ @include btn-shadow($light);
116
+ color: $navbar-light-color;
117
+ text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);
118
+ transition: color ease-in-out .2s;
116
119
 
117
- &:hover {
118
- @include btn-shadow(darken($danger, 4%));
120
+ &:not(.disabled):hover {
121
+ @include btn-shadow(darken($light, 4%));
122
+ color: $info;
119
123
  }
120
124
  }
121
125
 
@@ -1,4 +1,4 @@
1
- // Spacelab 4.0.0
1
+ // Spacelab 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
  //
@@ -34,9 +34,11 @@ $success: $green !default;
34
34
  $info: $cyan !default;
35
35
  $warning: $yellow !default;
36
36
  $danger: $red !default;
37
- $light: $gray-100 !default;
37
+ $light: $gray-200 !default;
38
38
  $dark: $gray-800 !default;
39
39
 
40
+ $yiq-contrasted-threshold: 200 !default;
41
+
40
42
  // Body
41
43
 
42
44
  $body-color: $gray-600 !default;
@@ -1,4 +1,4 @@
1
- // Superhero 4.0.0
1
+ // Superhero 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
 
@@ -1,4 +1,4 @@
1
- // Superhero 4.0.0
1
+ // Superhero 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
  //
@@ -121,10 +121,6 @@ $popover-bg: $gray-200 !default;
121
121
 
122
122
  $popover-header-bg: $table-hover-bg !default;
123
123
 
124
- // Progress bars
125
-
126
- $progress-bar-color: $primary !default;
127
-
128
124
  // List group
129
125
 
130
126
  $list-group-bg: $gray-200 !default;
@@ -141,3 +137,7 @@ $list-group-action-hover-color: $white !default;
141
137
 
142
138
  $breadcrumb-divider-color: $body-color !default;
143
139
  $breadcrumb-active-color: $body-color !default;
140
+
141
+ // Code
142
+
143
+ $pre-color: inherit !default;
@@ -1,4 +1,4 @@
1
- // United 4.0.0
1
+ // United 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
 
@@ -1,4 +1,4 @@
1
- // United 4.0.0
1
+ // United 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
  //
@@ -1,4 +1,4 @@
1
- // Yeti 4.0.0
1
+ // Yeti 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
 
@@ -371,6 +371,18 @@ label,
371
371
  font-weight: 300;
372
372
  color: $white;
373
373
 
374
+ &-primary {
375
+ &, > th, > td {
376
+ background-color: $primary;
377
+ }
378
+ }
379
+
380
+ &-secondary {
381
+ &, > th, > td {
382
+ background-color: $secondary;
383
+ }
384
+ }
385
+
374
386
  &-success {
375
387
  &, > th, > td {
376
388
  background-color: $success;
@@ -395,11 +407,32 @@ label,
395
407
  }
396
408
  }
397
409
 
410
+ &-dark {
411
+ &, > th, > td {
412
+ background-color: $dark;
413
+ }
414
+ }
415
+
416
+ &-light {
417
+ &, > th, > td {
418
+ background-color: $light;
419
+ }
420
+ }
421
+
398
422
  .alert-link {
399
423
  font-weight: normal;
400
424
  color: #fff;
401
425
  text-decoration: underline;
402
426
  }
427
+
428
+ &-secondary,
429
+ &-light {
430
+ &,
431
+ & a:not(.btn),
432
+ & .alert-link {
433
+ color: $body-color;
434
+ }
435
+ }
403
436
  }
404
437
 
405
438
  .badge {
@@ -1,4 +1,4 @@
1
- // Yeti 4.0.0
1
+ // Yeti 4.1.0
2
2
  // Bootswatch
3
3
 
4
4
  //
@@ -37,6 +37,8 @@ $danger: $red !default;
37
37
  $light: $gray-200 !default;
38
38
  $dark: $gray-900 !default;
39
39
 
40
+ $yiq-contrasted-threshold: 200 !default;
41
+
40
42
  // Components
41
43
 
42
44
  $border-radius: 0 !default;
@@ -53,7 +55,7 @@ $headings-font-weight: 300 !default;
53
55
 
54
56
  // Buttons
55
57
 
56
- $input-btn-padding-x: 1rem !default;
58
+ $input-btn-padding-x: 0.5rem !default;
57
59
 
58
60
  $btn-font-weight: 300 !default;
59
61
 
@@ -1,3 +1,3 @@
1
1
  module Bootswatch
2
- VERSION = '4.0.0'
2
+ VERSION = '4.1.0'
3
3
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: bootswatch
3
3
  version: !ruby/object:Gem::Version
4
- version: 4.0.0
4
+ version: 4.1.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - mkhairi
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2018-01-22 00:00:00.000000000 Z
11
+ date: 2018-04-11 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: sass