@egovernments/digit-ui-components-css 0.0.2-beta.33 → 0.0.2-beta.34
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
|
@@ -388,7 +388,7 @@
|
|
|
388
388
|
|
|
389
389
|
width: 100%;
|
|
390
390
|
height: auto;
|
|
391
|
-
background-color:
|
|
391
|
+
background-color: theme(digitv2.lightTheme.paper-primary);
|
|
392
392
|
border-radius: theme(digitv2.spacers.spacer1);
|
|
393
393
|
box-shadow: 0rem 0.063rem 0.125rem 0rem #00000029;
|
|
394
394
|
display: flex;
|
|
@@ -396,8 +396,8 @@
|
|
|
396
396
|
flex-direction: column;
|
|
397
397
|
|
|
398
398
|
&.secondary {
|
|
399
|
-
background-color:
|
|
400
|
-
border: 0.063em solid
|
|
399
|
+
background-color: theme(digitv2.lightTheme.paper-secondary);
|
|
400
|
+
border: 0.063em solid theme(digitv2.lightTheme.generic-divider);
|
|
401
401
|
}
|
|
402
402
|
|
|
403
403
|
&.secondary.search,
|
|
@@ -422,7 +422,7 @@
|
|
|
422
422
|
}
|
|
423
423
|
|
|
424
424
|
|
|
425
|
-
@media (min-
|
|
425
|
+
@media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
|
|
426
426
|
flex-direction: row;
|
|
427
427
|
|
|
428
428
|
.digit-buttons-group {
|
|
@@ -436,11 +436,11 @@
|
|
|
436
436
|
}
|
|
437
437
|
}
|
|
438
438
|
|
|
439
|
-
@media (min-
|
|
439
|
+
@media (min-aspect-ratio: 3/4) {
|
|
440
440
|
flex-direction: row;
|
|
441
441
|
}
|
|
442
442
|
|
|
443
|
-
@media (max-
|
|
443
|
+
@media (max-aspect-ratio: 9/16){
|
|
444
444
|
flex-direction: column;
|
|
445
445
|
|
|
446
446
|
.digit-buttons-group {
|
|
@@ -458,15 +458,15 @@
|
|
|
458
458
|
}
|
|
459
459
|
}
|
|
460
460
|
|
|
461
|
-
@media (min-
|
|
461
|
+
@media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
|
|
462
462
|
padding: theme(digitv2.spacers.spacer5);
|
|
463
463
|
}
|
|
464
464
|
|
|
465
|
-
@media (min-
|
|
465
|
+
@media (min-aspect-ratio: 3/4) {
|
|
466
466
|
padding: theme(digitv2.spacers.spacer6);
|
|
467
467
|
}
|
|
468
468
|
|
|
469
|
-
@media (max-
|
|
469
|
+
@media (max-aspect-ratio: 9/16) {
|
|
470
470
|
padding: theme(digitv2.spacers.spacer4);
|
|
471
471
|
}
|
|
472
472
|
|