bootswatch 4.0.0 → 4.1.0

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