mumuki-styles 3.0.0 → 3.0.2.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (26) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/fonts/dev-awesome.eot +0 -0
  3. data/app/assets/fonts/dev-awesome.ttf +0 -0
  4. data/app/assets/fonts/dev-awesome.woff +0 -0
  5. data/app/assets/fonts/dev-awesome.woff2 +0 -0
  6. data/app/assets/javascripts/mumuki-styles.js +806 -793
  7. data/app/assets/stylesheets/css/mumuki-styles.css +65 -59
  8. data/app/assets/stylesheets/scss/_fonts.scss +4 -0
  9. data/app/assets/stylesheets/scss/_links.scss +1 -1
  10. data/app/assets/stylesheets/scss/_navbar.scss +6 -2
  11. data/app/assets/stylesheets/vendor/bootstrap/_accordion.scss +4 -2
  12. data/app/assets/stylesheets/vendor/bootstrap/_dropdown.scss +7 -13
  13. data/app/assets/stylesheets/vendor/bootstrap/_list-group.scss +5 -5
  14. data/app/assets/stylesheets/vendor/bootstrap/_mixins.scss +1 -0
  15. data/app/assets/stylesheets/vendor/bootstrap/_modal.scss +2 -20
  16. data/app/assets/stylesheets/vendor/bootstrap/_offcanvas.scss +11 -11
  17. data/app/assets/stylesheets/vendor/bootstrap/_spinners.scss +2 -2
  18. data/app/assets/stylesheets/vendor/bootstrap/_tables.scss +1 -0
  19. data/app/assets/stylesheets/vendor/bootstrap/_variables.scss +7 -7
  20. data/app/assets/stylesheets/vendor/bootstrap/bootstrap-utilities.scss +1 -1
  21. data/app/assets/stylesheets/vendor/bootstrap/bootstrap.scss +1 -1
  22. data/app/assets/stylesheets/vendor/bootstrap/mixins/_color-scheme.scss +7 -0
  23. data/app/assets/stylesheets/vendor/bootstrap/mixins/_forms.scss +15 -5
  24. data/app/assets/stylesheets/vendor/bootstrap/mixins/_grid.scss +8 -3
  25. data/lib/mumuki/styles/version.rb +1 -1
  26. metadata +3 -2
@@ -10,6 +10,7 @@
10
10
 
11
11
  // Helpers
12
12
  @import "mixins/breakpoints";
13
+ @import "mixins/color-scheme";
13
14
  @import "mixins/image";
14
15
  @import "mixins/resize";
15
16
  @import "mixins/visually-hidden";
@@ -4,16 +4,6 @@
4
4
  // .modal-content - actual modal w/ bg and corners and stuff
5
5
 
6
6
 
7
- .modal-open {
8
- // Kill the scroll on the body
9
- overflow: hidden;
10
-
11
- .modal {
12
- overflow-x: hidden;
13
- overflow-y: auto;
14
- }
15
- }
16
-
17
7
  // Container that the modal scrolls within
18
8
  .modal {
19
9
  position: fixed;
@@ -23,7 +13,8 @@
23
13
  display: none;
24
14
  width: 100%;
25
15
  height: 100%;
26
- overflow: hidden;
16
+ overflow-x: hidden;
17
+ overflow-y: auto;
27
18
  // Prevent Chrome on Windows from adding a focus outline. For details, see
28
19
  // https://github.com/twbs/bootstrap/pull/10951.
29
20
  outline: 0;
@@ -159,15 +150,6 @@
159
150
  }
160
151
  }
161
152
 
162
- // Measure scrollbar width for padding body during modal show/hide
163
- .modal-scrollbar-measure {
164
- position: absolute;
165
- top: -9999px;
166
- width: 50px;
167
- height: 50px;
168
- overflow: scroll;
169
- }
170
-
171
153
  // Scale up the modal
172
154
  @include media-breakpoint-up(sm) {
173
155
  // Automatically set modal's width for larger viewports
@@ -16,6 +16,7 @@
16
16
 
17
17
  .offcanvas-header {
18
18
  display: flex;
19
+ align-items: center;
19
20
  justify-content: space-between;
20
21
  padding: $offcanvas-padding-y $offcanvas-padding-x;
21
22
 
@@ -52,6 +53,16 @@
52
53
  transform: translateX(100%);
53
54
  }
54
55
 
56
+ .offcanvas-top {
57
+ top: 0;
58
+ right: 0;
59
+ left: 0;
60
+ height: $offcanvas-vertical-height;
61
+ max-height: 100%;
62
+ border-bottom: $offcanvas-border-width solid $offcanvas-border-color;
63
+ transform: translateY(-100%);
64
+ }
65
+
55
66
  .offcanvas-bottom {
56
67
  right: 0;
57
68
  left: 0;
@@ -64,14 +75,3 @@
64
75
  .offcanvas.show {
65
76
  transform: none;
66
77
  }
67
-
68
- .offcanvas-backdrop::before {
69
- position: fixed;
70
- top: 0;
71
- left: 0;
72
- z-index: $zindex-offcanvas - 1;
73
- width: 100vw;
74
- height: 100vh;
75
- content: "";
76
- background-color: $offcanvas-body-backdrop-color;
77
- }
@@ -12,7 +12,7 @@
12
12
  display: inline-block;
13
13
  width: $spinner-width;
14
14
  height: $spinner-height;
15
- vertical-align: text-bottom;
15
+ vertical-align: $spinner-vertical-align;
16
16
  border: $spinner-border-width solid currentColor;
17
17
  border-right-color: transparent;
18
18
  // stylelint-disable-next-line property-disallowed-list
@@ -46,7 +46,7 @@
46
46
  display: inline-block;
47
47
  width: $spinner-width;
48
48
  height: $spinner-height;
49
- vertical-align: text-bottom;
49
+ vertical-align: $spinner-vertical-align;
50
50
  background-color: currentColor;
51
51
  // stylelint-disable-next-line property-disallowed-list
52
52
  border-radius: 50%;
@@ -4,6 +4,7 @@
4
4
 
5
5
  .table {
6
6
  --#{$variable-prefix}table-bg: #{$table-bg};
7
+ --#{$variable-prefix}table-accent-bg: #{$table-bg};
7
8
  --#{$variable-prefix}table-striped-color: #{$table-striped-color};
8
9
  --#{$variable-prefix}table-striped-bg: #{$table-striped-bg};
9
10
  --#{$variable-prefix}table-active-color: #{$table-active-color};
@@ -738,7 +738,7 @@ $form-check-transition: null !default;
738
738
  $form-check-input-active-filter: brightness(90%) !default;
739
739
 
740
740
  $form-check-input-bg: $input-bg !default;
741
- $form-check-input-border: 1px solid rgba(0, 0, 0, .25) !default;
741
+ $form-check-input-border: 1px solid rgba($black, .25) !default;
742
742
  $form-check-input-border-radius: .25em !default;
743
743
  $form-check-radio-border-radius: 50% !default;
744
744
  $form-check-input-focus-border: $input-focus-border-color !default;
@@ -902,8 +902,8 @@ $form-validation-states: (
902
902
  $zindex-dropdown: 1000 !default;
903
903
  $zindex-sticky: 1020 !default;
904
904
  $zindex-fixed: 1030 !default;
905
- $zindex-offcanvas: 1040 !default;
906
- $zindex-modal-backdrop: 1050 !default;
905
+ $zindex-modal-backdrop: 1040 !default;
906
+ $zindex-offcanvas: 1050 !default;
907
907
  $zindex-modal: 1060 !default;
908
908
  $zindex-popover: 1070 !default;
909
909
  $zindex-tooltip: 1080 !default;
@@ -917,8 +917,8 @@ $nav-link-padding-y: .5rem !default;
917
917
  $nav-link-padding-x: 1rem !default;
918
918
  $nav-link-font-size: null !default;
919
919
  $nav-link-font-weight: null !default;
920
- $nav-link-color: null !default;
921
- $nav-link-hover-color: null !default;
920
+ $nav-link-color: $link-color !default;
921
+ $nav-link-hover-color: $link-hover-color !default;
922
922
  $nav-link-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !default;
923
923
  $nav-link-disabled-color: $gray-600 !default;
924
924
 
@@ -1125,7 +1125,7 @@ $accordion-icon-width: 1.25rem !default;
1125
1125
  $accordion-icon-color: $accordion-color !default;
1126
1126
  $accordion-icon-active-color: $accordion-button-active-color !default;
1127
1127
  $accordion-icon-transition: transform .2s ease-in-out !default;
1128
- $accordion-icon-transform: rotate(180deg) !default;
1128
+ $accordion-icon-transform: rotate(-180deg) !default;
1129
1129
 
1130
1130
  $accordion-button-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !default;
1131
1131
  $accordion-button-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-active-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !default;
@@ -1406,6 +1406,7 @@ $carousel-dark-control-icon-filter: invert(1) grayscale(100) !default;
1406
1406
  // scss-docs-start spinner-variables
1407
1407
  $spinner-width: 2rem !default;
1408
1408
  $spinner-height: $spinner-width !default;
1409
+ $spinner-vertical-align: -.125em !default;
1409
1410
  $spinner-border-width: .25em !default;
1410
1411
  $spinner-animation-speed: .75s !default;
1411
1412
 
@@ -1446,7 +1447,6 @@ $offcanvas-border-width: $modal-content-border-width !default;
1446
1447
  $offcanvas-title-line-height: $modal-title-line-height !default;
1447
1448
  $offcanvas-bg-color: $modal-content-bg !default;
1448
1449
  $offcanvas-color: $modal-content-color !default;
1449
- $offcanvas-body-backdrop-color: rgba($modal-backdrop-bg, $modal-backdrop-opacity) !default;
1450
1450
  $offcanvas-box-shadow: $modal-content-box-shadow-xs !default;
1451
1451
  // scss-docs-end offcanvas-variables
1452
1452
 
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Bootstrap Utilities v5.0.0-beta3 (https://getbootstrap.com/)
2
+ * Bootstrap Utilities v5.0.1 (https://getbootstrap.com/)
3
3
  * Copyright 2011-2021 The Bootstrap Authors
4
4
  * Copyright 2011-2021 Twitter, Inc.
5
5
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Bootstrap v5.0.0-beta3 (https://getbootstrap.com/)
2
+ * Bootstrap v5.0.1 (https://getbootstrap.com/)
3
3
  * Copyright 2011-2021 The Bootstrap Authors
4
4
  * Copyright 2011-2021 Twitter, Inc.
5
5
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
@@ -0,0 +1,7 @@
1
+ // scss-docs-start mixin-color-scheme
2
+ @mixin color-scheme($name) {
3
+ @media (prefers-color-scheme: #{$name}) {
4
+ @content;
5
+ }
6
+ }
7
+ // scss-docs-end mixin-color-scheme
@@ -88,10 +88,13 @@
88
88
  border-color: $color;
89
89
 
90
90
  @if $enable-validation-icons {
91
- padding-right: $form-select-feedback-icon-padding-end;
92
- background-image: escape-svg($form-select-indicator), escape-svg($icon);
93
- background-position: $form-select-bg-position, $form-select-feedback-icon-position;
94
- background-size: $form-select-bg-size, $form-select-feedback-icon-size;
91
+ &:not([multiple]):not([size]),
92
+ &:not([multiple])[size="1"] {
93
+ padding-right: $form-select-feedback-icon-padding-end;
94
+ background-image: escape-svg($form-select-indicator), escape-svg($icon);
95
+ background-position: $form-select-bg-position, $form-select-feedback-icon-position;
96
+ background-size: $form-select-bg-size, $form-select-feedback-icon-size;
97
+ }
95
98
  }
96
99
 
97
100
  &:focus {
@@ -127,7 +130,14 @@
127
130
  .input-group .form-control,
128
131
  .input-group .form-select {
129
132
  @include form-validation-state-selector($state) {
130
- z-index: 3;
133
+ @if $state == "valid" {
134
+ z-index: 1;
135
+ } @else if $state == "invalid" {
136
+ z-index: 2;
137
+ }
138
+ &:focus {
139
+ z-index: 3;
140
+ }
131
141
  }
132
142
  }
133
143
  }
@@ -26,9 +26,14 @@
26
26
  margin-top: var(--#{$variable-prefix}gutter-y);
27
27
  }
28
28
 
29
- @mixin make-col($size, $columns: $grid-columns) {
30
- flex: 0 0 auto;
31
- width: percentage($size / $columns);
29
+ @mixin make-col($size: false, $columns: $grid-columns) {
30
+ @if $size {
31
+ flex: 0 0 auto;
32
+ width: percentage($size / $columns);
33
+ } @else {
34
+ flex: 1 1 0;
35
+ max-width: 100%;
36
+ }
32
37
  }
33
38
 
34
39
  @mixin make-col-auto() {
@@ -1,5 +1,5 @@
1
1
  module Mumuki
2
2
  module Styles
3
- VERSION = "3.0.0"
3
+ VERSION = "3.0.2.2"
4
4
  end
5
5
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: mumuki-styles
3
3
  version: !ruby/object:Gem::Version
4
- version: 3.0.0
4
+ version: 3.0.2.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - Federico Scarpa
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2021-04-15 00:00:00.000000000 Z
11
+ date: 2021-07-15 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
@@ -204,6 +204,7 @@ files:
204
204
  - app/assets/stylesheets/vendor/bootstrap/mixins/_buttons.scss
205
205
  - app/assets/stylesheets/vendor/bootstrap/mixins/_caret.scss
206
206
  - app/assets/stylesheets/vendor/bootstrap/mixins/_clearfix.scss
207
+ - app/assets/stylesheets/vendor/bootstrap/mixins/_color-scheme.scss
207
208
  - app/assets/stylesheets/vendor/bootstrap/mixins/_container.scss
208
209
  - app/assets/stylesheets/vendor/bootstrap/mixins/_deprecate.scss
209
210
  - app/assets/stylesheets/vendor/bootstrap/mixins/_forms.scss