@digigov/css 0.29.1 → 0.29.4
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/base/index.css +2 -2
- package/dist/base.css +2 -2
- package/dist/components.css +1 -1
- package/dist/components.js +1 -1
- package/dist/digigov.css +3 -3
- package/package.json +1 -1
- package/src/components/filter.css +2 -2
- package/src/components/footer.css +1 -1
- package/src/components/form.css +2 -2
- package/src/components/index.css +1 -0
- package/src/components/phase-banner.css +1 -1
- package/src/components/stepnav.css +149 -0
- package/src/components/summary-list.css +8 -4
- package/src/fonts.css +1 -0
- package/tailwind.config.js +1 -0
|
@@ -0,0 +1,149 @@
|
|
|
1
|
+
|
|
2
|
+
.govgr-step-nav {
|
|
3
|
+
@apply mb-8 md:mb-12;
|
|
4
|
+
.govgr-link {
|
|
5
|
+
@apply md:text-base text-sm;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
.govgr-step-nav__controls {
|
|
9
|
+
@apply text-right;
|
|
10
|
+
padding: 3px 3px 3px 0;
|
|
11
|
+
}
|
|
12
|
+
.govgr-step-nav__steps {
|
|
13
|
+
@apply p-0 m-0;
|
|
14
|
+
}
|
|
15
|
+
.govgr-step-nav__step{
|
|
16
|
+
@apply relative list-none pl-11 md:pl-14;
|
|
17
|
+
&:last-child:after {
|
|
18
|
+
height: calc(100% - 2rem);
|
|
19
|
+
}
|
|
20
|
+
&:after {
|
|
21
|
+
@apply absolute z-/1 w-0 h-full bg-white left-0 top-8 border-2 border-gray200 border-r-0 border-t-0 border-b-0 md:border-l-3;
|
|
22
|
+
content: "";
|
|
23
|
+
margin-left: calc(0.75rem + 1px);
|
|
24
|
+
}
|
|
25
|
+
&:last-child:before {
|
|
26
|
+
@apply absolute z-1 left-0 h-0 bottom-0 ml-2 w-3 border border-gray200;
|
|
27
|
+
@apply md:border-t-2 md:ml-2 md:w-5;
|
|
28
|
+
content: "";
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
@media (min-width: 768px) {
|
|
32
|
+
.govgr-step-nav__step {
|
|
33
|
+
&::after {
|
|
34
|
+
margin-left: calc(1rem + 1px);
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
.govgr-step-nav__circle {
|
|
39
|
+
@apply absolute box-border z-1 bg-white rounded-full text-center
|
|
40
|
+
left-0 w-7 h-7;
|
|
41
|
+
}
|
|
42
|
+
.govgr-step-nav__circle-inner {
|
|
43
|
+
@apply float-right min-w-full;
|
|
44
|
+
}
|
|
45
|
+
.govgr-step-nav__circle-background {
|
|
46
|
+
text-shadow: 0 -0.1em 0 var(--color-white), 0.1em 0 0 var(--color-white), 0 0.1em 0 var(--color-white), -0.1em 0 0 var(--color-white);
|
|
47
|
+
}
|
|
48
|
+
.govgr-step-nav__circle--number {
|
|
49
|
+
@apply border-2 border-gray200;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.govgr-step-nav__circle--number {
|
|
53
|
+
@apply text-base font-bold;
|
|
54
|
+
@apply md:text-lg md:leading-7 md:border-3;
|
|
55
|
+
}
|
|
56
|
+
.govgr-step-nav__circle {
|
|
57
|
+
@apply md:w-9 md:h-9;
|
|
58
|
+
}
|
|
59
|
+
.govgr-step-nav__circle--number__no-border{
|
|
60
|
+
@apply md:border-0 border-0;
|
|
61
|
+
}
|
|
62
|
+
.govgr-step-nav__accordion {
|
|
63
|
+
@apply border-base150;
|
|
64
|
+
|
|
65
|
+
&:first-child {
|
|
66
|
+
@apply border-t-2;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
.govgr-step-nav__accordion[open] {
|
|
70
|
+
|
|
71
|
+
.govgr-accordion__section-opened {
|
|
72
|
+
visibility: visible;
|
|
73
|
+
display: block;
|
|
74
|
+
}
|
|
75
|
+
.govgr-accordion__section-closed {
|
|
76
|
+
visibility: hidden;
|
|
77
|
+
display: none;
|
|
78
|
+
}
|
|
79
|
+
.govgr-nav-step__accordion__content {
|
|
80
|
+
@apply block;
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
.govgr-step-nav__accordion__summary {
|
|
84
|
+
@apply list-none w-fit mb-0 py-4 pr-8 cursor-pointer;
|
|
85
|
+
.govgr-hint {
|
|
86
|
+
@apply mb-0 mt-1;
|
|
87
|
+
}
|
|
88
|
+
&::-webkit-details-marker {
|
|
89
|
+
@apply hidden;
|
|
90
|
+
}
|
|
91
|
+
&:hover {
|
|
92
|
+
@apply text-link-hover;
|
|
93
|
+
.govgr-step-nav__accordion__opened, .govgr-step-nav__accordion__closed {
|
|
94
|
+
@apply underline;
|
|
95
|
+
text-decoration-thickness: 2px;
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
&:focus {
|
|
99
|
+
.govgr-step-nav__accordion__heading__title {
|
|
100
|
+
@apply bg-focus text-base-content;
|
|
101
|
+
box-shadow: 0 -2px var(--color-focus), 0 4px var(--color-base-content);
|
|
102
|
+
}
|
|
103
|
+
.govgr-step-nav__accordion__opened, .govgr-step-nav__accordion__closed {
|
|
104
|
+
@apply no-underline text-base-content;
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
&:focus-visible {
|
|
108
|
+
@apply outline-none;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
&:focus-within {
|
|
112
|
+
@apply outline-none;
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
.govgr-step-nav__accordion__heading__title {
|
|
116
|
+
@apply flex flex-col;
|
|
117
|
+
}
|
|
118
|
+
.govgr-step-nav__accordion__heading__text {
|
|
119
|
+
@apply no-underline text-xl font-semibold mb-0;
|
|
120
|
+
}
|
|
121
|
+
.govgr-step-nav__accordion__closed, .govgr-step-nav__accordion__opened {
|
|
122
|
+
@apply text-link no-underline;
|
|
123
|
+
}
|
|
124
|
+
.govgr-nav-step__accordion__content {
|
|
125
|
+
@apply hidden md:pt-2 mb-6 pt-1 mx-0;
|
|
126
|
+
|
|
127
|
+
>*:last-child {
|
|
128
|
+
@apply mb-0;
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
.govgr-step-nav__accordion__heading {
|
|
132
|
+
.govgr-step-nav__accordion__heading__text{
|
|
133
|
+
@apply md:text-2xl text-xl;
|
|
134
|
+
}
|
|
135
|
+
.govgr-step-nav__accordion__closed, .govgr-step-nav__accordion__opened {
|
|
136
|
+
@apply md:text-sm text-xs;
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
.govgr-step-nav__accordion__heading-m {
|
|
140
|
+
.govgr-step-nav__accordion__heading__text {
|
|
141
|
+
@apply md:text-xl text-lg;
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
.govgr-step-nav__accordion__heading-s {
|
|
145
|
+
.govgr-step-nav__accordion__heading__text {
|
|
146
|
+
@apply md:text-lg text-base;
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
|
|
@@ -25,22 +25,26 @@
|
|
|
25
25
|
@apply border-0;
|
|
26
26
|
}
|
|
27
27
|
.govgr-summary-list__key {
|
|
28
|
-
@apply font-bold mb-1 sm:w-
|
|
28
|
+
@apply font-bold mb-1 sm:w-9/12;
|
|
29
29
|
}
|
|
30
|
+
|
|
30
31
|
.govgr-summary-list__value {
|
|
31
|
-
@apply sm:w-
|
|
32
|
+
@apply sm:w-9/12;
|
|
33
|
+
|
|
32
34
|
&:last-child {
|
|
33
|
-
@apply
|
|
35
|
+
@apply w-full;
|
|
34
36
|
}
|
|
37
|
+
|
|
35
38
|
.govgr-link {
|
|
36
39
|
@apply pl-4;
|
|
37
40
|
}
|
|
41
|
+
|
|
38
42
|
.govgr-btn {
|
|
39
43
|
@apply ml-4;
|
|
40
44
|
}
|
|
41
45
|
}
|
|
42
46
|
.govgr-summary-list__actions {
|
|
43
|
-
@apply sm:w-3/12
|
|
47
|
+
@apply sm:w-3/12 sm:pr-0 sm:text-right;
|
|
44
48
|
}
|
|
45
49
|
.govgr-summary-list__key, .govgr-summary-list__value {
|
|
46
50
|
@apply break-words;
|
package/src/fonts.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import "@fontsource/roboto/index.css";
|