bootstrap-scss 5.2.0 → 5.2.2

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 (86) hide show
  1. package/README.md +1 -1
  2. package/_accordion.scss +149 -146
  3. package/_alert.scss +71 -71
  4. package/_badge.scss +38 -38
  5. package/_breadcrumb.scss +40 -40
  6. package/_button-group.scss +142 -142
  7. package/_buttons.scss +207 -186
  8. package/_card.scss +234 -234
  9. package/_carousel.scss +229 -229
  10. package/_close.scss +40 -40
  11. package/_containers.scss +41 -41
  12. package/_dropdown.scss +249 -248
  13. package/_forms.scss +9 -9
  14. package/_functions.scss +302 -302
  15. package/_grid.scss +33 -33
  16. package/_helpers.scss +10 -10
  17. package/_list-group.scss +192 -191
  18. package/_maps.scss +54 -54
  19. package/_mixins.scss +43 -43
  20. package/_modal.scss +237 -237
  21. package/_nav.scss +172 -172
  22. package/_navbar.scss +278 -276
  23. package/_offcanvas.scss +144 -143
  24. package/_pagination.scss +109 -109
  25. package/_placeholders.scss +51 -51
  26. package/_popover.scss +196 -196
  27. package/_progress.scss +59 -59
  28. package/_reboot.scss +610 -610
  29. package/_root.scss +73 -73
  30. package/_spinners.scss +85 -85
  31. package/_tables.scss +164 -164
  32. package/_toasts.scss +73 -70
  33. package/_tooltip.scss +120 -120
  34. package/_transitions.scss +27 -27
  35. package/_type.scss +106 -106
  36. package/_utilities.scss +647 -647
  37. package/_variables.scss +1634 -1633
  38. package/bootstrap-grid.scss +64 -64
  39. package/bootstrap-reboot.scss +9 -9
  40. package/bootstrap-utilities.scss +15 -15
  41. package/bootstrap.scss +51 -51
  42. package/forms/_floating-labels.scss +75 -74
  43. package/forms/_form-check.scss +175 -175
  44. package/forms/_form-control.scss +194 -194
  45. package/forms/_form-range.scss +91 -91
  46. package/forms/_form-select.scss +71 -71
  47. package/forms/_form-text.scss +11 -11
  48. package/forms/_input-group.scss +132 -129
  49. package/forms/_labels.scss +36 -36
  50. package/forms/_validation.scss +12 -12
  51. package/helpers/_clearfix.scss +3 -3
  52. package/helpers/_color-bg.scss +10 -10
  53. package/helpers/_colored-links.scss +12 -12
  54. package/helpers/_position.scss +36 -36
  55. package/helpers/_ratio.scss +26 -26
  56. package/helpers/_stacks.scss +15 -15
  57. package/helpers/_stretched-link.scss +15 -15
  58. package/helpers/_text-truncation.scss +7 -7
  59. package/helpers/_visually-hidden.scss +8 -8
  60. package/helpers/_vr.scss +8 -8
  61. package/mixins/_alert.scss +15 -15
  62. package/mixins/_backdrop.scss +14 -14
  63. package/mixins/_banner.scss +9 -9
  64. package/mixins/_border-radius.scss +78 -78
  65. package/mixins/_box-shadow.scss +18 -18
  66. package/mixins/_breakpoints.scss +127 -127
  67. package/mixins/_buttons.scss +70 -70
  68. package/mixins/_caret.scss +64 -64
  69. package/mixins/_clearfix.scss +9 -9
  70. package/mixins/_color-scheme.scss +7 -7
  71. package/mixins/_container.scss +11 -11
  72. package/mixins/_forms.scss +152 -152
  73. package/mixins/_gradients.scss +47 -47
  74. package/mixins/_grid.scss +151 -151
  75. package/mixins/_image.scss +16 -16
  76. package/mixins/_list-group.scss +24 -24
  77. package/mixins/_lists.scss +7 -7
  78. package/mixins/_pagination.scss +10 -10
  79. package/mixins/_reset-text.scss +17 -17
  80. package/mixins/_table-variants.scss +24 -24
  81. package/mixins/_transition.scss +26 -26
  82. package/mixins/_utilities.scss +97 -97
  83. package/mixins/_visually-hidden.scss +29 -29
  84. package/package.json +1 -1
  85. package/utilities/_api.scss +47 -47
  86. package/vendor/_rfs.scss +354 -354
package/_carousel.scss CHANGED
@@ -1,229 +1,229 @@
1
- // Notes on the classes:
2
- //
3
- // 1. .carousel.pointer-event should ideally be pan-y (to allow for users to scroll vertically)
4
- // even when their scroll action started on a carousel, but for compatibility (with Firefox)
5
- // we're preventing all actions instead
6
- // 2. The .carousel-item-start and .carousel-item-end is used to indicate where
7
- // the active slide is heading.
8
- // 3. .active.carousel-item is the current slide.
9
- // 4. .active.carousel-item-start and .active.carousel-item-end is the current
10
- // slide in its in-transition state. Only one of these occurs at a time.
11
- // 5. .carousel-item-next.carousel-item-start and .carousel-item-prev.carousel-item-end
12
- // is the upcoming slide in transition.
13
-
14
- .carousel {
15
- position: relative;
16
- }
17
-
18
- .carousel.pointer-event {
19
- touch-action: pan-y;
20
- }
21
-
22
- .carousel-inner {
23
- position: relative;
24
- width: 100%;
25
- overflow: hidden;
26
- @include clearfix();
27
- }
28
-
29
- .carousel-item {
30
- position: relative;
31
- display: none;
32
- float: left;
33
- width: 100%;
34
- margin-right: -100%;
35
- backface-visibility: hidden;
36
- @include transition($carousel-transition);
37
- }
38
-
39
- .carousel-item.active,
40
- .carousel-item-next,
41
- .carousel-item-prev {
42
- display: block;
43
- }
44
-
45
- /* rtl:begin:ignore */
46
- .carousel-item-next:not(.carousel-item-start),
47
- .active.carousel-item-end {
48
- transform: translateX(100%);
49
- }
50
-
51
- .carousel-item-prev:not(.carousel-item-end),
52
- .active.carousel-item-start {
53
- transform: translateX(-100%);
54
- }
55
-
56
- /* rtl:end:ignore */
57
-
58
-
59
- //
60
- // Alternate transitions
61
- //
62
-
63
- .carousel-fade {
64
- .carousel-item {
65
- opacity: 0;
66
- transition-property: opacity;
67
- transform: none;
68
- }
69
-
70
- .carousel-item.active,
71
- .carousel-item-next.carousel-item-start,
72
- .carousel-item-prev.carousel-item-end {
73
- z-index: 1;
74
- opacity: 1;
75
- }
76
-
77
- .active.carousel-item-start,
78
- .active.carousel-item-end {
79
- z-index: 0;
80
- opacity: 0;
81
- @include transition(opacity 0s $carousel-transition-duration);
82
- }
83
- }
84
-
85
-
86
- //
87
- // Left/right controls for nav
88
- //
89
-
90
- .carousel-control-prev,
91
- .carousel-control-next {
92
- position: absolute;
93
- top: 0;
94
- bottom: 0;
95
- z-index: 1;
96
- // Use flex for alignment (1-3)
97
- display: flex; // 1. allow flex styles
98
- align-items: center; // 2. vertically center contents
99
- justify-content: center; // 3. horizontally center contents
100
- width: $carousel-control-width;
101
- padding: 0;
102
- color: $carousel-control-color;
103
- text-align: center;
104
- background: none;
105
- border: 0;
106
- opacity: $carousel-control-opacity;
107
- @include transition($carousel-control-transition);
108
-
109
- // Hover/focus state
110
- &:hover,
111
- &:focus {
112
- color: $carousel-control-color;
113
- text-decoration: none;
114
- outline: 0;
115
- opacity: $carousel-control-hover-opacity;
116
- }
117
- }
118
- .carousel-control-prev {
119
- left: 0;
120
- background-image: if($enable-gradients, linear-gradient(90deg, rgba($black, .25), rgba($black, .001)), null);
121
- }
122
- .carousel-control-next {
123
- right: 0;
124
- background-image: if($enable-gradients, linear-gradient(270deg, rgba($black, .25), rgba($black, .001)), null);
125
- }
126
-
127
- // Icons for within
128
- .carousel-control-prev-icon,
129
- .carousel-control-next-icon {
130
- display: inline-block;
131
- width: $carousel-control-icon-width;
132
- height: $carousel-control-icon-width;
133
- background-repeat: no-repeat;
134
- background-position: 50%;
135
- background-size: 100% 100%;
136
- }
137
-
138
- /* rtl:options: {
139
- "autoRename": true,
140
- "stringMap":[ {
141
- "name" : "prev-next",
142
- "search" : "prev",
143
- "replace" : "next"
144
- } ]
145
- } */
146
- .carousel-control-prev-icon {
147
- background-image: escape-svg($carousel-control-prev-icon-bg);
148
- }
149
- .carousel-control-next-icon {
150
- background-image: escape-svg($carousel-control-next-icon-bg);
151
- }
152
-
153
- // Optional indicator pips/controls
154
- //
155
- // Add a container (such as a list) with the following class and add an item (ideally a focusable control,
156
- // like a button) with data-bs-target for each slide your carousel holds.
157
-
158
- .carousel-indicators {
159
- position: absolute;
160
- right: 0;
161
- bottom: 0;
162
- left: 0;
163
- z-index: 2;
164
- display: flex;
165
- justify-content: center;
166
- padding: 0;
167
- // Use the .carousel-control's width as margin so we don't overlay those
168
- margin-right: $carousel-control-width;
169
- margin-bottom: 1rem;
170
- margin-left: $carousel-control-width;
171
- list-style: none;
172
-
173
- [data-bs-target] {
174
- box-sizing: content-box;
175
- flex: 0 1 auto;
176
- width: $carousel-indicator-width;
177
- height: $carousel-indicator-height;
178
- padding: 0;
179
- margin-right: $carousel-indicator-spacer;
180
- margin-left: $carousel-indicator-spacer;
181
- text-indent: -999px;
182
- cursor: pointer;
183
- background-color: $carousel-indicator-active-bg;
184
- background-clip: padding-box;
185
- border: 0;
186
- // Use transparent borders to increase the hit area by 10px on top and bottom.
187
- border-top: $carousel-indicator-hit-area-height solid transparent;
188
- border-bottom: $carousel-indicator-hit-area-height solid transparent;
189
- opacity: $carousel-indicator-opacity;
190
- @include transition($carousel-indicator-transition);
191
- }
192
-
193
- .active {
194
- opacity: $carousel-indicator-active-opacity;
195
- }
196
- }
197
-
198
-
199
- // Optional captions
200
- //
201
- //
202
-
203
- .carousel-caption {
204
- position: absolute;
205
- right: (100% - $carousel-caption-width) * .5;
206
- bottom: $carousel-caption-spacer;
207
- left: (100% - $carousel-caption-width) * .5;
208
- padding-top: $carousel-caption-padding-y;
209
- padding-bottom: $carousel-caption-padding-y;
210
- color: $carousel-caption-color;
211
- text-align: center;
212
- }
213
-
214
- // Dark mode carousel
215
-
216
- .carousel-dark {
217
- .carousel-control-prev-icon,
218
- .carousel-control-next-icon {
219
- filter: $carousel-dark-control-icon-filter;
220
- }
221
-
222
- .carousel-indicators [data-bs-target] {
223
- background-color: $carousel-dark-indicator-active-bg;
224
- }
225
-
226
- .carousel-caption {
227
- color: $carousel-dark-caption-color;
228
- }
229
- }
1
+ // Notes on the classes:
2
+ //
3
+ // 1. .carousel.pointer-event should ideally be pan-y (to allow for users to scroll vertically)
4
+ // even when their scroll action started on a carousel, but for compatibility (with Firefox)
5
+ // we're preventing all actions instead
6
+ // 2. The .carousel-item-start and .carousel-item-end is used to indicate where
7
+ // the active slide is heading.
8
+ // 3. .active.carousel-item is the current slide.
9
+ // 4. .active.carousel-item-start and .active.carousel-item-end is the current
10
+ // slide in its in-transition state. Only one of these occurs at a time.
11
+ // 5. .carousel-item-next.carousel-item-start and .carousel-item-prev.carousel-item-end
12
+ // is the upcoming slide in transition.
13
+
14
+ .carousel {
15
+ position: relative;
16
+ }
17
+
18
+ .carousel.pointer-event {
19
+ touch-action: pan-y;
20
+ }
21
+
22
+ .carousel-inner {
23
+ position: relative;
24
+ width: 100%;
25
+ overflow: hidden;
26
+ @include clearfix();
27
+ }
28
+
29
+ .carousel-item {
30
+ position: relative;
31
+ display: none;
32
+ float: left;
33
+ width: 100%;
34
+ margin-right: -100%;
35
+ backface-visibility: hidden;
36
+ @include transition($carousel-transition);
37
+ }
38
+
39
+ .carousel-item.active,
40
+ .carousel-item-next,
41
+ .carousel-item-prev {
42
+ display: block;
43
+ }
44
+
45
+ /* rtl:begin:ignore */
46
+ .carousel-item-next:not(.carousel-item-start),
47
+ .active.carousel-item-end {
48
+ transform: translateX(100%);
49
+ }
50
+
51
+ .carousel-item-prev:not(.carousel-item-end),
52
+ .active.carousel-item-start {
53
+ transform: translateX(-100%);
54
+ }
55
+
56
+ /* rtl:end:ignore */
57
+
58
+
59
+ //
60
+ // Alternate transitions
61
+ //
62
+
63
+ .carousel-fade {
64
+ .carousel-item {
65
+ opacity: 0;
66
+ transition-property: opacity;
67
+ transform: none;
68
+ }
69
+
70
+ .carousel-item.active,
71
+ .carousel-item-next.carousel-item-start,
72
+ .carousel-item-prev.carousel-item-end {
73
+ z-index: 1;
74
+ opacity: 1;
75
+ }
76
+
77
+ .active.carousel-item-start,
78
+ .active.carousel-item-end {
79
+ z-index: 0;
80
+ opacity: 0;
81
+ @include transition(opacity 0s $carousel-transition-duration);
82
+ }
83
+ }
84
+
85
+
86
+ //
87
+ // Left/right controls for nav
88
+ //
89
+
90
+ .carousel-control-prev,
91
+ .carousel-control-next {
92
+ position: absolute;
93
+ top: 0;
94
+ bottom: 0;
95
+ z-index: 1;
96
+ // Use flex for alignment (1-3)
97
+ display: flex; // 1. allow flex styles
98
+ align-items: center; // 2. vertically center contents
99
+ justify-content: center; // 3. horizontally center contents
100
+ width: $carousel-control-width;
101
+ padding: 0;
102
+ color: $carousel-control-color;
103
+ text-align: center;
104
+ background: none;
105
+ border: 0;
106
+ opacity: $carousel-control-opacity;
107
+ @include transition($carousel-control-transition);
108
+
109
+ // Hover/focus state
110
+ &:hover,
111
+ &:focus {
112
+ color: $carousel-control-color;
113
+ text-decoration: none;
114
+ outline: 0;
115
+ opacity: $carousel-control-hover-opacity;
116
+ }
117
+ }
118
+ .carousel-control-prev {
119
+ left: 0;
120
+ background-image: if($enable-gradients, linear-gradient(90deg, rgba($black, .25), rgba($black, .001)), null);
121
+ }
122
+ .carousel-control-next {
123
+ right: 0;
124
+ background-image: if($enable-gradients, linear-gradient(270deg, rgba($black, .25), rgba($black, .001)), null);
125
+ }
126
+
127
+ // Icons for within
128
+ .carousel-control-prev-icon,
129
+ .carousel-control-next-icon {
130
+ display: inline-block;
131
+ width: $carousel-control-icon-width;
132
+ height: $carousel-control-icon-width;
133
+ background-repeat: no-repeat;
134
+ background-position: 50%;
135
+ background-size: 100% 100%;
136
+ }
137
+
138
+ /* rtl:options: {
139
+ "autoRename": true,
140
+ "stringMap":[ {
141
+ "name" : "prev-next",
142
+ "search" : "prev",
143
+ "replace" : "next"
144
+ } ]
145
+ } */
146
+ .carousel-control-prev-icon {
147
+ background-image: escape-svg($carousel-control-prev-icon-bg);
148
+ }
149
+ .carousel-control-next-icon {
150
+ background-image: escape-svg($carousel-control-next-icon-bg);
151
+ }
152
+
153
+ // Optional indicator pips/controls
154
+ //
155
+ // Add a container (such as a list) with the following class and add an item (ideally a focusable control,
156
+ // like a button) with data-bs-target for each slide your carousel holds.
157
+
158
+ .carousel-indicators {
159
+ position: absolute;
160
+ right: 0;
161
+ bottom: 0;
162
+ left: 0;
163
+ z-index: 2;
164
+ display: flex;
165
+ justify-content: center;
166
+ padding: 0;
167
+ // Use the .carousel-control's width as margin so we don't overlay those
168
+ margin-right: $carousel-control-width;
169
+ margin-bottom: 1rem;
170
+ margin-left: $carousel-control-width;
171
+ list-style: none;
172
+
173
+ [data-bs-target] {
174
+ box-sizing: content-box;
175
+ flex: 0 1 auto;
176
+ width: $carousel-indicator-width;
177
+ height: $carousel-indicator-height;
178
+ padding: 0;
179
+ margin-right: $carousel-indicator-spacer;
180
+ margin-left: $carousel-indicator-spacer;
181
+ text-indent: -999px;
182
+ cursor: pointer;
183
+ background-color: $carousel-indicator-active-bg;
184
+ background-clip: padding-box;
185
+ border: 0;
186
+ // Use transparent borders to increase the hit area by 10px on top and bottom.
187
+ border-top: $carousel-indicator-hit-area-height solid transparent;
188
+ border-bottom: $carousel-indicator-hit-area-height solid transparent;
189
+ opacity: $carousel-indicator-opacity;
190
+ @include transition($carousel-indicator-transition);
191
+ }
192
+
193
+ .active {
194
+ opacity: $carousel-indicator-active-opacity;
195
+ }
196
+ }
197
+
198
+
199
+ // Optional captions
200
+ //
201
+ //
202
+
203
+ .carousel-caption {
204
+ position: absolute;
205
+ right: (100% - $carousel-caption-width) * .5;
206
+ bottom: $carousel-caption-spacer;
207
+ left: (100% - $carousel-caption-width) * .5;
208
+ padding-top: $carousel-caption-padding-y;
209
+ padding-bottom: $carousel-caption-padding-y;
210
+ color: $carousel-caption-color;
211
+ text-align: center;
212
+ }
213
+
214
+ // Dark mode carousel
215
+
216
+ .carousel-dark {
217
+ .carousel-control-prev-icon,
218
+ .carousel-control-next-icon {
219
+ filter: $carousel-dark-control-icon-filter;
220
+ }
221
+
222
+ .carousel-indicators [data-bs-target] {
223
+ background-color: $carousel-dark-indicator-active-bg;
224
+ }
225
+
226
+ .carousel-caption {
227
+ color: $carousel-dark-caption-color;
228
+ }
229
+ }
package/_close.scss CHANGED
@@ -1,40 +1,40 @@
1
- // Transparent background and border properties included for button version.
2
- // iOS requires the button element instead of an anchor tag.
3
- // If you want the anchor version, it requires `href="#"`.
4
- // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
5
-
6
- .btn-close {
7
- box-sizing: content-box;
8
- width: $btn-close-width;
9
- height: $btn-close-height;
10
- padding: $btn-close-padding-y $btn-close-padding-x;
11
- color: $btn-close-color;
12
- background: transparent escape-svg($btn-close-bg) center / $btn-close-width auto no-repeat; // include transparent for button elements
13
- border: 0; // for button elements
14
- @include border-radius();
15
- opacity: $btn-close-opacity;
16
-
17
- // Override <a>'s hover style
18
- &:hover {
19
- color: $btn-close-color;
20
- text-decoration: none;
21
- opacity: $btn-close-hover-opacity;
22
- }
23
-
24
- &:focus {
25
- outline: 0;
26
- box-shadow: $btn-close-focus-shadow;
27
- opacity: $btn-close-focus-opacity;
28
- }
29
-
30
- &:disabled,
31
- &.disabled {
32
- pointer-events: none;
33
- user-select: none;
34
- opacity: $btn-close-disabled-opacity;
35
- }
36
- }
37
-
38
- .btn-close-white {
39
- filter: $btn-close-white-filter;
40
- }
1
+ // Transparent background and border properties included for button version.
2
+ // iOS requires the button element instead of an anchor tag.
3
+ // If you want the anchor version, it requires `href="#"`.
4
+ // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
5
+
6
+ .btn-close {
7
+ box-sizing: content-box;
8
+ width: $btn-close-width;
9
+ height: $btn-close-height;
10
+ padding: $btn-close-padding-y $btn-close-padding-x;
11
+ color: $btn-close-color;
12
+ background: transparent escape-svg($btn-close-bg) center / $btn-close-width auto no-repeat; // include transparent for button elements
13
+ border: 0; // for button elements
14
+ @include border-radius();
15
+ opacity: $btn-close-opacity;
16
+
17
+ // Override <a>'s hover style
18
+ &:hover {
19
+ color: $btn-close-color;
20
+ text-decoration: none;
21
+ opacity: $btn-close-hover-opacity;
22
+ }
23
+
24
+ &:focus {
25
+ outline: 0;
26
+ box-shadow: $btn-close-focus-shadow;
27
+ opacity: $btn-close-focus-opacity;
28
+ }
29
+
30
+ &:disabled,
31
+ &.disabled {
32
+ pointer-events: none;
33
+ user-select: none;
34
+ opacity: $btn-close-disabled-opacity;
35
+ }
36
+ }
37
+
38
+ .btn-close-white {
39
+ filter: $btn-close-white-filter;
40
+ }
package/_containers.scss CHANGED
@@ -1,41 +1,41 @@
1
- // Container widths
2
- //
3
- // Set the container width, and override it for fixed navbars in media queries.
4
-
5
- @if $enable-container-classes {
6
- // Single container class with breakpoint max-widths
7
- .container,
8
- // 100% wide container at all breakpoints
9
- .container-fluid {
10
- @include make-container();
11
- }
12
-
13
- // Responsive containers that are 100% wide until a breakpoint
14
- @each $breakpoint, $container-max-width in $container-max-widths {
15
- .container-#{$breakpoint} {
16
- @extend .container-fluid;
17
- }
18
-
19
- @include media-breakpoint-up($breakpoint, $grid-breakpoints) {
20
- %responsive-container-#{$breakpoint} {
21
- max-width: $container-max-width;
22
- }
23
-
24
- // Extend each breakpoint which is smaller or equal to the current breakpoint
25
- $extend-breakpoint: true;
26
-
27
- @each $name, $width in $grid-breakpoints {
28
- @if ($extend-breakpoint) {
29
- .container#{breakpoint-infix($name, $grid-breakpoints)} {
30
- @extend %responsive-container-#{$breakpoint};
31
- }
32
-
33
- // Once the current breakpoint is reached, stop extending
34
- @if ($breakpoint == $name) {
35
- $extend-breakpoint: false;
36
- }
37
- }
38
- }
39
- }
40
- }
41
- }
1
+ // Container widths
2
+ //
3
+ // Set the container width, and override it for fixed navbars in media queries.
4
+
5
+ @if $enable-container-classes {
6
+ // Single container class with breakpoint max-widths
7
+ .container,
8
+ // 100% wide container at all breakpoints
9
+ .container-fluid {
10
+ @include make-container();
11
+ }
12
+
13
+ // Responsive containers that are 100% wide until a breakpoint
14
+ @each $breakpoint, $container-max-width in $container-max-widths {
15
+ .container-#{$breakpoint} {
16
+ @extend .container-fluid;
17
+ }
18
+
19
+ @include media-breakpoint-up($breakpoint, $grid-breakpoints) {
20
+ %responsive-container-#{$breakpoint} {
21
+ max-width: $container-max-width;
22
+ }
23
+
24
+ // Extend each breakpoint which is smaller or equal to the current breakpoint
25
+ $extend-breakpoint: true;
26
+
27
+ @each $name, $width in $grid-breakpoints {
28
+ @if ($extend-breakpoint) {
29
+ .container#{breakpoint-infix($name, $grid-breakpoints)} {
30
+ @extend %responsive-container-#{$breakpoint};
31
+ }
32
+
33
+ // Once the current breakpoint is reached, stop extending
34
+ @if ($breakpoint == $name) {
35
+ $extend-breakpoint: false;
36
+ }
37
+ }
38
+ }
39
+ }
40
+ }
41
+ }