@micromag/core 0.4.33 → 0.4.37

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 (42) hide show
  1. package/package.json +2 -2
  2. package/styles/bootstrap-overrides.css +0 -111
  3. package/styles/bootstrap-patches.css +0 -486
  4. package/styles/breadcrumb.module.css +0 -5
  5. package/styles/button.module.css +0 -82
  6. package/styles/buttons.module.css +0 -3
  7. package/styles/clear.module.css +0 -23
  8. package/styles/collapsable-panel.module.css +0 -31
  9. package/styles/conversation.module.css +0 -37
  10. package/styles/dialog.module.css +0 -13
  11. package/styles/empty.module.css +0 -22
  12. package/styles/form-panel.module.css +0 -3
  13. package/styles/form.module.css +0 -22
  14. package/styles/link.module.css +0 -9
  15. package/styles/map.module.css +0 -43
  16. package/styles/media.module.css +0 -3
  17. package/styles/modal.module.css +0 -22
  18. package/styles/modals.module.css +0 -12
  19. package/styles/navbar.module.css +0 -9
  20. package/styles/pagination.module.css +0 -3
  21. package/styles/panel.module.css +0 -3
  22. package/styles/panels.module.css +0 -3
  23. package/styles/placeholder-block.module.css +0 -29
  24. package/styles/placeholder-text.module.css +0 -17
  25. package/styles/placeholders.module.css +0 -3
  26. package/styles/preview.module.css +0 -34
  27. package/styles/quiz-answer.module.css +0 -29
  28. package/styles/screen-placeholder.module.css +0 -5
  29. package/styles/screen-sizer.module.css +0 -14
  30. package/styles/screen.module.css +0 -52
  31. package/styles/screens.module.css +0 -16
  32. package/styles/share-options.module.css +0 -27
  33. package/styles/shared.module.css +0 -325
  34. package/styles/slideshow.module.css +0 -28
  35. package/styles/spinner.module.css +0 -43
  36. package/styles/styles.css +0 -1
  37. package/styles/survey-answer.module.css +0 -18
  38. package/styles/tabs.module.css +0 -4
  39. package/styles/theme.css +0 -84
  40. package/styles/transition.module.css +0 -9
  41. package/styles/vendor.css +0 -32
  42. package/styles/video-360.module.css +0 -15
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/core",
3
- "version": "0.4.33",
3
+ "version": "0.4.37",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [
@@ -161,6 +161,6 @@
161
161
  "access": "public",
162
162
  "registry": "https://registry.npmjs.org/"
163
163
  },
164
- "gitHead": "8c44ced53cad6b575c85b556eb246f477cfb4933",
164
+ "gitHead": "03c7d78fb0745377eddbb04f6c7dfaca8aa42381",
165
165
  "types": "es/index.d.ts"
166
166
  }
@@ -1,111 +0,0 @@
1
- /* stylelint-disable selector-class-pattern */
2
-
3
- /*
4
- * Bootstrap 5.3 CSS custom property overrides
5
- * Replaces the Sass variable overrides from _theme.scss
6
- * These override Bootstrap's default :root values
7
- */
8
- :root,
9
- [data-bs-theme='light'] {
10
- /* Colors */
11
- --bs-blue: #2151ff;
12
- --bs-purple: #a13dff;
13
- --bs-red: #ff2945;
14
- --bs-yellow: #ffe535;
15
- --bs-green: #0ed88f;
16
- --bs-white: #fff;
17
- --bs-black: #1c1c1c;
18
-
19
- /* Gray scale */
20
- --bs-gray-100: #f5f5f5;
21
- --bs-gray-200: #e9e9e9;
22
- --bs-gray-300: #dedede;
23
- --bs-gray-400: #b3b3b3;
24
- --bs-gray-500: #adadad;
25
- --bs-gray-600: #6c6c6c;
26
- --bs-gray-700: #494949;
27
- --bs-gray-800: #343434;
28
- --bs-gray-900: #2b2b2b;
29
-
30
- /* Theme colors */
31
- --bs-primary: #a13dff;
32
- --bs-primary-rgb: 161, 61, 255;
33
- --bs-secondary: #e9e9e9;
34
- --bs-secondary-rgb: 233, 233, 233;
35
- --bs-success: #0ed88f;
36
- --bs-success-rgb: 14, 216, 143;
37
- --bs-info: #2151ff;
38
- --bs-info-rgb: 33, 81, 255;
39
- --bs-warning: #ffe535;
40
- --bs-warning-rgb: 255, 229, 53;
41
- --bs-danger: #ff2945;
42
- --bs-danger-rgb: 255, 41, 69;
43
- --bs-light: #fff;
44
- --bs-light-rgb: 255, 255, 255;
45
- --bs-dark: #343434;
46
- --bs-dark-rgb: 52, 52, 52;
47
-
48
- /* Body (dark theme) */
49
- --bs-body-bg: #1c1c1c;
50
- --bs-body-bg-rgb: 28, 28, 28;
51
- --bs-body-color: #f5f5f5;
52
- --bs-body-color-rgb: 245, 245, 245;
53
- --bs-body-font-size: 0.9rem;
54
- --bs-body-line-height: 1.4;
55
-
56
- /* Typography */
57
- --bs-font-sans-serif: 'Libre Franklin', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
58
- 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
59
- 'Segoe UI Symbol', 'Noto Color Emoji';
60
-
61
- /* Links */
62
- --bs-link-color: #a13dff;
63
- --bs-link-color-rgb: 161, 61, 255;
64
- --bs-link-hover-color: #812dcc;
65
- --bs-link-hover-color-rgb: 129, 45, 204;
66
-
67
- /* Emphasis */
68
- --bs-emphasis-color: #fff;
69
- --bs-emphasis-color-rgb: 255, 255, 255;
70
-
71
- /* Secondary/tertiary colors for dark theme */
72
- --bs-secondary-color: rgba(245, 245, 245, 0.75);
73
- --bs-secondary-color-rgb: 245, 245, 245;
74
- --bs-secondary-bg: #343434;
75
- --bs-secondary-bg-rgb: 52, 52, 52;
76
- --bs-tertiary-color: rgba(245, 245, 245, 0.5);
77
- --bs-tertiary-color-rgb: 245, 245, 245;
78
- --bs-tertiary-bg: #2b2b2b;
79
- --bs-tertiary-bg-rgb: 43, 43, 43;
80
-
81
- /* Border */
82
- --bs-border-color: rgba(255, 255, 255, 0.13);
83
- --bs-border-color-translucent: rgba(255, 255, 255, 0.13);
84
-
85
- /* Focus ring - purple primary */
86
- --bs-focus-ring-color: rgba(161, 61, 255, 0.25);
87
-
88
- /* Text-emphasis variations */
89
- --bs-primary-text-emphasis: #c98aff;
90
- --bs-secondary-text-emphasis: #f2f2f2;
91
- --bs-success-text-emphasis: #6ee8bc;
92
- --bs-info-text-emphasis: #7a9bff;
93
- --bs-warning-text-emphasis: #ffee80;
94
- --bs-danger-text-emphasis: #ff8090;
95
-
96
- /* Subtle backgrounds */
97
- --bs-primary-bg-subtle: #200d33;
98
- --bs-secondary-bg-subtle: #2e2e2e;
99
- --bs-success-bg-subtle: #031b12;
100
- --bs-info-bg-subtle: #071033;
101
- --bs-warning-bg-subtle: #332e0a;
102
- --bs-danger-bg-subtle: #330a0e;
103
-
104
- /* Subtle borders */
105
- --bs-primary-border-subtle: #511999;
106
- --bs-secondary-border-subtle: #5c5c5c;
107
- --bs-success-border-subtle: #075636;
108
- --bs-info-border-subtle: #143199;
109
- --bs-warning-border-subtle: #998a1f;
110
- --bs-danger-border-subtle: #991829;
111
- }
@@ -1,486 +0,0 @@
1
- /* stylelint-disable selector-class-pattern, no-descending-specificity */
2
-
3
- /*
4
- * Bootstrap 5.3 component patches
5
- * Overrides for component styles that Sass variables controlled at compile time
6
- * but that CSS custom properties alone cannot reach.
7
- */
8
-
9
- /* ===== Forms ===== */
10
-
11
- .form-control {
12
- background-color: hsla(0, 0%, 100%, 0.07);
13
- border-width: 0;
14
- color: #fff;
15
- }
16
-
17
- .form-control:focus {
18
- background-color: hsla(0, 0%, 100%, 0.07);
19
- border-color: #c98aff;
20
- box-shadow: 0 0 0 0.25rem rgba(161, 61, 255, 0.25);
21
- color: #fff;
22
- }
23
-
24
- .form-control::placeholder {
25
- color: #adadad;
26
- }
27
-
28
- .form-control:disabled {
29
- background-color: rgba(255, 255, 255, 0.04);
30
- }
31
-
32
- .form-select {
33
- background-color: hsla(0, 0%, 100%, 0.07);
34
- border-width: 0;
35
- color: #fff;
36
- }
37
-
38
- .form-select:focus {
39
- border-color: #c98aff;
40
- box-shadow: 0 0 0 0.25rem rgba(161, 61, 255, 0.25);
41
- }
42
-
43
- .form-check-input:checked {
44
- background-color: #a13dff;
45
- border-color: #a13dff;
46
- }
47
-
48
- .form-check-input:focus {
49
- border-color: #c98aff;
50
- box-shadow: 0 0 0 0.25rem rgba(161, 61, 255, 0.25);
51
- }
52
-
53
- .input-group-text {
54
- background-color: rgba(255, 255, 255, 0.12);
55
- }
56
-
57
- /* Custom controls (legacy compat) */
58
- .form-check-input {
59
- background-color: #e9e9e9;
60
- border-width: 1px;
61
- border-color: #e9e9e9;
62
- }
63
-
64
- /* Input padding */
65
- .btn {
66
- padding-top: 0.5rem;
67
- padding-bottom: 0.5rem;
68
- }
69
-
70
- /* ===== Buttons ===== */
71
-
72
- .btn {
73
- font-weight: 600;
74
- }
75
-
76
- .btn:disabled,
77
- .btn.disabled {
78
- opacity: 0.4;
79
- }
80
-
81
- .btn-primary {
82
- --bs-btn-bg: #a13dff;
83
- --bs-btn-border-color: #a13dff;
84
- --bs-btn-hover-bg: #812dcc;
85
- --bs-btn-hover-border-color: #7a2abf;
86
- --bs-btn-focus-shadow-rgb: 161, 61, 255;
87
- --bs-btn-active-color: #fff;
88
- --bs-btn-active-bg: #511f80;
89
- --bs-btn-active-border-color: #4b1d77;
90
- --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
91
- --bs-btn-disabled-bg: #a13dff;
92
- --bs-btn-disabled-border-color: #a13dff;
93
- }
94
-
95
- .btn-secondary {
96
- --bs-btn-bg: #e9e9e9;
97
- --bs-btn-border-color: #e9e9e9;
98
- --bs-btn-color: #1c1c1c;
99
- --bs-btn-hover-color: #1c1c1c;
100
- --bs-btn-hover-bg: #c6c6c6;
101
- --bs-btn-hover-border-color: #bababa;
102
- --bs-btn-focus-shadow-rgb: 233, 233, 233;
103
- --bs-btn-active-color: #1c1c1c;
104
- --bs-btn-active-bg: #bababa;
105
- --bs-btn-active-border-color: #aeaeae;
106
- --bs-btn-disabled-bg: #e9e9e9;
107
- --bs-btn-disabled-border-color: #e9e9e9;
108
- --bs-btn-disabled-color: #1c1c1c;
109
- }
110
-
111
- .btn-success {
112
- --bs-btn-bg: #0ed88f;
113
- --bs-btn-border-color: #0ed88f;
114
- --bs-btn-hover-bg: #0bb876;
115
- --bs-btn-hover-border-color: #0bac6f;
116
- --bs-btn-focus-shadow-rgb: 14, 216, 143;
117
- --bs-btn-active-color: #fff;
118
- --bs-btn-active-bg: #0bac6f;
119
- --bs-btn-active-border-color: #0aa168;
120
- --bs-btn-disabled-bg: #0ed88f;
121
- --bs-btn-disabled-border-color: #0ed88f;
122
- }
123
-
124
- .btn-info {
125
- --bs-btn-bg: #2151ff;
126
- --bs-btn-border-color: #2151ff;
127
- --bs-btn-hover-bg: #1c45d9;
128
- --bs-btn-hover-border-color: #1a41cc;
129
- --bs-btn-focus-shadow-rgb: 33, 81, 255;
130
- --bs-btn-active-color: #fff;
131
- --bs-btn-active-bg: #1a41cc;
132
- --bs-btn-active-border-color: #193dbf;
133
- --bs-btn-disabled-bg: #2151ff;
134
- --bs-btn-disabled-border-color: #2151ff;
135
- }
136
-
137
- .btn-warning {
138
- --bs-btn-bg: #ffe535;
139
- --bs-btn-border-color: #ffe535;
140
- --bs-btn-color: #1c1c1c;
141
- --bs-btn-hover-color: #1c1c1c;
142
- --bs-btn-hover-bg: #d9c32d;
143
- --bs-btn-hover-border-color: #ccb72a;
144
- --bs-btn-focus-shadow-rgb: 255, 229, 53;
145
- --bs-btn-active-color: #1c1c1c;
146
- --bs-btn-active-bg: #ccb72a;
147
- --bs-btn-active-border-color: #bfab27;
148
- --bs-btn-disabled-bg: #ffe535;
149
- --bs-btn-disabled-border-color: #ffe535;
150
- --bs-btn-disabled-color: #1c1c1c;
151
- }
152
-
153
- .btn-danger {
154
- --bs-btn-bg: #ff2945;
155
- --bs-btn-border-color: #ff2945;
156
- --bs-btn-hover-bg: #d9233b;
157
- --bs-btn-hover-border-color: #cc2137;
158
- --bs-btn-focus-shadow-rgb: 255, 41, 69;
159
- --bs-btn-active-color: #fff;
160
- --bs-btn-active-bg: #cc2137;
161
- --bs-btn-active-border-color: #bf1f33;
162
- --bs-btn-disabled-bg: #ff2945;
163
- --bs-btn-disabled-border-color: #ff2945;
164
- }
165
-
166
- .btn-light {
167
- --bs-btn-bg: #fff;
168
- --bs-btn-border-color: #fff;
169
- --bs-btn-color: #1c1c1c;
170
- --bs-btn-hover-color: #1c1c1c;
171
- --bs-btn-hover-bg: #d9d9d9;
172
- --bs-btn-hover-border-color: #cccccc;
173
- --bs-btn-focus-shadow-rgb: 255, 255, 255;
174
- --bs-btn-active-color: #1c1c1c;
175
- --bs-btn-active-bg: #cccccc;
176
- --bs-btn-active-border-color: #bfbfbf;
177
- --bs-btn-disabled-bg: #fff;
178
- --bs-btn-disabled-border-color: #fff;
179
- --bs-btn-disabled-color: #1c1c1c;
180
- }
181
-
182
- .btn-dark {
183
- --bs-btn-bg: #343434;
184
- --bs-btn-border-color: #343434;
185
- --bs-btn-hover-bg: #525252;
186
- --bs-btn-hover-border-color: #484848;
187
- --bs-btn-focus-shadow-rgb: 52, 52, 52;
188
- --bs-btn-active-color: #fff;
189
- --bs-btn-active-bg: #5d5d5d;
190
- --bs-btn-active-border-color: #484848;
191
- --bs-btn-disabled-bg: #343434;
192
- --bs-btn-disabled-border-color: #343434;
193
- }
194
-
195
- .btn-outline-primary {
196
- --bs-btn-color: #a13dff;
197
- --bs-btn-border-color: #a13dff;
198
- --bs-btn-hover-bg: #a13dff;
199
- --bs-btn-hover-border-color: #a13dff;
200
- --bs-btn-focus-shadow-rgb: 161, 61, 255;
201
- --bs-btn-active-color: #fff;
202
- --bs-btn-active-bg: #a13dff;
203
- --bs-btn-active-border-color: #a13dff;
204
- --bs-btn-disabled-color: #a13dff;
205
- --bs-btn-disabled-border-color: #a13dff;
206
- }
207
-
208
- .btn-outline-secondary {
209
- --bs-btn-color: #e9e9e9;
210
- --bs-btn-border-color: #e9e9e9;
211
- --bs-btn-hover-bg: #e9e9e9;
212
- --bs-btn-hover-border-color: #e9e9e9;
213
- --bs-btn-hover-color: #1c1c1c;
214
- --bs-btn-focus-shadow-rgb: 233, 233, 233;
215
- --bs-btn-active-bg: #e9e9e9;
216
- --bs-btn-active-border-color: #e9e9e9;
217
- --bs-btn-active-color: #1c1c1c;
218
- --bs-btn-disabled-color: #e9e9e9;
219
- --bs-btn-disabled-border-color: #e9e9e9;
220
- }
221
-
222
- .btn-outline-success {
223
- --bs-btn-color: #0ed88f;
224
- --bs-btn-border-color: #0ed88f;
225
- --bs-btn-hover-bg: #0ed88f;
226
- --bs-btn-hover-border-color: #0ed88f;
227
- --bs-btn-focus-shadow-rgb: 14, 216, 143;
228
- --bs-btn-active-color: #fff;
229
- --bs-btn-active-bg: #0ed88f;
230
- --bs-btn-active-border-color: #0ed88f;
231
- --bs-btn-disabled-color: #0ed88f;
232
- --bs-btn-disabled-border-color: #0ed88f;
233
- }
234
-
235
- .btn-outline-info {
236
- --bs-btn-color: #2151ff;
237
- --bs-btn-border-color: #2151ff;
238
- --bs-btn-hover-bg: #2151ff;
239
- --bs-btn-hover-border-color: #2151ff;
240
- --bs-btn-focus-shadow-rgb: 33, 81, 255;
241
- --bs-btn-active-color: #fff;
242
- --bs-btn-active-bg: #2151ff;
243
- --bs-btn-active-border-color: #2151ff;
244
- --bs-btn-disabled-color: #2151ff;
245
- --bs-btn-disabled-border-color: #2151ff;
246
- }
247
-
248
- .btn-outline-warning {
249
- --bs-btn-color: #ffe535;
250
- --bs-btn-border-color: #ffe535;
251
- --bs-btn-hover-bg: #ffe535;
252
- --bs-btn-hover-border-color: #ffe535;
253
- --bs-btn-hover-color: #1c1c1c;
254
- --bs-btn-focus-shadow-rgb: 255, 229, 53;
255
- --bs-btn-active-bg: #ffe535;
256
- --bs-btn-active-border-color: #ffe535;
257
- --bs-btn-active-color: #1c1c1c;
258
- --bs-btn-disabled-color: #ffe535;
259
- --bs-btn-disabled-border-color: #ffe535;
260
- }
261
-
262
- .btn-outline-danger {
263
- --bs-btn-color: #ff2945;
264
- --bs-btn-border-color: #ff2945;
265
- --bs-btn-hover-bg: #ff2945;
266
- --bs-btn-hover-border-color: #ff2945;
267
- --bs-btn-focus-shadow-rgb: 255, 41, 69;
268
- --bs-btn-active-color: #fff;
269
- --bs-btn-active-bg: #ff2945;
270
- --bs-btn-active-border-color: #ff2945;
271
- --bs-btn-disabled-color: #ff2945;
272
- --bs-btn-disabled-border-color: #ff2945;
273
- }
274
-
275
- .btn-outline-light {
276
- --bs-btn-color: #fff;
277
- --bs-btn-border-color: #fff;
278
- --bs-btn-hover-bg: #fff;
279
- --bs-btn-hover-border-color: #fff;
280
- --bs-btn-hover-color: #1c1c1c;
281
- --bs-btn-focus-shadow-rgb: 255, 255, 255;
282
- --bs-btn-active-bg: #fff;
283
- --bs-btn-active-border-color: #fff;
284
- --bs-btn-active-color: #1c1c1c;
285
- --bs-btn-disabled-color: #fff;
286
- --bs-btn-disabled-border-color: #fff;
287
- }
288
-
289
- .btn-outline-dark {
290
- --bs-btn-color: #343434;
291
- --bs-btn-border-color: #343434;
292
- --bs-btn-hover-bg: #343434;
293
- --bs-btn-hover-border-color: #343434;
294
- --bs-btn-focus-shadow-rgb: 52, 52, 52;
295
- --bs-btn-active-color: #fff;
296
- --bs-btn-active-bg: #343434;
297
- --bs-btn-active-border-color: #343434;
298
- --bs-btn-disabled-color: #343434;
299
- --bs-btn-disabled-border-color: #343434;
300
- }
301
-
302
- .btn-close {
303
- color: #f5f5f5;
304
- }
305
-
306
- .btn-link {
307
- --bs-btn-color: #a13dff;
308
- --bs-btn-hover-color: #812dcc;
309
- --bs-btn-active-color: #812dcc;
310
- }
311
-
312
- /* ===== Cards ===== */
313
-
314
- .card {
315
- --bs-card-bg: rgba(255, 255, 255, 0.07);
316
- --bs-card-border-width: 0;
317
- --bs-card-border-color: rgba(255, 255, 255, 0.13);
318
- --bs-card-cap-bg: rgba(255, 255, 255, 0.07);
319
- }
320
-
321
- /* ===== Modal ===== */
322
-
323
- .modal {
324
- --bs-modal-bg: #2b2b2b;
325
- --bs-modal-header-border-color: rgba(255, 255, 255, 0.12);
326
- }
327
-
328
- /* ===== Pagination ===== */
329
-
330
- .pagination {
331
- --bs-pagination-bg: rgba(255, 255, 255, 0.07);
332
- --bs-pagination-border-width: 0;
333
- --bs-pagination-color: #a13dff;
334
- --bs-pagination-hover-bg: rgba(255, 255, 255, 0.12);
335
- --bs-pagination-hover-color: #a13dff;
336
- --bs-pagination-active-bg: #a13dff;
337
- --bs-pagination-active-border-color: #a13dff;
338
- --bs-pagination-disabled-bg: rgba(255, 255, 255, 0.04);
339
- --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(161, 61, 255, 0.25);
340
- }
341
-
342
- /* ===== List group ===== */
343
-
344
- .list-group {
345
- --bs-list-group-bg: transparent;
346
- --bs-list-group-border-color: rgba(255, 255, 255, 0.13);
347
- --bs-list-group-color: #f5f5f5;
348
- --bs-list-group-action-color: #f5f5f5;
349
- --bs-list-group-action-hover-bg: rgba(245, 245, 245, 0.2);
350
- --bs-list-group-active-bg: #a13dff;
351
- --bs-list-group-active-border-color: #a13dff;
352
- }
353
-
354
- /* ===== Dropdown ===== */
355
-
356
- .dropdown-menu {
357
- --bs-dropdown-bg: #343434;
358
- --bs-dropdown-divider-bg: rgba(255, 255, 255, 0.13);
359
- --bs-dropdown-border-color: rgba(255, 255, 255, 0.13);
360
- --bs-dropdown-link-color: #f5f5f5;
361
- --bs-dropdown-link-hover-bg: #a13dff;
362
- --bs-dropdown-link-hover-color: #f5f5f5;
363
- --bs-dropdown-link-active-bg: #a13dff;
364
- }
365
-
366
- /* ===== Breadcrumb ===== */
367
-
368
- .breadcrumb {
369
- --bs-breadcrumb-bg: transparent;
370
- --bs-breadcrumb-padding-x: 0;
371
- }
372
-
373
- /* ===== Badge ===== */
374
-
375
- .badge {
376
- font-weight: 400;
377
- padding: 0.4em 0.8em;
378
- }
379
-
380
- /* ===== Navbar ===== */
381
-
382
- .navbar-brand {
383
- color: #a13dff;
384
- }
385
-
386
- .navbar-brand:hover,
387
- .navbar-brand:focus {
388
- color: #a13dff;
389
- }
390
-
391
- /* ===== Typography ===== */
392
-
393
- h1,
394
- h2,
395
- h3,
396
- h4,
397
- h5,
398
- h6 {
399
- font-weight: 600;
400
- }
401
-
402
- .text-muted {
403
- color: rgba(255, 255, 255, 0.4) !important;
404
- }
405
-
406
- hr {
407
- border-color: rgba(255, 255, 255, 0.1);
408
- }
409
-
410
- /* ===== Nav tabs/pills active state ===== */
411
-
412
- .nav-link {
413
- color: #a13dff;
414
- }
415
-
416
- .nav-link:hover,
417
- .nav-link:focus {
418
- color: #812dcc;
419
- }
420
-
421
- .nav-pills .nav-link.active,
422
- .nav-pills .show > .nav-link {
423
- background-color: #a13dff;
424
- }
425
-
426
- /* ===== Alerts ===== */
427
-
428
- .alert-primary {
429
- --bs-alert-color: #c98aff;
430
- --bs-alert-bg: #200d33;
431
- --bs-alert-border-color: #511999;
432
- }
433
-
434
- /* ===== .container-small (replaces @include make-container + media-breakpoint-up) ===== */
435
-
436
- .container-small {
437
- --bs-gutter-x: 1.5rem;
438
- --bs-gutter-y: 0;
439
- width: 100%;
440
- padding-right: calc(var(--bs-gutter-x) * 0.5);
441
- padding-left: calc(var(--bs-gutter-x) * 0.5);
442
- margin-right: auto;
443
- margin-left: auto;
444
- }
445
-
446
- @media (min-width: 576px) {
447
- .container-small {
448
- max-width: 540px;
449
- }
450
- }
451
-
452
- @media (min-width: 768px) {
453
- .container-small {
454
- max-width: 540px;
455
- }
456
- }
457
-
458
- @media (min-width: 992px) {
459
- .container-small {
460
- max-width: 540px;
461
- }
462
- }
463
-
464
- @media (min-width: 1200px) {
465
- .container-small {
466
- max-width: 540px;
467
- }
468
- }
469
-
470
- /* ===== Dropdown menu positioning ===== */
471
-
472
- .dropdown-menu-start {
473
- left: 0;
474
- }
475
-
476
- .dropdown-menu-end {
477
- right: 0;
478
- }
479
-
480
- /* ===== Component active bg (used by various Bootstrap components) ===== */
481
-
482
- .active > .page-link,
483
- .page-link.active {
484
- background-color: #a13dff;
485
- border-color: #a13dff;
486
- }
@@ -1,5 +0,0 @@
1
- .container {
2
- .arrow + .arrow::before {
3
- content: '>';
4
- }
5
- }
@@ -1,82 +0,0 @@
1
- .container {
2
- /* &:focus { */
3
-
4
- /* box-shadow: none; */
5
-
6
- /* } */
7
-
8
- .icon {
9
- position: relative;
10
- display: block;
11
- }
12
-
13
- .icon,
14
- .label {
15
- transition: transform 0.3s var(--mm-ease-out-ramp);
16
- }
17
-
18
- &.withoutStyle {
19
- display: inline-block;
20
- position: relative;
21
- padding: 0;
22
- border: 0;
23
- background: transparent;
24
- color: inherit;
25
- font-family: inherit;
26
- cursor: pointer;
27
- appearance: none;
28
- }
29
-
30
- &.asLink {
31
- display: inline-block;
32
- position: relative;
33
- padding: 0;
34
- border: 0;
35
- background: transparent;
36
- font-family: inherit;
37
- cursor: pointer;
38
- appearance: none;
39
- color: var(--mm-primary);
40
- font-weight: bold;
41
- }
42
-
43
- &.withIcon {
44
- display: inline-flex;
45
- flex-direction: row;
46
- align-items: center;
47
-
48
- /* stylelint-disable */
49
- .label {
50
- margin-left: 0.5em;
51
- transform-origin: 0 50%;
52
- }
53
-
54
- .right {
55
- margin-left: 0.5em;
56
- }
57
- /* stylelint-enable */
58
- }
59
-
60
- &.withIcon.withAnimations.icon-right {
61
- .label {
62
- transform-origin: 100% 50%;
63
- }
64
- }
65
-
66
- &.withIconColumns {
67
- display: inline-flex;
68
- flex-direction: row;
69
- align-items: center;
70
- }
71
-
72
- &.linkDisabled {
73
- opacity: 0.4;
74
- text-decoration: none;
75
- pointer-events: none;
76
- }
77
-
78
- &:focus-visible {
79
- outline: 2px solid #000;
80
- box-shadow: 0 0 2px 0 var(--micromag-focus-color, #fff);
81
- }
82
- }
@@ -1,3 +0,0 @@
1
- .container {
2
-
3
- }