@egovernments/digit-ui-components-css 0.2.0-beta.2 → 0.2.0-beta.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/package.json
CHANGED
|
@@ -144,4 +144,77 @@
|
|
|
144
144
|
.digit-charcount {
|
|
145
145
|
@apply justify-end;
|
|
146
146
|
}
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
.digit-form-card-subheader {
|
|
150
|
+
@extend .typography.caption-l;
|
|
151
|
+
font-family: theme(digitv2.fontFamily.sans);
|
|
152
|
+
font-style: theme(digitv2.fontStyle.normal);
|
|
153
|
+
font-weight: theme(digitv2.fontWeight.medium);
|
|
154
|
+
line-height: theme(digitv2.lineHeight.lineheight1);
|
|
155
|
+
|
|
156
|
+
@media (max-aspect-ratio: 9/16) {
|
|
157
|
+
/* Media query for mobile */
|
|
158
|
+
font-size: theme(digitv2.fontSize.caption-l.mobile);
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
@media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
|
|
162
|
+
/* Media query for tablets */
|
|
163
|
+
font-size: theme(digitv2.fontSize.caption-l.tablet);
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
@media (min-aspect-ratio: 3/4) {
|
|
167
|
+
/* Media query for desktop */
|
|
168
|
+
font-size: theme(digitv2.fontSize.caption-l.desktop);
|
|
169
|
+
}
|
|
170
|
+
color: theme(digitv2.lightTheme.text-primary);
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
.digit-form-card-description {
|
|
174
|
+
@extend .typography.heading-s;
|
|
175
|
+
font-family: theme(digitv2.fontFamily.sans);
|
|
176
|
+
font-style: theme(digitv2.fontStyle.normal);
|
|
177
|
+
font-weight: theme(digitv2.fontWeight.bold);
|
|
178
|
+
line-height: theme(digitv2.lineHeight.lineheight1);
|
|
179
|
+
|
|
180
|
+
@media (max-aspect-ratio: 9/16) {
|
|
181
|
+
/* Media query for mobile */
|
|
182
|
+
font-size: theme(digitv2.fontSize.heading-s.mobile);
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
@media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
|
|
186
|
+
/* Media query for tablets */
|
|
187
|
+
font-size: theme(digitv2.fontSize.heading-s.tablet);
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
@media (min-aspect-ratio: 3/4) {
|
|
191
|
+
/* Media query for desktop */
|
|
192
|
+
font-size: theme(digitv2.fontSize.heading-s.desktop);
|
|
193
|
+
}
|
|
194
|
+
color: theme(digitv2.lightTheme.text-secondary);
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
.digit-form-card-text {
|
|
198
|
+
@extend .typography.body-l;
|
|
199
|
+
font-family: theme(digitv2.fontFamily.sans);
|
|
200
|
+
font-style: theme(digitv2.fontStyle.normal);
|
|
201
|
+
font-weight: theme(digitv2.fontWeight.regular);
|
|
202
|
+
line-height: theme(digitv2.lineHeight.lineheight2);
|
|
203
|
+
|
|
204
|
+
@media (max-aspect-ratio: 9/16) {
|
|
205
|
+
/* Media query for mobile */
|
|
206
|
+
font-size: theme(digitv2.fontSize.body-l.mobile);
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
@media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
|
|
210
|
+
/* Media query for tablets */
|
|
211
|
+
font-size: theme(digitv2.fontSize.body-l.tablet);
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
@media (min-aspect-ratio: 3/4) {
|
|
215
|
+
/* Media query for desktop */
|
|
216
|
+
font-size: theme(digitv2.fontSize.body-l.desktop);
|
|
217
|
+
}
|
|
218
|
+
color: theme(digitv2.lightTheme.text-secondary);
|
|
219
|
+
|
|
147
220
|
}
|
|
@@ -249,6 +249,16 @@
|
|
|
249
249
|
.digit-tab-main {
|
|
250
250
|
width: 100%;
|
|
251
251
|
}
|
|
252
|
+
|
|
253
|
+
&.tab{
|
|
254
|
+
background: none !important;
|
|
255
|
+
padding: theme(digitv2.spacers.spacer0);
|
|
256
|
+
box-shadow: none;
|
|
257
|
+
|
|
258
|
+
.digit-search-wrapper{
|
|
259
|
+
padding: theme(digitv2.spacers.spacer6);
|
|
260
|
+
}
|
|
261
|
+
}
|
|
252
262
|
}
|
|
253
263
|
|
|
254
264
|
&.filter{
|
|
@@ -294,6 +304,13 @@
|
|
|
294
304
|
}
|
|
295
305
|
}
|
|
296
306
|
|
|
307
|
+
.digit-inbox-search-composer-header {
|
|
308
|
+
@extend .typography.heading-xl;
|
|
309
|
+
color: theme(digitv2.lightTheme.primary-2);
|
|
310
|
+
margin-bottom: theme(digitv2.spacers.spacer6);
|
|
311
|
+
line-height: normal;
|
|
312
|
+
}
|
|
313
|
+
|
|
297
314
|
.digit-inbox-search-composer-header-action-wrapper{
|
|
298
315
|
|
|
299
316
|
display: flex;
|
|
@@ -303,12 +320,6 @@
|
|
|
303
320
|
.digit-inbox-search-composer-action{
|
|
304
321
|
margin-bottom: theme(digitv2.spacers.spacer6);
|
|
305
322
|
}
|
|
306
|
-
.digit-inbox-search-composer-header {
|
|
307
|
-
@extend .typography.heading-xl;
|
|
308
|
-
color: theme(digitv2.lightTheme.primary-2);
|
|
309
|
-
margin-bottom: theme(digitv2.spacers.spacer6);
|
|
310
|
-
line-height: normal;
|
|
311
|
-
}
|
|
312
323
|
}
|
|
313
324
|
|
|
314
325
|
.digit-inbox-search-links-container {
|