@digigov/theme-grnet 2.0.0-6452adf3 → 2.0.0-750aec28
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/dist/colors.css +18 -20
- package/dist/components-variables.css +0 -24
- package/dist/global-variables.css +4 -0
- package/dist/index.css +18 -728
- package/dist/index.js +1 -1
- package/package.json +4 -4
- package/dist/variables.css +0 -688
package/dist/colors.css
CHANGED
|
@@ -147,6 +147,10 @@
|
|
|
147
147
|
--color-base-content-secondary-rgb: 107, 107, 110;
|
|
148
148
|
--color-base-content-invert: #fefefe;
|
|
149
149
|
--color-base-content-invert-rgb: 254, 254, 254;
|
|
150
|
+
--color-white: #fefefe;
|
|
151
|
+
--color-white-rgb: 254, 254, 254;
|
|
152
|
+
--color-black: #000000;
|
|
153
|
+
--color-black-rgb: 0, 0, 0;
|
|
150
154
|
--color-accent: #2b2729;
|
|
151
155
|
--color-accent-rgb: 43, 39, 41;
|
|
152
156
|
--color-accent-focus: #383536;
|
|
@@ -177,14 +181,16 @@
|
|
|
177
181
|
--color-info-rgb: 60, 103, 168;
|
|
178
182
|
--color-info-hover: #305898;
|
|
179
183
|
--color-info-hover-rgb: 48, 88, 152;
|
|
180
|
-
--color-footer: #fefefe;
|
|
181
|
-
--color-footer-rgb: 254, 254, 254;
|
|
182
|
-
--color-footer-
|
|
183
|
-
--color-footer-
|
|
184
|
-
--color-
|
|
185
|
-
--color-
|
|
186
|
-
--color-
|
|
187
|
-
--color-
|
|
184
|
+
--color-footer-text: #fefefe;
|
|
185
|
+
--color-footer-text-rgb: 254, 254, 254;
|
|
186
|
+
--color-footer-link: var(--color-base-200);
|
|
187
|
+
--color-footer-link-rgb: var(--color-base-200-rgb);
|
|
188
|
+
--color-footer-link-hover: var(--color-base-300);
|
|
189
|
+
--color-footer-link-hover-rgb: var(--color-base-300-rgb);
|
|
190
|
+
--color-header-text: var(--color-base-content);
|
|
191
|
+
--color-header-text-rgb: var(--color-base-content-rgb);
|
|
192
|
+
--color-header-text-hover: var(--color-base-content);
|
|
193
|
+
--color-header-text-hover-rgb: var(--color-base-content-rgb);
|
|
188
194
|
}
|
|
189
195
|
|
|
190
196
|
:root.dark,
|
|
@@ -367,14 +373,12 @@
|
|
|
367
373
|
--color-info-rgb: 82, 126, 190;
|
|
368
374
|
--color-info-hover: #658fcb;
|
|
369
375
|
--color-info-hover-rgb: 101, 143, 203;
|
|
370
|
-
--color-footer: #cfd0d2;
|
|
371
|
-
--color-footer-rgb: 207, 208, 210;
|
|
372
|
-
--color-footer-hover: #a7a9ac;
|
|
373
|
-
--color-footer-hover-rgb: 167, 169, 172;
|
|
374
376
|
--color-white: #fefffe;
|
|
375
377
|
--color-white-rgb: 254, 255, 254;
|
|
376
378
|
--color-black: #171314;
|
|
377
379
|
--color-black-rgb: 23, 19, 20;
|
|
380
|
+
--color-footer-text: #cfd0d2;
|
|
381
|
+
--color-footer-text-rgb: 207, 208, 210;
|
|
378
382
|
--text-sm-default: 0.875rem;
|
|
379
383
|
--text-base-default: 1rem;
|
|
380
384
|
--text-lg-default: 1.1875rem;
|
|
@@ -437,8 +441,6 @@
|
|
|
437
441
|
--letter-spacing-widest: var(--letter-spacing-widest-default);
|
|
438
442
|
--border-radius-md: 4px;
|
|
439
443
|
--border-radius-lg: 8px;
|
|
440
|
-
--color-header-text: var(--black);
|
|
441
|
-
--color-header-text-hover: var(--black);
|
|
442
444
|
}
|
|
443
445
|
|
|
444
446
|
:root.darker,
|
|
@@ -621,14 +623,12 @@
|
|
|
621
623
|
--color-info-rgb: 50, 91, 155;
|
|
622
624
|
--color-info-hover: #4976b6;
|
|
623
625
|
--color-info-hover-rgb: 73, 118, 182;
|
|
624
|
-
--color-footer: #020202;
|
|
625
|
-
--color-footer-rgb: 2, 2, 2;
|
|
626
|
-
--color-footer-hover: #1c1819;
|
|
627
|
-
--color-footer-hover-rgb: 28, 24, 25;
|
|
628
626
|
--color-white: #fefffe;
|
|
629
627
|
--color-white-rgb: 254, 255, 254;
|
|
630
628
|
--color-black: #020202;
|
|
631
629
|
--color-black-rgb: 2, 2, 2;
|
|
630
|
+
--color-footer-text: #020202;
|
|
631
|
+
--color-footer-text-rgb: 2, 2, 2;
|
|
632
632
|
--text-sm-default: 0.875rem;
|
|
633
633
|
--text-base-default: 1rem;
|
|
634
634
|
--text-lg-default: 1.1875rem;
|
|
@@ -691,6 +691,4 @@
|
|
|
691
691
|
--letter-spacing-widest: var(--letter-spacing-widest-default);
|
|
692
692
|
--border-radius-md: 4px;
|
|
693
693
|
--border-radius-lg: 8px;
|
|
694
|
-
--color-header-text: var(--black);
|
|
695
|
-
--color-header-text-hover: var(--black);
|
|
696
694
|
}
|
|
@@ -21,33 +21,11 @@
|
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
.ds-btn-secondary {
|
|
24
|
-
--btn-secondary-background-color: var(--color-base-300);
|
|
25
|
-
--btn-secondary-color: var(--color-base-content);
|
|
26
|
-
--btn-secondary-background-color-hover: var(--color-base-400);
|
|
27
|
-
--btn-secondary-color-hover: var(--color-base-content);
|
|
28
|
-
--btn-secondary-background-color-active: var(--color-base-500);
|
|
29
24
|
--btn-secondary-box-shadow: 0;
|
|
30
25
|
}
|
|
31
|
-
@media print {
|
|
32
|
-
.ds-btn-secondary {
|
|
33
|
-
--btn-secondary-background-color: var(--color-white);
|
|
34
|
-
--btn-secondary-color: var(--color-base-content)
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
26
|
.ds-btn-warning {
|
|
38
|
-
--btn-warning-background-color: var(--color-error);
|
|
39
|
-
--btn-warning-color: var(--color-white);
|
|
40
|
-
--btn-warning-background-color-hover: var(--color-error-hover);
|
|
41
|
-
--btn-warning-color-hover: var(--color-white);
|
|
42
|
-
--btn-warning-background-color-active: var(--color-error-hover);
|
|
43
27
|
--btn-warning-box-shadow: 0;
|
|
44
28
|
}
|
|
45
|
-
@media print {
|
|
46
|
-
.ds-btn-warning {
|
|
47
|
-
--btn-warning-background-color: var(--color-white);
|
|
48
|
-
--btn-warning-color: var(--color-base-content)
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
29
|
.ds-card__text {
|
|
52
30
|
--card__text-font-size: var(--text-base);
|
|
53
31
|
--card__text-line-height: var(--line-h-base);
|
|
@@ -59,13 +37,11 @@
|
|
|
59
37
|
}
|
|
60
38
|
}
|
|
61
39
|
.ds-card {
|
|
62
|
-
--card-border-radius: var(--border-radius-lg);
|
|
63
40
|
--card-background-color: var(--color-base-200);
|
|
64
41
|
--card-padding-x: 1rem;
|
|
65
42
|
--card-padding-y: 1.5rem;
|
|
66
43
|
}
|
|
67
44
|
.ds-footer {
|
|
68
|
-
--footer-border: solid var(--color-tertiary);
|
|
69
45
|
--footer-border-width: 0;
|
|
70
46
|
--footer-background-color: var(--color-base-900);
|
|
71
47
|
--footer-color: var(--color-base-200);
|