@unifiedsoftware/styles 1.0.0

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 (19) hide show
  1. package/bootstrap.scss +195 -0
  2. package/css/bootstrap.css +195 -0
  3. package/css/bootstrap.min.css +1 -0
  4. package/css/fci-styles.css +3230 -0
  5. package/css/fci-styles.min.css +1 -0
  6. package/css/styles.css +88 -0
  7. package/css/styles.min.css +1 -0
  8. package/index.scss +1 -0
  9. package/package.json +36 -0
  10. package/scss/_variables.scss +1 -0
  11. package/scss/components/_button.scss +43 -0
  12. package/scss/components/_divider.scss +7 -0
  13. package/scss/components/_index.scss +3 -0
  14. package/scss/components/_tabs.scss +50 -0
  15. package/scss/themes/default/_index.scss +3 -0
  16. package/scss/themes/default/_tokens.scss +12 -0
  17. package/scss/themes/default/components/_button.scss +131 -0
  18. package/scss/themes/default/components/_index.scss +2 -0
  19. package/scss/themes/default/components/_tabs.scss +8 -0
package/bootstrap.scss ADDED
@@ -0,0 +1,195 @@
1
+ :root,
2
+ [data-bs-theme='light'] {
3
+ --bs-blue: #5e50f9;
4
+ --bs-indigo: #6610f2;
5
+ --bs-purple: #6a008a;
6
+ --bs-pink: #e91e63;
7
+ --bs-red: #f96868;
8
+ --bs-orange: #f2a654;
9
+ --bs-yellow: #f6e84e;
10
+ --bs-green: #46c35f;
11
+ --bs-teal: #58d8a3;
12
+ --bs-cyan: #57c7d4;
13
+ --bs-white: #ffffff;
14
+ --bs-gray: #434a54;
15
+ --bs-gray-light: #aab2bd;
16
+ --bs-gray-lighter: #e8eff4;
17
+ --bs-gray-lightest: #e6e9ed;
18
+ --bs-gray-dark: #0f1531;
19
+ --bs-black: #000000;
20
+ --bs-gray-100: #f8f9fa;
21
+ --bs-gray-200: #e9ecef;
22
+ --bs-gray-300: #dee2e6;
23
+ --bs-gray-400: #ced4da;
24
+ --bs-gray-500: #adb5bd;
25
+ --bs-gray-600: #6c757d;
26
+ --bs-gray-700: #495057;
27
+ --bs-gray-800: #343a40;
28
+ --bs-gray-900: #212529;
29
+ --bs-primary: #990000;
30
+ --bs-secondary: #dde4eb;
31
+ --bs-success: #e1ae30;
32
+ --bs-info: #8862e0;
33
+ --bs-warning: #ffaf00;
34
+ --bs-danger: #ff0017;
35
+ --bs-light: #fbfbfb;
36
+ --bs-dark: #252c46;
37
+ --bs-primary-rgb: 153, 0, 0;
38
+ --bs-secondary-rgb: 221, 228, 235;
39
+ --bs-success-rgb: 225, 174, 48;
40
+ --bs-info-rgb: 136, 98, 224;
41
+ --bs-warning-rgb: 255, 175, 0;
42
+ --bs-danger-rgb: 255, 0, 23;
43
+ --bs-light-rgb: 251, 251, 251;
44
+ --bs-dark-rgb: 37, 44, 70;
45
+ --bs-primary-text-emphasis: #052c65;
46
+ --bs-secondary-text-emphasis: #2b2f32;
47
+ --bs-success-text-emphasis: #0a3622;
48
+ --bs-info-text-emphasis: #055160;
49
+ --bs-warning-text-emphasis: #664d03;
50
+ --bs-danger-text-emphasis: #58151c;
51
+ --bs-light-text-emphasis: #495057;
52
+ --bs-dark-text-emphasis: #495057;
53
+ --bs-primary-bg-subtle: #cfe2ff;
54
+ --bs-secondary-bg-subtle: #e2e3e5;
55
+ --bs-success-bg-subtle: #d1e7dd;
56
+ --bs-info-bg-subtle: #cff4fc;
57
+ --bs-warning-bg-subtle: #fff3cd;
58
+ --bs-danger-bg-subtle: #f8d7da;
59
+ --bs-light-bg-subtle: #fcfcfd;
60
+ --bs-dark-bg-subtle: #ced4da;
61
+ --bs-primary-border-subtle: #9ec5fe;
62
+ --bs-secondary-border-subtle: #c4c8cb;
63
+ --bs-success-border-subtle: #a3cfbb;
64
+ --bs-info-border-subtle: #9eeaf9;
65
+ --bs-warning-border-subtle: #ffe69c;
66
+ --bs-danger-border-subtle: #f1aeb5;
67
+ --bs-light-border-subtle: #e9ecef;
68
+ --bs-dark-border-subtle: #adb5bd;
69
+ --bs-white-rgb: 255, 255, 255;
70
+ --bs-black-rgb: 0, 0, 0;
71
+ --bs-font-sans-serif: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans',
72
+ Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
73
+ --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
74
+ --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
75
+ --bs-body-font-family: var(--bs-font-sans-serif);
76
+ --bs-body-font-size: 1rem;
77
+ --bs-body-font-weight: 400;
78
+ --bs-body-line-height: 1.5;
79
+ --bs-body-color: #343a40;
80
+ --bs-body-color-rgb: 52, 58, 64;
81
+ --bs-body-bg: #fff;
82
+ --bs-body-bg-rgb: 255, 255, 255;
83
+ --bs-emphasis-color: #000;
84
+ --bs-emphasis-color-rgb: 0, 0, 0;
85
+ --bs-secondary-color: rgba(33, 37, 41, 0.75);
86
+ --bs-secondary-color-rgb: 33, 37, 41;
87
+ --bs-secondary-bg: #e9ecef;
88
+ --bs-secondary-bg-rgb: 233, 236, 239;
89
+ --bs-tertiary-color: rgba(33, 37, 41, 0.5);
90
+ --bs-tertiary-color-rgb: 33, 37, 41;
91
+ --bs-tertiary-bg: #f8f9fa;
92
+ --bs-tertiary-bg-rgb: 248, 249, 250;
93
+ --bs-heading-color: inherit;
94
+ --bs-link-color: #0d6efd;
95
+ --bs-link-color-rgb: 13, 110, 253;
96
+ --bs-link-decoration: underline;
97
+ --bs-link-hover-color: #0a58ca;
98
+ --bs-link-hover-color-rgb: 10, 88, 202;
99
+ --bs-code-color: #d63384;
100
+ --bs-highlight-bg: #fff3cd;
101
+ --bs-border-width: 1px;
102
+ --bs-border-style: solid;
103
+ --bs-border-color: #dee2e6;
104
+ --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
105
+ --bs-border-radius: 0.375rem;
106
+ --bs-border-radius-sm: 0.25rem;
107
+ --bs-border-radius-lg: 0.5rem;
108
+ --bs-border-radius-xl: 1rem;
109
+ --bs-border-radius-xxl: 2rem;
110
+ --bs-border-radius-2xl: var(--bs-border-radius-xxl);
111
+ --bs-border-radius-pill: 50rem;
112
+ --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
113
+ --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
114
+ --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
115
+ --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
116
+ --bs-focus-ring-width: 0.25rem;
117
+ --bs-focus-ring-opacity: 0.25;
118
+ --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
119
+ --bs-form-valid-color: #198754;
120
+ --bs-form-valid-border-color: #198754;
121
+ --bs-form-invalid-color: #dc3545;
122
+ --bs-form-invalid-border-color: #dc3545;
123
+ }
124
+
125
+ .accordion {
126
+ --bs-accordion-btn-color: white !important;
127
+ --bs-accordion-btn-bg: rgba(146, 25, 14, 255) !important;
128
+ --bs-accordion-active-color: white !important;
129
+ --bs-accordion-active-bg: rgba(146, 25, 14, 255) !important;
130
+ --bs-accordion-btn-focus-border-color: rgba(146, 25, 14, 255) !important;
131
+ --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(146, 25, 14, 0.25) !important;
132
+ }
133
+
134
+ .accordion {
135
+ --bs-accordion-color: var(--bs-body-color);
136
+ --bs-accordion-bg: var(--bs-body-bg);
137
+ --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
138
+ box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
139
+ --bs-accordion-border-color: var(--bs-border-color);
140
+ --bs-accordion-border-width: var(--bs-border-width);
141
+ --bs-accordion-border-radius: var(--bs-border-radius);
142
+ --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
143
+ --bs-accordion-btn-padding-x: 1.25rem;
144
+ --bs-accordion-btn-padding-y: 1rem;
145
+ --bs-accordion-btn-color: var(--bs-body-color);
146
+ --bs-accordion-btn-bg: var(--bs-accordion-bg);
147
+ --bs-accordion-btn-icon: url(
148
+ data:image/svg + xml,
149
+ %3csvgxmlns='http://www.w3.org/2000/svg'viewBox='0 0 16 16'fill='%23212529'%3e%3cpathfill-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'/%3e%3c/svg%3e
150
+ );
151
+ --bs-accordion-btn-icon-width: 1.25rem;
152
+ --bs-accordion-btn-icon-transform: rotate(-180deg);
153
+ --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
154
+ --bs-accordion-btn-active-icon: url(
155
+ data:image/svg + xml,
156
+ %3csvgxmlns='http://www.w3.org/2000/svg'viewBox='0 0 16 16'fill='%23052c65'%3e%3cpathfill-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'/%3e%3c/svg%3e
157
+ );
158
+ --bs-accordion-btn-focus-border-color: #86b7fe;
159
+ --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
160
+ --bs-accordion-body-padding-x: 1.25rem;
161
+ --bs-accordion-body-padding-y: 1rem;
162
+ --bs-accordion-active-color: var(--bs-primary-text-emphasis);
163
+ --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
164
+ }
165
+
166
+ .accordion-button {
167
+ position: relative;
168
+ display: flex;
169
+ align-items: center;
170
+ width: 100%;
171
+ padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
172
+ font-size: 1rem;
173
+ color: var(--bs-accordion-btn-color);
174
+ text-align: left;
175
+ background-color: var(--bs-accordion-btn-bg);
176
+ border: 0;
177
+ border-radius: 0;
178
+ overflow-anchor: none;
179
+ transition: var(--bs-accordion-transition);
180
+ }
181
+
182
+ .accordion-button:not(.collapsed) {
183
+ color: var(--bs-accordion-active-color);
184
+ background-color: var(--bs-accordion-active-bg);
185
+ box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
186
+ }
187
+
188
+ .accordion-item:first-of-type .accordion-button {
189
+ border-top-left-radius: var(--bs-accordion-inner-border-radius);
190
+ border-top-right-radius: var(--bs-accordion-inner-border-radius);
191
+ }
192
+
193
+ .accordion-body {
194
+ padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
195
+ }
package/css/bootstrap.css ADDED
@@ -0,0 +1,195 @@
1
+ :root,
2
+ [data-bs-theme=light] {
3
+ --bs-blue: #5e50f9;
4
+ --bs-indigo: #6610f2;
5
+ --bs-purple: #6a008a;
6
+ --bs-pink: #e91e63;
7
+ --bs-red: #f96868;
8
+ --bs-orange: #f2a654;
9
+ --bs-yellow: #f6e84e;
10
+ --bs-green: #46c35f;
11
+ --bs-teal: #58d8a3;
12
+ --bs-cyan: #57c7d4;
13
+ --bs-white: #ffffff;
14
+ --bs-gray: #434a54;
15
+ --bs-gray-light: #aab2bd;
16
+ --bs-gray-lighter: #e8eff4;
17
+ --bs-gray-lightest: #e6e9ed;
18
+ --bs-gray-dark: #0f1531;
19
+ --bs-black: #000000;
20
+ --bs-gray-100: #f8f9fa;
21
+ --bs-gray-200: #e9ecef;
22
+ --bs-gray-300: #dee2e6;
23
+ --bs-gray-400: #ced4da;
24
+ --bs-gray-500: #adb5bd;
25
+ --bs-gray-600: #6c757d;
26
+ --bs-gray-700: #495057;
27
+ --bs-gray-800: #343a40;
28
+ --bs-gray-900: #212529;
29
+ --bs-primary: #990000;
30
+ --bs-secondary: #dde4eb;
31
+ --bs-success: #e1ae30;
32
+ --bs-info: #8862e0;
33
+ --bs-warning: #ffaf00;
34
+ --bs-danger: #ff0017;
35
+ --bs-light: #fbfbfb;
36
+ --bs-dark: #252c46;
37
+ --bs-primary-rgb: 153, 0, 0;
38
+ --bs-secondary-rgb: 221, 228, 235;
39
+ --bs-success-rgb: 225, 174, 48;
40
+ --bs-info-rgb: 136, 98, 224;
41
+ --bs-warning-rgb: 255, 175, 0;
42
+ --bs-danger-rgb: 255, 0, 23;
43
+ --bs-light-rgb: 251, 251, 251;
44
+ --bs-dark-rgb: 37, 44, 70;
45
+ --bs-primary-text-emphasis: #052c65;
46
+ --bs-secondary-text-emphasis: #2b2f32;
47
+ --bs-success-text-emphasis: #0a3622;
48
+ --bs-info-text-emphasis: #055160;
49
+ --bs-warning-text-emphasis: #664d03;
50
+ --bs-danger-text-emphasis: #58151c;
51
+ --bs-light-text-emphasis: #495057;
52
+ --bs-dark-text-emphasis: #495057;
53
+ --bs-primary-bg-subtle: #cfe2ff;
54
+ --bs-secondary-bg-subtle: #e2e3e5;
55
+ --bs-success-bg-subtle: #d1e7dd;
56
+ --bs-info-bg-subtle: #cff4fc;
57
+ --bs-warning-bg-subtle: #fff3cd;
58
+ --bs-danger-bg-subtle: #f8d7da;
59
+ --bs-light-bg-subtle: #fcfcfd;
60
+ --bs-dark-bg-subtle: #ced4da;
61
+ --bs-primary-border-subtle: #9ec5fe;
62
+ --bs-secondary-border-subtle: #c4c8cb;
63
+ --bs-success-border-subtle: #a3cfbb;
64
+ --bs-info-border-subtle: #9eeaf9;
65
+ --bs-warning-border-subtle: #ffe69c;
66
+ --bs-danger-border-subtle: #f1aeb5;
67
+ --bs-light-border-subtle: #e9ecef;
68
+ --bs-dark-border-subtle: #adb5bd;
69
+ --bs-white-rgb: 255, 255, 255;
70
+ --bs-black-rgb: 0, 0, 0;
71
+ --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans",
72
+ Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
73
+ --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
74
+ --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
75
+ --bs-body-font-family: var(--bs-font-sans-serif);
76
+ --bs-body-font-size: 1rem;
77
+ --bs-body-font-weight: 400;
78
+ --bs-body-line-height: 1.5;
79
+ --bs-body-color: #343a40;
80
+ --bs-body-color-rgb: 52, 58, 64;
81
+ --bs-body-bg: #fff;
82
+ --bs-body-bg-rgb: 255, 255, 255;
83
+ --bs-emphasis-color: #000;
84
+ --bs-emphasis-color-rgb: 0, 0, 0;
85
+ --bs-secondary-color: rgba(33, 37, 41, 0.75);
86
+ --bs-secondary-color-rgb: 33, 37, 41;
87
+ --bs-secondary-bg: #e9ecef;
88
+ --bs-secondary-bg-rgb: 233, 236, 239;
89
+ --bs-tertiary-color: rgba(33, 37, 41, 0.5);
90
+ --bs-tertiary-color-rgb: 33, 37, 41;
91
+ --bs-tertiary-bg: #f8f9fa;
92
+ --bs-tertiary-bg-rgb: 248, 249, 250;
93
+ --bs-heading-color: inherit;
94
+ --bs-link-color: #0d6efd;
95
+ --bs-link-color-rgb: 13, 110, 253;
96
+ --bs-link-decoration: underline;
97
+ --bs-link-hover-color: #0a58ca;
98
+ --bs-link-hover-color-rgb: 10, 88, 202;
99
+ --bs-code-color: #d63384;
100
+ --bs-highlight-bg: #fff3cd;
101
+ --bs-border-width: 1px;
102
+ --bs-border-style: solid;
103
+ --bs-border-color: #dee2e6;
104
+ --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
105
+ --bs-border-radius: 0.375rem;
106
+ --bs-border-radius-sm: 0.25rem;
107
+ --bs-border-radius-lg: 0.5rem;
108
+ --bs-border-radius-xl: 1rem;
109
+ --bs-border-radius-xxl: 2rem;
110
+ --bs-border-radius-2xl: var(--bs-border-radius-xxl);
111
+ --bs-border-radius-pill: 50rem;
112
+ --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
113
+ --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
114
+ --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
115
+ --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
116
+ --bs-focus-ring-width: 0.25rem;
117
+ --bs-focus-ring-opacity: 0.25;
118
+ --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
119
+ --bs-form-valid-color: #198754;
120
+ --bs-form-valid-border-color: #198754;
121
+ --bs-form-invalid-color: #dc3545;
122
+ --bs-form-invalid-border-color: #dc3545;
123
+ }
124
+
125
+ .accordion {
126
+ --bs-accordion-btn-color: white !important;
127
+ --bs-accordion-btn-bg: rgba(146, 25, 14, 255) !important;
128
+ --bs-accordion-active-color: white !important;
129
+ --bs-accordion-active-bg: rgba(146, 25, 14, 255) !important;
130
+ --bs-accordion-btn-focus-border-color: rgba(146, 25, 14, 255) !important;
131
+ --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(146, 25, 14, 0.25) !important;
132
+ }
133
+
134
+ .accordion {
135
+ --bs-accordion-color: var(--bs-body-color);
136
+ --bs-accordion-bg: var(--bs-body-bg);
137
+ --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
138
+ box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
139
+ --bs-accordion-border-color: var(--bs-border-color);
140
+ --bs-accordion-border-width: var(--bs-border-width);
141
+ --bs-accordion-border-radius: var(--bs-border-radius);
142
+ --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
143
+ --bs-accordion-btn-padding-x: 1.25rem;
144
+ --bs-accordion-btn-padding-y: 1rem;
145
+ --bs-accordion-btn-color: var(--bs-body-color);
146
+ --bs-accordion-btn-bg: var(--bs-accordion-bg);
147
+ --bs-accordion-btn-icon: url(
148
+ data:image/svg + xml,
149
+ %3csvgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 16 16"fill="%23212529"%3e%3cpathfill-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"/%3e%3c/svg%3e
150
+ );
151
+ --bs-accordion-btn-icon-width: 1.25rem;
152
+ --bs-accordion-btn-icon-transform: rotate(-180deg);
153
+ --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
154
+ --bs-accordion-btn-active-icon: url(
155
+ data:image/svg + xml,
156
+ %3csvgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 16 16"fill="%23052c65"%3e%3cpathfill-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"/%3e%3c/svg%3e
157
+ );
158
+ --bs-accordion-btn-focus-border-color: #86b7fe;
159
+ --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
160
+ --bs-accordion-body-padding-x: 1.25rem;
161
+ --bs-accordion-body-padding-y: 1rem;
162
+ --bs-accordion-active-color: var(--bs-primary-text-emphasis);
163
+ --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
164
+ }
165
+
166
+ .accordion-button {
167
+ position: relative;
168
+ display: flex;
169
+ align-items: center;
170
+ width: 100%;
171
+ padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
172
+ font-size: 1rem;
173
+ color: var(--bs-accordion-btn-color);
174
+ text-align: left;
175
+ background-color: var(--bs-accordion-btn-bg);
176
+ border: 0;
177
+ border-radius: 0;
178
+ overflow-anchor: none;
179
+ transition: var(--bs-accordion-transition);
180
+ }
181
+
182
+ .accordion-button:not(.collapsed) {
183
+ color: var(--bs-accordion-active-color);
184
+ background-color: var(--bs-accordion-active-bg);
185
+ box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
186
+ }
187
+
188
+ .accordion-item:first-of-type .accordion-button {
189
+ border-top-left-radius: var(--bs-accordion-inner-border-radius);
190
+ border-top-right-radius: var(--bs-accordion-inner-border-radius);
191
+ }
192
+
193
+ .accordion-body {
194
+ padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
195
+ }
package/css/bootstrap.min.css ADDED
@@ -0,0 +1 @@
1
+ :root,[data-bs-theme=light]{--bs-blue: #5e50f9;--bs-indigo: #6610f2;--bs-purple: #6a008a;--bs-pink: #e91e63;--bs-red: #f96868;--bs-orange: #f2a654;--bs-yellow: #f6e84e;--bs-green: #46c35f;--bs-teal: #58d8a3;--bs-cyan: #57c7d4;--bs-white: #ffffff;--bs-gray: #434a54;--bs-gray-light: #aab2bd;--bs-gray-lighter: #e8eff4;--bs-gray-lightest: #e6e9ed;--bs-gray-dark: #0f1531;--bs-black: #000000;--bs-gray-100: #f8f9fa;--bs-gray-200: #e9ecef;--bs-gray-300: #dee2e6;--bs-gray-400: #ced4da;--bs-gray-500: #adb5bd;--bs-gray-600: #6c757d;--bs-gray-700: #495057;--bs-gray-800: #343a40;--bs-gray-900: #212529;--bs-primary: #990000;--bs-secondary: #dde4eb;--bs-success: #e1ae30;--bs-info: #8862e0;--bs-warning: #ffaf00;--bs-danger: #ff0017;--bs-light: #fbfbfb;--bs-dark: #252c46;--bs-primary-rgb: 153, 0, 0;--bs-secondary-rgb: 221, 228, 235;--bs-success-rgb: 225, 174, 48;--bs-info-rgb: 136, 98, 224;--bs-warning-rgb: 255, 175, 0;--bs-danger-rgb: 255, 0, 23;--bs-light-rgb: 251, 251, 251;--bs-dark-rgb: 37, 44, 70;--bs-primary-text-emphasis: #052c65;--bs-secondary-text-emphasis: #2b2f32;--bs-success-text-emphasis: #0a3622;--bs-info-text-emphasis: #055160;--bs-warning-text-emphasis: #664d03;--bs-danger-text-emphasis: #58151c;--bs-light-text-emphasis: #495057;--bs-dark-text-emphasis: #495057;--bs-primary-bg-subtle: #cfe2ff;--bs-secondary-bg-subtle: #e2e3e5;--bs-success-bg-subtle: #d1e7dd;--bs-info-bg-subtle: #cff4fc;--bs-warning-bg-subtle: #fff3cd;--bs-danger-bg-subtle: #f8d7da;--bs-light-bg-subtle: #fcfcfd;--bs-dark-bg-subtle: #ced4da;--bs-primary-border-subtle: #9ec5fe;--bs-secondary-border-subtle: #c4c8cb;--bs-success-border-subtle: #a3cfbb;--bs-info-border-subtle: #9eeaf9;--bs-warning-border-subtle: #ffe69c;--bs-danger-border-subtle: #f1aeb5;--bs-light-border-subtle: #e9ecef;--bs-dark-border-subtle: #adb5bd;--bs-white-rgb: 255, 255, 255;--bs-black-rgb: 0, 0, 0;--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family: var(--bs-font-sans-serif);--bs-body-font-size: 1rem;--bs-body-font-weight: 400;--bs-body-line-height: 1.5;--bs-body-color: #343a40;--bs-body-color-rgb: 52, 58, 64;--bs-body-bg: #fff;--bs-body-bg-rgb: 255, 255, 255;--bs-emphasis-color: #000;--bs-emphasis-color-rgb: 0, 0, 0;--bs-secondary-color: rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb: 33, 37, 41;--bs-secondary-bg: #e9ecef;--bs-secondary-bg-rgb: 233, 236, 239;--bs-tertiary-color: rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb: 33, 37, 41;--bs-tertiary-bg: #f8f9fa;--bs-tertiary-bg-rgb: 248, 249, 250;--bs-heading-color: inherit;--bs-link-color: #0d6efd;--bs-link-color-rgb: 13, 110, 253;--bs-link-decoration: underline;--bs-link-hover-color: #0a58ca;--bs-link-hover-color-rgb: 10, 88, 202;--bs-code-color: #d63384;--bs-highlight-bg: #fff3cd;--bs-border-width: 1px;--bs-border-style: solid;--bs-border-color: #dee2e6;--bs-border-color-translucent: rgba(0, 0, 0, 0.175);--bs-border-radius: 0.375rem;--bs-border-radius-sm: 0.25rem;--bs-border-radius-lg: 0.5rem;--bs-border-radius-xl: 1rem;--bs-border-radius-xxl: 2rem;--bs-border-radius-2xl: var(--bs-border-radius-xxl);--bs-border-radius-pill: 50rem;--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width: 0.25rem;--bs-focus-ring-opacity: 0.25;--bs-focus-ring-color: rgba(13, 110, 253, 0.25);--bs-form-valid-color: #198754;--bs-form-valid-border-color: #198754;--bs-form-invalid-color: #dc3545;--bs-form-invalid-border-color: #dc3545}.accordion{--bs-accordion-btn-color: white !important;--bs-accordion-btn-bg: rgba(146, 25, 14, 255) !important;--bs-accordion-active-color: white !important;--bs-accordion-active-bg: rgba(146, 25, 14, 255) !important;--bs-accordion-btn-focus-border-color: rgba(146, 25, 14, 255) !important;--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(146, 25, 14, 0.25) !important}.accordion{--bs-accordion-color: var(--bs-body-color);--bs-accordion-bg: var(--bs-body-bg);--bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;--bs-accordion-border-color: var(--bs-border-color);--bs-accordion-border-width: var(--bs-border-width);--bs-accordion-border-radius: var(--bs-border-radius);--bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-accordion-btn-padding-x: 1.25rem;--bs-accordion-btn-padding-y: 1rem;--bs-accordion-btn-color: var(--bs-body-color);--bs-accordion-btn-bg: var(--bs-accordion-bg);--bs-accordion-btn-icon: url( data:image/svg + xml, %3csvgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 16 16"fill="%23212529"%3e%3cpathfill-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"/%3e%3c/svg%3e );--bs-accordion-btn-icon-width: 1.25rem;--bs-accordion-btn-icon-transform: rotate(-180deg);--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;--bs-accordion-btn-active-icon: url( data:image/svg + xml, %3csvgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 16 16"fill="%23052c65"%3e%3cpathfill-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"/%3e%3c/svg%3e );--bs-accordion-btn-focus-border-color: #86b7fe;--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-accordion-body-padding-x: 1.25rem;--bs-accordion-body-padding-y: 1rem;--bs-accordion-active-color: var(--bs-primary-text-emphasis);--bs-accordion-active-bg: var(--bs-primary-bg-subtle)}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1*var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}.accordion-item:first-of-type .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}