@mtvh/mtvh-design-system 0.0.33 → 0.0.34
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.
- package/assets/scss/app.scss +91 -1
- package/assets/scss/components/_alert.scss +1 -0
- package/assets/scss/components/_all.scss +2 -0
- package/assets/scss/components/_banner.scss +1 -0
- package/assets/scss/components/_button-circle.scss +3 -0
- package/assets/scss/components/_button.scss +17 -0
- package/assets/scss/components/_form.scss +4 -5
- package/assets/scss/components/_good-to-know.scss +5 -0
- package/assets/scss/components/_progress-bar.scss +29 -0
- package/assets/scss/components/_space-selection.scss +9 -1
- package/assets/scss/components/_stepper.scss +26 -1
- package/assets/scss/components/_tabs.scss +21 -0
- package/assets/scss/config/_icon-list.scss +18 -6
- package/assets/scss/config/_palette.scss +2 -2
- package/assets/scss/config/_variables.scss +14 -5
- package/assets/scss/forms/_credit-card-form.scss +9 -2
- package/assets/scss/forms/_file-upload.scss +119 -0
- package/assets/scss/forms/_form-chip.scss +53 -31
- package/assets/scss/forms/_form-control.scss +1 -5
- package/assets/scss/forms/_formio.scss +4 -0
- package/assets/scss/forms/_validation.scss +12 -0
- package/assets/scss/mixins/_butttons.scss +1 -1
- package/assets/scss/mixins/_form.scss +1 -1
- package/assets/scss/mixins/_style.scss +23 -0
- package/assets/scss/mtvh.scss +1 -1
- package/dist/mtvh.min.css +3 -3
- package/package.json +1 -1
package/assets/scss/app.scss
CHANGED
|
@@ -1,7 +1,97 @@
|
|
|
1
1
|
@import "mtvh";
|
|
2
2
|
|
|
3
|
+
|
|
4
|
+
// 1. Include functions first (so you can manipulate colors, SVGs, calc, etc)
|
|
5
|
+
@import "bootstrap/scss/functions";
|
|
6
|
+
|
|
3
7
|
// 2. Include any default variable overrides here
|
|
4
|
-
@import "../../node_modules/@thulite/doks-core/assets/scss/
|
|
8
|
+
@import "../../node_modules/@thulite/doks-core/assets/scss/common/colors";
|
|
9
|
+
@import "../../node_modules/@thulite/doks-core/assets/scss/common/variables-overrides";
|
|
10
|
+
|
|
11
|
+
// 3. Include remainder of required Bootstrap stylesheets (including any separate color mode stylesheets)
|
|
12
|
+
@import "bootstrap/scss/variables";
|
|
13
|
+
@import "bootstrap/scss/variables-dark";
|
|
14
|
+
|
|
15
|
+
// 4. Include any default map overrides here
|
|
16
|
+
|
|
17
|
+
// 5. Include remainder of required parts
|
|
18
|
+
@import "bootstrap/scss/maps";
|
|
19
|
+
@import "bootstrap/scss/mixins";
|
|
20
|
+
@import "bootstrap/scss/root";
|
|
21
|
+
|
|
22
|
+
// 6. Optionally include any other parts as needed
|
|
23
|
+
|
|
24
|
+
// Layout & components
|
|
25
|
+
@import "bootstrap/scss/utilities";
|
|
26
|
+
@import "bootstrap/scss/reboot";
|
|
27
|
+
@import "bootstrap/scss/type";
|
|
28
|
+
@import "bootstrap/scss/images";
|
|
29
|
+
@import "bootstrap/scss/containers";
|
|
30
|
+
@import "bootstrap/scss/grid";
|
|
31
|
+
@import "bootstrap/scss/helpers";
|
|
32
|
+
@import "bootstrap/scss/tables";
|
|
33
|
+
@import "bootstrap/scss/forms";
|
|
34
|
+
@import "bootstrap/scss/buttons";
|
|
35
|
+
@import "bootstrap/scss/transitions";
|
|
36
|
+
@import "bootstrap/scss/dropdown";
|
|
37
|
+
@import "bootstrap/scss/button-group";
|
|
38
|
+
@import "bootstrap/scss/nav";
|
|
39
|
+
@import "bootstrap/scss/navbar";
|
|
40
|
+
@import "bootstrap/scss/card";
|
|
41
|
+
@import "bootstrap/scss/accordion";
|
|
42
|
+
@import "bootstrap/scss/breadcrumb";
|
|
43
|
+
@import "bootstrap/scss/pagination";
|
|
44
|
+
@import "bootstrap/scss/badge";
|
|
45
|
+
@import "bootstrap/scss/alert";
|
|
46
|
+
@import "bootstrap/scss/progress";
|
|
47
|
+
@import "bootstrap/scss/list-group";
|
|
48
|
+
@import "bootstrap/scss/close";
|
|
49
|
+
@import "bootstrap/scss/toasts";
|
|
50
|
+
@import "bootstrap/scss/modal";
|
|
51
|
+
@import "bootstrap/scss/tooltip";
|
|
52
|
+
@import "bootstrap/scss/popover";
|
|
53
|
+
@import "bootstrap/scss/carousel";
|
|
54
|
+
@import "bootstrap/scss/spinners";
|
|
55
|
+
@import "bootstrap/scss/offcanvas";
|
|
56
|
+
@import "bootstrap/scss/placeholders";
|
|
57
|
+
|
|
58
|
+
// 7. Optionally include utilities API last to generate classes based on the Sass map in `_utilities.scss`
|
|
59
|
+
@import "bootstrap/scss/utilities/api";
|
|
60
|
+
|
|
61
|
+
// 8. Add additional custom code here
|
|
62
|
+
//@import "common/fonts";
|
|
63
|
+
@import "../../node_modules/@thulite/doks-core/assets/scss/common/global";
|
|
64
|
+
@import "../../node_modules/@thulite/doks-core/assets/scss/common/syntax";
|
|
65
|
+
@import "../../node_modules/@thulite/doks-core/assets/scss/common/dark";
|
|
66
|
+
//@import "components/alerts";
|
|
67
|
+
//@import "components/buttons";
|
|
68
|
+
@import "../../node_modules/@thulite/doks-core/assets/scss/components/callouts";
|
|
69
|
+
@import "../../node_modules/@thulite/doks-core/assets/scss/components/expressive-code";
|
|
70
|
+
@import "../../node_modules/@thulite/doks-core/assets/scss/components/code";
|
|
71
|
+
@import "../../node_modules/@thulite/doks-core/assets/scss/components/comments";
|
|
72
|
+
@import "../../node_modules/@thulite/doks-core/assets/scss/components/details";
|
|
73
|
+
//@import "components/forms";
|
|
74
|
+
@import "../../node_modules/@thulite/doks-core/assets/scss/components/images";
|
|
75
|
+
@import "../../node_modules/@thulite/doks-core/assets/scss/components/mermaid";
|
|
76
|
+
@import "../../node_modules/@thulite/doks-core/assets/scss/components/modals";
|
|
77
|
+
@import "../../node_modules/@thulite/doks-core/assets/scss/components/search";
|
|
78
|
+
@import "../../node_modules/@thulite/doks-core/assets/scss/components/section-nav";
|
|
79
|
+
//@import "components/steps";
|
|
80
|
+
//@import "components/tables";
|
|
81
|
+
//@import "components/tabs";
|
|
82
|
+
@import "../../node_modules/@thulite/doks-core/assets/scss/layouts/footer";
|
|
83
|
+
@import "../../node_modules/@thulite/doks-core/assets/scss/layouts/header";
|
|
84
|
+
@import "../../node_modules/@thulite/doks-core/assets/scss/layouts/pages";
|
|
85
|
+
@import "../../node_modules/@thulite/doks-core/assets/scss/layouts/sidebar";
|
|
86
|
+
|
|
87
|
+
/*
|
|
88
|
+
body {
|
|
89
|
+
background-color: {{ site.Params.doks.backGround }};
|
|
90
|
+
}
|
|
91
|
+
*/
|
|
92
|
+
|
|
93
|
+
// 9. Custom styles
|
|
94
|
+
@import "common/custom";
|
|
5
95
|
|
|
6
96
|
// 9. Custom styles
|
|
7
97
|
@import "common/custom";
|
|
@@ -62,6 +62,23 @@ $mtvh-buttons: (
|
|
|
62
62
|
border-active: var(--mtvh-blue-06),
|
|
63
63
|
border-color-disabled: var(--mtvh-grey-06),
|
|
64
64
|
),
|
|
65
|
+
outline-primary-filled: (
|
|
66
|
+
text-color: var(--mtvh-blue-04),
|
|
67
|
+
text-color-hover: var(--mtvh-blue-05),
|
|
68
|
+
text-color-active: var(--mtvh-blue-06),
|
|
69
|
+
text-color-focus: var(--mtvh-blue-05),
|
|
70
|
+
text-color-disabled: var(--mtvh-grey-06),
|
|
71
|
+
background: var(--mtvh-white),
|
|
72
|
+
background-hover: var(--mtvh-white),
|
|
73
|
+
background-focus: var(--mtvh-white),
|
|
74
|
+
background-disabled: var(--mtvh-white),
|
|
75
|
+
background-active: var(--mtvh-white),
|
|
76
|
+
border: var(--mtvh-blue-04),
|
|
77
|
+
border-hover: var(--mtvh-blue-05),
|
|
78
|
+
border-focus: var(--mtvh-blue-05),
|
|
79
|
+
border-active: var(--mtvh-blue-06),
|
|
80
|
+
border-color-disabled: var(--mtvh-grey-06),
|
|
81
|
+
),
|
|
65
82
|
outline-light: (
|
|
66
83
|
text-color: var(--mtvh-white),
|
|
67
84
|
text-color-hover: var(--mtvh-grey-04),
|
|
@@ -15,6 +15,7 @@
|
|
|
15
15
|
@import "../forms/mtvho-contact-phone";
|
|
16
16
|
@import "../forms/mtvho-contact-email";
|
|
17
17
|
@import "../forms/mtvh-address";
|
|
18
|
+
@import "../forms/file-upload";
|
|
18
19
|
}
|
|
19
20
|
|
|
20
21
|
.mtvh-form,
|
|
@@ -58,6 +59,7 @@ formio {
|
|
|
58
59
|
display: none;
|
|
59
60
|
--#{$prefix}form-group-padding-y: 0;
|
|
60
61
|
}
|
|
62
|
+
|
|
61
63
|
}
|
|
62
64
|
|
|
63
65
|
label.field-required,
|
|
@@ -91,7 +93,7 @@ formio {
|
|
|
91
93
|
--#{$prefix}form-control-input-width: #{$input-width-size-lg};
|
|
92
94
|
|
|
93
95
|
@include media-breakpoint-up("md") {
|
|
94
|
-
--#{$prefix}form-max-width:
|
|
96
|
+
--#{$prefix}form-max-width: unset;
|
|
95
97
|
}
|
|
96
98
|
@include media-breakpoint-up("lg") {
|
|
97
99
|
--#{$prefix}form-group-padding-y: #{$form-group-lg-margin-bottom};
|
|
@@ -132,8 +134,5 @@ formio {
|
|
|
132
134
|
|
|
133
135
|
.mtvh-form-container-required {
|
|
134
136
|
font-size: $font-size-xs;
|
|
135
|
-
padding: 0 0 $mtvh-spacing-
|
|
136
|
-
@include media-breakpoint-down("lg") {
|
|
137
|
-
padding-bottom: $mtvh-spacing-7;
|
|
138
|
-
}
|
|
137
|
+
padding: 0 0 $mtvh-spacing-7 0;
|
|
139
138
|
}
|
|
@@ -26,6 +26,10 @@
|
|
|
26
26
|
margin-right: $spacing-unit;
|
|
27
27
|
border-bottom: 1px solid var(--mtvh-yellow-03);
|
|
28
28
|
|
|
29
|
+
@include media-breakpoint-up(lg) {
|
|
30
|
+
margin-left: $mtvh-spacing-6;
|
|
31
|
+
}
|
|
32
|
+
|
|
29
33
|
h3,
|
|
30
34
|
h4,
|
|
31
35
|
h5,
|
|
@@ -41,6 +45,7 @@
|
|
|
41
45
|
font-family: $font-family-sans-serif;
|
|
42
46
|
font-size: $font-size-base;
|
|
43
47
|
line-height: $line-height-base;
|
|
48
|
+
margin: unset;
|
|
44
49
|
}
|
|
45
50
|
|
|
46
51
|
a {
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
.progress {
|
|
2
|
+
border: 1px solid var(--#{$prefix}purple-05);
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
.progress-container {
|
|
7
|
+
background-color: var(--#{$prefix}purple-01);
|
|
8
|
+
padding: $mtvh-spacing-3;
|
|
9
|
+
button {
|
|
10
|
+
cursor: pointer;
|
|
11
|
+
}
|
|
12
|
+
.fileName {
|
|
13
|
+
display: flex;
|
|
14
|
+
align-items: center;
|
|
15
|
+
}
|
|
16
|
+
.name {
|
|
17
|
+
flex: 1 100px;
|
|
18
|
+
display: flex;
|
|
19
|
+
}
|
|
20
|
+
@include media-breakpoint-up("lg") {
|
|
21
|
+
padding: $mtvh-spacing-5;
|
|
22
|
+
}
|
|
23
|
+
.progress {
|
|
24
|
+
margin-top: $mtvh-spacing-3;
|
|
25
|
+
@include media-breakpoint-up("lg") {
|
|
26
|
+
margin-top: $mtvh-spacing-5;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
}
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
fieldset.space-selection {
|
|
2
2
|
--#{$prefix}icon-right-spacing: #{$button-icon-spacing};
|
|
3
3
|
|
|
4
|
+
.form-check {
|
|
5
|
+
margin-bottom: $mtvh-spacing-4;
|
|
6
|
+
}
|
|
7
|
+
|
|
4
8
|
input {
|
|
5
9
|
@extend .btn-check;
|
|
6
10
|
}
|
|
@@ -8,7 +12,7 @@ fieldset.space-selection {
|
|
|
8
12
|
input + label {
|
|
9
13
|
display: flex;
|
|
10
14
|
align-items: center;
|
|
11
|
-
padding: $mtvh-spacing-3 $mtvh-spacing-
|
|
15
|
+
padding: $mtvh-spacing-3 $mtvh-spacing-5;
|
|
12
16
|
border: 1px solid var(--mtvh-grey-06);
|
|
13
17
|
border-radius: 0.5rem;
|
|
14
18
|
background-color: var(--mtvh-grey-02);
|
|
@@ -25,6 +29,10 @@ fieldset.space-selection {
|
|
|
25
29
|
div {
|
|
26
30
|
flex-direction: column;
|
|
27
31
|
}
|
|
32
|
+
|
|
33
|
+
@include media-breakpoint-up(lg) {
|
|
34
|
+
max-width: 336px;
|
|
35
|
+
}
|
|
28
36
|
}
|
|
29
37
|
|
|
30
38
|
input:checked + label {
|
|
@@ -9,16 +9,21 @@
|
|
|
9
9
|
@mixin stepper-small-count {
|
|
10
10
|
counter-increment: count-1;
|
|
11
11
|
content: counter(count);
|
|
12
|
+
position: absolute;
|
|
12
13
|
}
|
|
13
14
|
@mixin stepper-small-position {
|
|
14
15
|
opacity: 0;
|
|
15
|
-
position: absolute;
|
|
16
16
|
top: 80px;
|
|
17
17
|
left: 0;
|
|
18
18
|
margin-left: auto;
|
|
19
19
|
text-align: center;
|
|
20
20
|
color: var(--#{$prefix}stepper-sm-font-color);
|
|
21
21
|
width: 100%;
|
|
22
|
+
min-height: $input-min-height;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
@mixin stepper-small-position-active {
|
|
26
|
+
position: absolute;
|
|
22
27
|
}
|
|
23
28
|
|
|
24
29
|
.mtvh-stepper {
|
|
@@ -51,7 +56,9 @@
|
|
|
51
56
|
}
|
|
52
57
|
}
|
|
53
58
|
|
|
59
|
+
|
|
54
60
|
.mtvh-stepper-item {
|
|
61
|
+
|
|
55
62
|
align-items: center;
|
|
56
63
|
display: flex;
|
|
57
64
|
justify-content: center;
|
|
@@ -68,6 +75,10 @@
|
|
|
68
75
|
margin-right: 4px;
|
|
69
76
|
}
|
|
70
77
|
|
|
78
|
+
&:only-child {
|
|
79
|
+
color: blue;
|
|
80
|
+
}
|
|
81
|
+
|
|
71
82
|
&:has(a + span),
|
|
72
83
|
&:has(span + a),
|
|
73
84
|
&.completed {
|
|
@@ -157,9 +168,16 @@
|
|
|
157
168
|
a {
|
|
158
169
|
opacity: 1;
|
|
159
170
|
@include active-link-style;
|
|
171
|
+
@include media-breakpoint-down($stepper-breakpoint) {
|
|
172
|
+
@include stepper-small-position-active;
|
|
173
|
+
}
|
|
160
174
|
}
|
|
161
175
|
}
|
|
162
176
|
}
|
|
177
|
+
.mtvh-stepper-item:only-child {
|
|
178
|
+
border-radius: 50px;
|
|
179
|
+
}
|
|
180
|
+
|
|
163
181
|
}
|
|
164
182
|
|
|
165
183
|
.mtvh-stepper-small {
|
|
@@ -169,6 +187,13 @@
|
|
|
169
187
|
span {
|
|
170
188
|
@include stepper-small-position;
|
|
171
189
|
}
|
|
190
|
+
&.active {
|
|
191
|
+
a,
|
|
192
|
+
span {
|
|
193
|
+
@include stepper-small-position-active;
|
|
194
|
+
|
|
195
|
+
}
|
|
196
|
+
}
|
|
172
197
|
&:before {
|
|
173
198
|
@include stepper-small-count;
|
|
174
199
|
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
.nav {
|
|
2
|
+
li {
|
|
3
|
+
margin: 0 $mtvh-spacing-2 0 0;
|
|
4
|
+
}
|
|
5
|
+
.nav-link {
|
|
6
|
+
border: $nav-tabs-border-width solid $nav-tabs-border-color;
|
|
7
|
+
|
|
8
|
+
&.active {
|
|
9
|
+
border: $nav-tabs-border-width solid $nav-tabs-border-color;
|
|
10
|
+
//border-bottom: $nav-tabs-border-width solid var(--#{$prefix}grey-01)
|
|
11
|
+
border-bottom-color: var(--#{$prefix}grey-01);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
&:hover {
|
|
15
|
+
background-color: var(--#{$prefix}grey-02);
|
|
16
|
+
}
|
|
17
|
+
&:focus-visible {
|
|
18
|
+
@include focus-style;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}
|
|
@@ -40,6 +40,10 @@ $icons: (
|
|
|
40
40
|
'<svg width="21" height="20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.39 12.825V16c0 .283.096.52.288.712.192.192.43.288.713.288s.52-.096.712-.288a.968.968 0 0 0 .288-.712v-3.175l.9.9c.1.1.212.175.337.225.125.05.25.07.375.063a1.038 1.038 0 0 0 .688-.313c.183-.2.279-.433.287-.7a.916.916 0 0 0-.287-.7l-2.6-2.6a.877.877 0 0 0-.325-.212 1.106 1.106 0 0 0-.375-.063c-.134 0-.259.02-.375.063a.877.877 0 0 0-.325.212l-2.6 2.6c-.2.2-.296.433-.288.7.008.267.113.5.313.7.2.183.433.28.7.288.266.008.5-.088.7-.288l.875-.875ZM4.39 20c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 2.391 18V2c0-.55.195-1.02.587-1.413A1.926 1.926 0 0 1 4.391 0h7.175a1.974 1.974 0 0 1 1.4.575l4.85 4.85a1.975 1.975 0 0 1 .575 1.4V18c0 .55-.196 1.02-.588 1.413a1.926 1.926 0 0 1-1.412.587h-12Zm7-14V2h-7v16h12V7h-4a.968.968 0 0 1-.712-.287.968.968 0 0 1-.287-.713Z" fill="#000"/></svg>',
|
|
41
41
|
"delete":
|
|
42
42
|
'<svg width="21" height="20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.242 19c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 3.242 17V4a.968.968 0 0 1-.712-.288A.968.968 0 0 1 2.242 3c0-.283.096-.52.288-.712A.968.968 0 0 1 3.242 2h4c0-.283.096-.52.288-.712A.968.968 0 0 1 8.242 1h4c.283 0 .521.096.713.288.191.191.287.429.287.712h4c.284 0 .521.096.713.288.191.191.287.429.287.712s-.096.52-.287.712a.968.968 0 0 1-.713.288v13c0 .55-.196 1.02-.587 1.413a1.926 1.926 0 0 1-1.413.587h-10Zm10-15h-10v13h10V4Zm-7 11c.284 0 .521-.096.713-.287A.968.968 0 0 0 9.242 14V7a.968.968 0 0 0-.287-.713A.968.968 0 0 0 8.242 6a.968.968 0 0 0-.712.287.968.968 0 0 0-.288.713v7c0 .283.096.52.288.713.191.191.429.287.712.287Zm4 0c.283 0 .521-.096.713-.287a.968.968 0 0 0 .287-.713V7a.967.967 0 0 0-.287-.713.968.968 0 0 0-.713-.287.968.968 0 0 0-.712.287.967.967 0 0 0-.288.713v7c0 .283.096.52.288.713.191.191.429.287.712.287Z" fill="#0072BF"/></svg>',
|
|
43
|
+
"edit":
|
|
44
|
+
'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"><path fill="#0072BF" d="M2.205 18.97a.916.916 0 0 1-.912-.263.916.916 0 0 1-.263-.912l1-4.774L6.98 17.97l-4.774 1Zm4.774-1L2.03 13.02 13.477 1.575C13.86 1.192 14.335 1 14.9 1c.567 0 1.042.192 1.425.575l2.1 2.1c.382.382.574.857.574 1.424 0 .566-.192 1.041-.575 1.424L6.98 17.97ZM14.9 2.974 4.554 13.321l2.125 2.125L17.026 5.099 14.9 2.974Z"/></svg>',
|
|
45
|
+
"add":
|
|
46
|
+
'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"><path fill="#0072BF" d="M8.714 11.286H2.286c-.365 0-.67-.123-.916-.37A1.244 1.244 0 0 1 1 10c0-.364.123-.67.37-.916.246-.246.551-.37.916-.37h6.428V2.286c0-.365.123-.67.37-.916C9.33 1.123 9.636 1 10 1s.67.123.916.37c.246.246.37.551.37.916v6.428h6.428c.365 0 .67.123.916.37.247.246.37.552.37.916s-.123.67-.37.916c-.246.246-.551.37-.916.37h-6.428v6.428c0 .365-.123.67-.37.916-.246.247-.552.37-.916.37s-.67-.123-.916-.37a1.244 1.244 0 0 1-.37-.916v-6.428Z"/></svg>',
|
|
43
47
|
"update":
|
|
44
48
|
'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 28 28"><path fill="#000" d="M19.72 2.069a.905.905 0 0 1 .716.053.897.897 0 0 1 .467.537l1.383 4.202c.099.301.078.593-.064.875a1.106 1.106 0 0 1-.666.57l-4.2 1.383a.892.892 0 0 1-.713-.056.91.91 0 0 1-.465-.542.908.908 0 0 1 .052-.712.893.893 0 0 1 .542-.469l2.361-.778a10.064 10.064 0 0 0-3.887-1.452 8.762 8.762 0 0 0-4.11.35c-2.456.809-4.26 2.349-5.41 4.62-1.152 2.27-1.324 4.633-.517 7.087.805 2.443 2.343 4.239 4.614 5.386 2.27 1.148 4.631 1.319 7.08.512 2.044-.673 3.65-1.9 4.815-3.682 1.166-1.781 1.664-3.728 1.493-5.841-.01-.269.061-.5.213-.692a.993.993 0 0 1 .608-.363.874.874 0 0 1 .722.165c.21.16.322.375.333.64.235 2.562-.35 4.923-1.752 7.082-1.402 2.159-3.351 3.649-5.846 4.47-1.466.483-2.93.657-4.395.524a11.3 11.3 0 0 1-4.102-1.161 11.301 11.301 0 0 1-3.371-2.609c-.978-1.098-1.708-2.38-2.19-3.846-.484-1.467-.658-2.933-.524-4.398.133-1.464.52-2.831 1.16-4.101a11.268 11.268 0 0 1 2.62-3.375c1.105-.98 2.392-1.711 3.86-2.195a10.794 10.794 0 0 1 4.747-.473c1.607.197 3.115.72 4.522 1.568l-.691-2.1a.904.904 0 0 1 .052-.71.895.895 0 0 1 .542-.47Z"/><path fill="#000" d="M13.933 9.282c.26 0 .482.092.665.276a.899.899 0 0 1 .274.657v5.244l3.638 3.639a.94.94 0 0 1 0 1.333.907.907 0 0 1-1.329-.003l-3.845-3.872a1.128 1.128 0 0 1-.254-.374 1.133 1.133 0 0 1-.083-.43v-5.537c0-.254.092-.473.273-.657a.895.895 0 0 1 .661-.276Z"/></svg>',
|
|
45
49
|
"envelop":
|
|
@@ -65,17 +69,17 @@ $icons: (
|
|
|
65
69
|
"border-info":
|
|
66
70
|
'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 28 27"><path d="M9.724 2.08c-4.73 0-9.822 5.362-8.731 11.082 2.183 13.226 22.919 15.729 22.919 2.145S14.453 2.08 9.724 2.08Z"/><path fill="#000" d="M15.89 7.284c-.304-.575-.542-.75-.936-.945-.747-.365-1.563-.084-1.99.58-.103.166-.19.34-.24.536-.154.604-.02 1.298.285 1.798.35.577 1.052.835 1.682.612.598-.209 1.27-.775 1.2-1.455a.901.901 0 0 1 .034-.22c.053-.237.132-.592-.007-.856l-.027-.05ZM13.431 11.653c.469-.516 1.281-.573 1.758-.024v.007c.796.911.742 2.266.693 3.458-.01.254-.02.5-.021.733-.003.261-.002.525 0 .79.004 1.231.01 2.487-.311 3.679-.274 1.017-2.405 1.146-2.624.034-.203-1.044-.187-2.106-.17-3.166.006-.434.012-.868.004-1.3-.004-.218-.016-.45-.027-.687-.06-1.21-.13-2.612.698-3.524Z"/><path fill="#000" fill-rule="evenodd" d="M12.992 1.139a9.882 9.882 0 0 1 1.66-.27h.005c.21-.017.419-.025.628-.025.348 0 .695.021 1.047.051a8.95 8.95 0 0 1 3.652 1.12c.124.035.249.086.37.15.114.059.23.116.347.174.404.199.813.4 1.175.656.325.23.642.47.953.718.65.509 1.287 1.048 1.875 1.625a8.03 8.03 0 0 1 1.648 2.34c.303.658.566 1.338.726 2.039.17.736.25 1.48.285 2.232.014.26-.007.525-.027.787l-.018.235c-.018.3-.053.599-.093.898-.192 1.429-.575 2.831-1.203 4.14-.342.71-.708 1.394-1.113 2.07-.387.64-.864 1.223-1.358 1.787a15.018 15.018 0 0 1-1.621 1.582c-.268.225-.563.427-.856.628l-.057.04c-.325.222-.66.448-1.011.632-.757.39-1.532.71-2.347.97-.33.108-.668.18-1.011.24-.637.112-1.296.193-1.942.167-1.456-.06-2.939-.26-4.297-.791a18.956 18.956 0 0 1-2.174-.983c-.596-.325-1.197-.663-1.732-1.078-.614-.48-1.202-.958-1.75-1.501a11.185 11.185 0 0 1-1.323-1.62c-.37-.54-.748-1.096-1.02-1.686-.32-.71-.6-1.424-.828-2.168-.21-.684-.285-1.398-.325-2.108a6.764 6.764 0 0 1 0-.996c.08-.787.205-1.557.379-2.33.142-.642.423-1.258.708-1.848.316-.659.668-1.296 1.122-1.873.48-.612.993-1.232 1.58-1.754a24.366 24.366 0 0 1 1.738-1.394A16.496 16.496 0 0 1 8.76 2.777c.615-.325 1.243-.642 1.902-.886a24.133 24.133 0 0 1 2.329-.752Zm5.081 2.8a10.65 10.65 0 0 0-1.483-.431v.004a9.936 9.936 0 0 0-1.817-.09c-.86.12-1.688.351-2.512.612-.628.235-1.247.483-1.834.795-.646.342-1.27.706-1.884 1.095-.499.36-.976.731-1.434 1.137-.401.351-.762.732-1.118 1.12a13.11 13.11 0 0 0-.628.843c-.184.274-.345.555-.508.84l-.026.045a7.631 7.631 0 0 0-.437 1.035c-.129.424-.24.838-.338 1.27l-.01.06a7.543 7.543 0 0 0-.12 1.014c-.008.415-.004.816.018 1.231.103.77.321 1.493.584 2.22l.034.075c.17.377.341.752.558 1.1.232.377.468.745.717 1.108.236.304.472.608.744.881.32.32.646.625.984.924a19.68 19.68 0 0 0 1.536 1.056c.49.307 1.026.551 1.555.793l.07.032.056.022c.383.151.77.304 1.17.415.4.107.797.205 1.202.29.78.107 1.563.167 2.351.12a10.8 10.8 0 0 0 1.875-.427c.312-.125.624-.249.922-.402.365-.189.717-.385 1.069-.6l-.102.074-.103.072c.477-.33.958-.667 1.38-1.06.388-.364.753-.736 1.105-1.125.352-.432.695-.868.98-1.343.285-.474.552-.953.81-1.44.25-.535.468-1.083.66-1.643.178-.526.307-1.06.414-1.6.12-.88.191-1.752.156-2.638a7.264 7.264 0 0 0-.139-.872c-.093-.41-.204-.804-.338-1.202a9.672 9.672 0 0 0-.864-1.62c-.606-.745-1.367-1.377-2.115-1.989a9.848 9.848 0 0 0-.77-.573 9.05 9.05 0 0 0-.87-.5 1.255 1.255 0 0 1-.551-.193 7.854 7.854 0 0 0-.949-.534Z" clip-rule="evenodd"/></svg>',
|
|
67
71
|
"space-home":
|
|
68
|
-
'<svg
|
|
72
|
+
'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 28 28"><path fill="#000" d="M4.902 24.108h5.225v-7.735c0-.388.137-.72.41-.997.275-.278.603-.417.985-.417h4.956c.39 0 .723.14 1.002.417.279.277.418.61.418.997v7.735h5.2V10.956a.853.853 0 0 0-.1-.413 1.11 1.11 0 0 0-.272-.327l-8.183-6.125a.853.853 0 0 0-.543-.18c-.21 0-.39.06-.543.18l-8.183 6.117a1.109 1.109 0 0 0-.272.327.852.852 0 0 0-.1.412v13.16Zm-1.902 0V10.962c0-.451.098-.872.293-1.262.195-.39.485-.722.869-.993l8.183-6.16A2.669 2.669 0 0 1 13.99 2c.613 0 1.176.182 1.689.547l8.183 6.16c.367.271.649.602.844.993.195.39.293.81.293 1.262v13.146c0 .53-.184.979-.55 1.344a1.842 1.842 0 0 1-1.352.548h-5.706c-.382 0-.71-.136-.985-.41a1.362 1.362 0 0 1-.41-1.003v-7.735h-3.969v7.735c0 .396-.139.73-.418 1.004-.279.273-.613.409-1.002.409H4.902c-.534 0-.984-.183-1.351-.548A1.823 1.823 0 0 1 3 24.108Z"/></svg>',
|
|
69
73
|
"space-building":
|
|
70
|
-
'<svg
|
|
74
|
+
'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 28 28"><path fill="#000" d="M3.635 26c-.487 0-.88-.15-1.182-.451-.302-.301-.453-.695-.453-1.18V9.223c0-.485.15-.878.453-1.18.301-.3.695-.45 1.182-.45h3.97V3.63c0-.485.152-.879.453-1.18.302-.3.696-.451 1.183-.451h9.518c.487 0 .88.15 1.183.451.301.301.452.695.452 1.18v9.612h3.971c.487 0 .88.15 1.182.451.302.301.453.694.453 1.18v9.495c0 .485-.15.879-.453 1.18-.301.3-.695.451-1.182.451h-8.117v-5.592h-4.555V26H3.635Zm-.058-1.573h4.029v-4.02h-4.03v4.02Zm0-5.592h4.029v-4.02h-4.03v4.02Zm0-5.65h4.029v-4.02h-4.03v4.02Zm5.605 5.65h4.03v-4.02h-4.03v4.02Zm0-5.65h4.03v-4.02h-4.03v4.02Zm0-5.593h4.03v-4.02h-4.03v4.02Zm5.606 11.243h4.03v-4.02h-4.03v4.02Zm0-5.65h4.03v-4.02h-4.03v4.02Zm0-5.593h4.03v-4.02h-4.03v4.02Zm5.606 16.835h4.03v-4.02h-4.03v4.02Zm0-5.592h4.03v-4.02h-4.03v4.02Z"/></svg>',
|
|
71
75
|
"space-estate":
|
|
72
|
-
'<svg
|
|
76
|
+
'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 28 28"><path fill="#000" d="M13.127 24.71v-6.101H9.906c-1.647 0-3.043-.566-4.188-1.698C4.573 15.78 4 14.402 4 12.774a5.19 5.19 0 0 1 1.175-3.349 7.593 7.593 0 0 1 2.919-2.221c.224-1.945.867-3.382 1.93-4.31C11.085 1.964 12.412 1.5 14 1.5s2.914.464 3.977 1.393c1.062.928 1.705 2.365 1.929 4.31a7.095 7.095 0 0 1 2.936 2.2c.772.98 1.158 2.103 1.158 3.37 0 1.627-.573 3.007-1.718 4.139-1.145 1.131-2.541 1.697-4.188 1.697H14.94v6.1h6.812c.245 0 .457.09.636.267.18.178.27.388.27.63s-.09.452-.27.629a.877.877 0 0 1-.636.265H6.248a.876.876 0 0 1-.637-.267.857.857 0 0 1-.269-.63c0-.242.09-.451.27-.628a.878.878 0 0 1 .636-.266h6.88Zm-3.22-7.892H18.1c1.138 0 2.104-.393 2.898-1.18.794-.786 1.19-1.741 1.19-2.865 0-.906-.268-1.702-.805-2.387-.536-.685-1.252-1.194-2.147-1.525l-1.007-.386-.134-1.14c-.157-1.458-.599-2.497-1.326-3.116-.727-.62-1.65-.929-2.768-.929-1.119 0-2.041.31-2.768.929-.727.619-1.17 1.658-1.326 3.117l-.134 1.127-1.141.464a4.77 4.77 0 0 0-2.03 1.509c-.526.674-.789 1.453-.789 2.337 0 1.124.398 2.079 1.195 2.866.796.786 1.763 1.18 2.9 1.18Z"/></svg>',
|
|
73
77
|
"space-garage":
|
|
74
|
-
'<svg
|
|
78
|
+
'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 28 28"><path fill="#000" d="M4.001 21.643v1.656c0 .334-.122.617-.367.851-.245.233-.543.35-.893.35s-.645-.117-.883-.35a1.146 1.146 0 0 1-.358-.85V13.252c0-.18.014-.36.042-.538.027-.18.076-.355.146-.526L4.153 5.65A3.149 3.149 0 0 1 5.355 4.09a3.28 3.28 0 0 1 1.908-.59h13.474c.704 0 1.34.197 1.909.59.568.393.968.913 1.201 1.561l2.465 6.538c.07.17.119.346.146.526.028.179.042.358.042.538v10.046c0 .334-.122.617-.368.851-.245.233-.542.35-.892.35s-.645-.117-.884-.35A1.147 1.147 0 0 1 24 23.3v-1.657H4Zm.126-10.71h19.746l-1.889-5.07a.918.918 0 0 0-.343-.426.964.964 0 0 0-.544-.151H6.903c-.21 0-.391.05-.544.15a.918.918 0 0 0-.343.426l-1.889 5.072Zm2.994 7.056c.488 0 .91-.173 1.267-.52.357-.347.535-.755.535-1.223 0-.468-.18-.873-.542-1.216a1.79 1.79 0 0 0-1.273-.514c-.488 0-.91.174-1.267.52-.357.348-.535.755-.535 1.223 0 .468.18.874.542 1.216.361.343.786.514 1.273.514Zm13.771 0c.488 0 .91-.173 1.267-.52.357-.347.535-.755.535-1.223 0-.468-.18-.873-.542-1.216a1.79 1.79 0 0 0-1.273-.514c-.488 0-.91.174-1.267.52-.357.348-.535.755-.535 1.223 0 .468.18.874.542 1.216a1.79 1.79 0 0 0 1.273.514ZM3.36 19.857h21.28V12.72H3.36v7.137Z"/></svg>',
|
|
75
79
|
"space-room":
|
|
76
|
-
'<svg
|
|
80
|
+
'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 28 28"><path fill="#000" d="M.912 23.5a.862.862 0 0 1-.641-.28.923.923 0 0 1-.271-.663V5.443a.92.92 0 0 1 .272-.663.865.865 0 0 1 .642-.28c.247 0 .461.093.642.28.18.187.27.408.27.663v11.91h11.7V9.25c0-.536.175-.984.525-1.345.35-.36.783-.541 1.302-.541h8.319c1.207 0 2.23.433 3.07 1.3.838.867 1.258 1.924 1.258 3.17v10.723a.92.92 0 0 1-.272.663.865.865 0 0 1-.642.28.862.862 0 0 1-.642-.28.923.923 0 0 1-.27-.663v-3.318H1.826v3.318a.92.92 0 0 1-.272.663.865.865 0 0 1-.642.28Zm6.323-8.802c-.856 0-1.582-.309-2.18-.927-.597-.619-.896-1.37-.896-2.253s.3-1.634.899-2.25a2.926 2.926 0 0 1 2.18-.926c.856 0 1.582.31 2.18.928.597.618.896 1.369.896 2.252 0 .884-.3 1.634-.898 2.251a2.926 2.926 0 0 1-2.181.925Zm8.118 2.655h10.82v-5.518c0-.711-.242-1.32-.73-1.826-.486-.506-1.071-.759-1.755-.759h-8.335v8.103Zm-8.116-4.506c.351 0 .654-.13.906-.39.252-.262.379-.574.379-.937 0-.363-.127-.675-.379-.936a1.217 1.217 0 0 0-.906-.391c-.352 0-.654.13-.907.391-.252.261-.378.573-.378.936 0 .364.126.675.378.936.253.261.555.391.907.391Z"/></svg>',
|
|
77
81
|
"space-shared-facility":
|
|
78
|
-
'<svg
|
|
82
|
+
'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 28 28"><path fill="#000" d="M4.521 24.5c-.22 0-.42-.09-.597-.27a.911.911 0 0 1-.266-.666v-1.338h-.532a2.995 2.995 0 0 1-2.212-.925C.304 20.684 0 19.923 0 19.016v-6.822c0-.936.321-1.694.964-2.274.643-.58 1.364-.869 2.162-.869v-2.34c0-.907.307-1.67.92-2.286.613-.617 1.37-.925 2.272-.925h15.364c.901 0 1.659.308 2.272.925.613.617.92 1.379.92 2.285v2.341c.82 0 1.546.295 2.178.886.632.59.948 1.343.948 2.257v6.822c0 .907-.305 1.668-.915 2.285a2.995 2.995 0 0 1-2.21.925h-.533v1.338a.981.981 0 0 1-.234.667c-.155.18-.365.269-.63.269a.825.825 0 0 1-.598-.27.909.909 0 0 1-.267-.666v-1.338H5.453v1.338c0 .267-.089.49-.267.669a.903.903 0 0 1-.665.267Zm-1.395-4.08h21.736c.385 0 .705-.134.96-.404.255-.269.382-.602.382-1v-6.811a1.31 1.31 0 0 0-1.33-1.348c-.396 0-.727.128-.995.384a1.266 1.266 0 0 0-.402.953v5.016H4.523v-5.016c0-.379-.134-.696-.402-.953a1.384 1.384 0 0 0-.995-.384c-.377 0-.693.128-.948.384a1.298 1.298 0 0 0-.382.953v6.822c0 .398.127.731.382 1 .255.27.571.404.948.404Zm3.192-5.016h15.364v-3.21c0-.513.122-.987.366-1.422a2.764 2.764 0 0 1 1.03-1.042V6.71c0-.398-.133-.731-.401-1-.268-.27-.6-.404-.995-.404H6.318c-.395 0-.727.134-.995.404-.268.269-.401.602-.401 1v3.02c.443.26.787.608 1.03 1.042.244.435.366.909.366 1.422v3.21Z"/></svg>',
|
|
79
83
|
"printer":
|
|
80
84
|
'<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"><path fill="#000" d="M5.928 19c-.532 0-.987-.19-1.365-.567a1.859 1.859 0 0 1-.568-1.364v-2.112H1.933c-.532 0-.987-.189-1.365-.567A1.859 1.859 0 0 1 0 13.026v-4.12c0-.824.286-1.52.857-2.086a2.846 2.846 0 0 1 2.081-.85h14.124c.825 0 1.52.283 2.087.85.567.566.851 1.262.851 2.086v4.12c0 .53-.19.986-.568 1.364a1.862 1.862 0 0 1-1.365.567h-2.062v2.112c0 .53-.19.986-.568 1.364a1.862 1.862 0 0 1-1.365.567H5.928Zm-3.995-5.974h2.062v-.078c0-.53.19-.985.568-1.364a1.862 1.862 0 0 1 1.365-.567h8.144c.532 0 .987.19 1.365.568.379.378.568.832.568 1.363v.078h2.062v-4.12a.97.97 0 0 0-.29-.716.978.978 0 0 0-.718-.289H2.94a.978.978 0 0 0-.718.289.97.97 0 0 0-.29.716v4.12Zm12.14-7.056V2.931H5.927V5.97H3.995V2.931c0-.53.19-.986.568-1.364A1.862 1.862 0 0 1 5.928 1h8.144c.532 0 .987.19 1.365.567.379.378.568.833.568 1.364V5.97h-1.933Zm1.984 4.416a.932.932 0 0 0 .683-.283.93.93 0 0 0 .283-.682.93.93 0 0 0-.283-.683.931.931 0 0 0-.683-.283.931.931 0 0 0-.683.283.93.93 0 0 0-.284.683.93.93 0 0 0 .284.682.932.932 0 0 0 .683.283Zm-1.985 6.683v-4.12H5.928v4.12h8.144Z"/></svg>',
|
|
81
85
|
"space-sub-block":
|
|
@@ -167,6 +171,14 @@ $mtvh-icons: (
|
|
|
167
171
|
width: $icon-size-scale-sm,
|
|
168
172
|
height: $icon-size-scale-sm,
|
|
169
173
|
),
|
|
174
|
+
"add": (
|
|
175
|
+
width: $icon-size-scale-sm,
|
|
176
|
+
height: $icon-size-scale-sm,
|
|
177
|
+
),
|
|
178
|
+
"edit": (
|
|
179
|
+
width: $icon-size-scale-sm,
|
|
180
|
+
height: $icon-size-scale-sm,
|
|
181
|
+
),
|
|
170
182
|
"printer": (
|
|
171
183
|
width: $icon-size-scale-sm,
|
|
172
184
|
height: $icon-size-scale-sm,
|
|
@@ -26,14 +26,14 @@
|
|
|
26
26
|
--mtvh-green-01: #e7f7e3;
|
|
27
27
|
--mtvh-green-02: #82cc71;
|
|
28
28
|
--mtvh-green-03: #5eaf4b;
|
|
29
|
-
--mtvh-green-04: #
|
|
29
|
+
--mtvh-green-04: #198000;
|
|
30
30
|
--mtvh-green-05: #156402;
|
|
31
31
|
--mtvh-green-06: #0f4902;
|
|
32
32
|
|
|
33
33
|
--mtvh-purple-01: #f6f4ff;
|
|
34
34
|
--mtvh-purple-02: #b49bde;
|
|
35
35
|
--mtvh-purple-03: #9470d1;
|
|
36
|
-
--mtvh-purple-04: #
|
|
36
|
+
--mtvh-purple-04: #7A4DC4;
|
|
37
37
|
--mtvh-purple-05: #5d2cae;
|
|
38
38
|
--mtvh-purple-06: #380c80;
|
|
39
39
|
|
|
@@ -57,6 +57,7 @@ $grey-01: #f7f7f7;
|
|
|
57
57
|
$danger-bg-subtle: #ff7c8c;
|
|
58
58
|
$danger-text-emphasis: #000000;
|
|
59
59
|
$grey-03: #dadada;
|
|
60
|
+
$purple-01: #F6F4FF;
|
|
60
61
|
|
|
61
62
|
$theme-colors: (
|
|
62
63
|
"primary": $primary,
|
|
@@ -70,6 +71,7 @@ $theme-colors: (
|
|
|
70
71
|
"stone": $stone,
|
|
71
72
|
"grey-01": $grey-01,
|
|
72
73
|
"grey-03": $grey-03,
|
|
74
|
+
"purple-01": $purple-01
|
|
73
75
|
);
|
|
74
76
|
|
|
75
77
|
//button
|
|
@@ -206,14 +208,11 @@ $form-select-indicator-color: var(--#{$prefix}black);
|
|
|
206
208
|
$form-select-indicator: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$form-select-indicator-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>");
|
|
207
209
|
|
|
208
210
|
/* list group */
|
|
209
|
-
$list-group-item-padding-x: 0;
|
|
210
211
|
$list-group-bg: inherit;
|
|
211
212
|
$list-group-item-padding-y: $mtvh-spacing-5;
|
|
212
213
|
$list-group-border-radius: 0;
|
|
213
214
|
|
|
214
215
|
/* button close */
|
|
215
|
-
$btn-close-padding-y: 5px;
|
|
216
|
-
$btn-close-padding-x: 5px;
|
|
217
216
|
$btn-close-opacity: 1;
|
|
218
217
|
$btn-close-focus-shadow: unset;
|
|
219
218
|
$btn-close-bg: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.992 11.816 4.18 17.627c-.26.26-.555.384-.886.372-.33-.012-.626-.147-.886-.407a1.24 1.24 0 0 1 0-1.807l5.776-5.777-5.811-5.811A1.179 1.179 0 0 1 2 3.293c.012-.342.147-.643.407-.903a1.24 1.24 0 0 1 1.807 0L9.992 8.2l5.811-5.811a1.24 1.24 0 0 1 1.807 0 1.24 1.24 0 0 1 0 1.807L11.8 10.008l5.811 5.812c.26.26.39.555.39.886 0 .33-.13.626-.39.886a1.24 1.24 0 0 1-1.807 0l-5.811-5.776Z' fill='%23000000'/%3E%3C/svg%3E");
|
|
@@ -237,8 +236,6 @@ $stepper-font-size: $font-size-xs;
|
|
|
237
236
|
$stepper-font-color: var(--#{$prefix}white);
|
|
238
237
|
$stepper-breakpoint: "lg";
|
|
239
238
|
|
|
240
|
-
$alert-padding-x: 0;
|
|
241
|
-
$alert-padding-y: 0;
|
|
242
239
|
|
|
243
240
|
$banner-theme-colors: (
|
|
244
241
|
"success": var(--#{$prefix}green-02),
|
|
@@ -405,3 +402,15 @@ $accordion-padding-x: 0;
|
|
|
405
402
|
$accordion-body-padding-x: $mtvh-spacing-7;
|
|
406
403
|
$accordion-body-padding-y: $mtvh-spacing-6;
|
|
407
404
|
$accordion-border-color: var(--#{$prefix}grey-04);
|
|
405
|
+
|
|
406
|
+
$progress-height: 18px;
|
|
407
|
+
$progress-bar-bg: var(--#{$prefix}purple-05);
|
|
408
|
+
$progress-bar-color: var(--#{$prefix}purple-05);
|
|
409
|
+
$progress-bg: var(--#{$prefix}white);
|
|
410
|
+
|
|
411
|
+
$nav-link-font-weight: $mtvh-font-weight-bold;
|
|
412
|
+
$nav-tabs-border-color: var(--#{$prefix}grey-04);
|
|
413
|
+
$nav-tabs-border-width: 2px;
|
|
414
|
+
$nav-tabs-link-active-bg: transparent;
|
|
415
|
+
$nav-tabs-link-hover-border-color: var(--#{$prefix}grey-04);
|
|
416
|
+
$nav-link-focus-box-shadow: none;
|
|
@@ -2,15 +2,22 @@
|
|
|
2
2
|
background-color: var(--#{$prefix}white);
|
|
3
3
|
padding: $mtvh-spacing-6 $mtvh-spacing-5 $mtvh-spacing-6 $mtvh-spacing-5;
|
|
4
4
|
border-radius: $border-radius-lg;
|
|
5
|
+
|
|
5
6
|
@include media-breakpoint-up(sm) {
|
|
6
7
|
padding-left: $mtvh-spacing-6;
|
|
7
8
|
padding-right: $mtvh-spacing-6;
|
|
8
9
|
}
|
|
9
10
|
|
|
11
|
+
.mtvh-form-container-required {
|
|
12
|
+
@include media-breakpoint-down(sm) {
|
|
13
|
+
padding-bottom: $mtvh-spacing-6;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
|
|
10
17
|
.form-group {
|
|
11
|
-
--#{$prefix}form-group-padding-y: #{$mtvh-spacing-
|
|
18
|
+
--#{$prefix}form-group-padding-y: #{$mtvh-spacing-6};
|
|
12
19
|
@include media-breakpoint-up(sm) {
|
|
13
|
-
--mtvh-form-group-padding-y: #{$mtvh-spacing-
|
|
20
|
+
--mtvh-form-group-padding-y: #{$mtvh-spacing-7};
|
|
14
21
|
}
|
|
15
22
|
}
|
|
16
23
|
}
|