@deriv-com/dds-marketing 1.1.0 → 1.1.1
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.
|
@@ -44,3 +44,18 @@
|
|
|
44
44
|
:where([data-dds-context="marketing"]) .dds-illustrationscene[data-ratio='upright'] > .dds-illustrationcard {
|
|
45
45
|
inline-size: 78%;
|
|
46
46
|
}
|
|
47
|
+
|
|
48
|
+
/*
|
|
49
|
+
* At the foot, the card is a strip across the frame rather than a pane in the middle of it: as wide
|
|
50
|
+
* as the frame less the inset either side, and only as tall as what it holds — the card's own shape
|
|
51
|
+
* would stand a square of glass over most of the photograph, where the point of the foot is to leave
|
|
52
|
+
* the subject above it clear. The same inset below it as either side.
|
|
53
|
+
*
|
|
54
|
+
* After the per-shape widths, which it replaces, and only here: a centred card keeps its shape.
|
|
55
|
+
*/
|
|
56
|
+
:where([data-dds-context="marketing"]) .dds-illustrationscene[data-placement='bottom'] > .dds-illustrationcard {
|
|
57
|
+
aspect-ratio: auto;
|
|
58
|
+
inline-size: auto;
|
|
59
|
+
justify-self: stretch;
|
|
60
|
+
margin-block-end: var(--space-inset-card);
|
|
61
|
+
}
|