gd-bs 6.4.0 → 6.4.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.
- package/build/bs.js +1 -1
- package/dist/gd-bs-icons.js +1 -1
- package/dist/gd-bs-icons.js.LICENSE.txt +0 -8
- package/dist/gd-bs-icons.min.js +1 -1
- package/dist/gd-bs.js +1 -1
- package/dist/gd-bs.min.js +1 -1
- package/package.json +1 -1
- package/src/styles/_custom.scss +19 -18
- package/src/styles/_root.scss +1 -1
package/package.json
CHANGED
package/src/styles/_custom.scss
CHANGED
|
@@ -12,19 +12,24 @@
|
|
|
12
12
|
a:active, .link-primary:active {
|
|
13
13
|
color: var(--sp-theme-light, #c7e0f4);
|
|
14
14
|
}
|
|
15
|
-
/* Color match accordion
|
|
16
|
-
.accordion
|
|
17
|
-
border-color: var(--sp-theme-secondary, #2b88d8);
|
|
18
|
-
box-shadow: 0 0 0
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
15
|
+
/* Color match accordion */
|
|
16
|
+
.accordion {
|
|
17
|
+
--bs-accordion-btn-focus-border-color: var(--sp-theme-secondary, #2b88d8);
|
|
18
|
+
--bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--sp-theme-tertiary, #71afe5), transparent 65%);
|
|
19
|
+
--bs-accordion-active-bg: var(--sp-theme-light, #c7e0f4);
|
|
20
|
+
--bs-accordion-active-color: var(--sp-theme-primary, #0078d4);
|
|
21
|
+
}
|
|
22
|
+
.accordion-button::after {
|
|
23
|
+
background: transparent;
|
|
24
|
+
background-color: var(--sp-neutral-dark, #201f1e);
|
|
25
|
+
-webkit-mask: var(--bs-accordion-btn-icon);
|
|
26
|
+
-webkit-mask-repeat: no-repeat;
|
|
24
27
|
}
|
|
25
|
-
/* Color match accordion while expanded */
|
|
26
28
|
.accordion-button:not(.collapsed)::after {
|
|
27
|
-
background
|
|
29
|
+
background: transparent;
|
|
30
|
+
background-color: var(--sp-theme-darker, #004578);
|
|
31
|
+
-webkit-mask: var(--bs-accordion-btn-active-icon);
|
|
32
|
+
-webkit-mask-repeat: no-repeat;
|
|
28
33
|
}
|
|
29
34
|
.bg-primary {
|
|
30
35
|
background-color: var(--sp-theme-primary, #0078d4) !important;
|
|
@@ -63,7 +68,6 @@
|
|
|
63
68
|
/* Close button adjustments */
|
|
64
69
|
.btn-close {
|
|
65
70
|
--bs-btn-close-color: var(--sp-black, #000000);
|
|
66
|
-
--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 16 16'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
|
|
67
71
|
background: transparent;
|
|
68
72
|
background-color: var(--bs-btn-close-color);
|
|
69
73
|
min-width: auto;
|
|
@@ -72,7 +76,6 @@
|
|
|
72
76
|
-webkit-mask-origin: content-box;
|
|
73
77
|
-webkit-mask-position: center;
|
|
74
78
|
-webkit-mask-repeat: no-repeat;
|
|
75
|
-
-webkit-mask-size: auto;
|
|
76
79
|
}
|
|
77
80
|
.btn:focus-visible {
|
|
78
81
|
background-color: var(--sp-neutral-dark, #201f1e);
|
|
@@ -297,16 +300,14 @@
|
|
|
297
300
|
.form-check:not(.form-switch) .form-check-input:checked[type=checkbox] {
|
|
298
301
|
--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z'/%3e%3cpath d='M10.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.235.235 0 0 1 .02-.022z'/%3e%3c/svg%3e");
|
|
299
302
|
background: transparent;
|
|
303
|
+
background-color: var(--sp-theme-primary, #0078d4);
|
|
300
304
|
transition: background-color 0.2s;
|
|
301
305
|
-webkit-mask: var(--bs-form-check-bg-image);
|
|
302
|
-
-webkit-mask-origin: border-box;
|
|
303
|
-
-webkit-mask-position: center;
|
|
304
|
-
-webkit-mask-repeat: no-repeat;
|
|
305
|
-
-webkit-mask-size: contain;
|
|
306
306
|
}
|
|
307
307
|
/* Fix checkbox label alignment */
|
|
308
308
|
.form-check:not(.form-switch) .form-check-label {
|
|
309
|
-
margin-left:
|
|
309
|
+
margin-left: .5rem;
|
|
310
|
+
margin-top: .25rem;
|
|
310
311
|
}
|
|
311
312
|
/** Color match the toggle background color to 'SharePoint Blue' */
|
|
312
313
|
.form-check-input:checked {
|
package/src/styles/_root.scss
CHANGED