Halve CTA card width
This commit is contained in:
@@ -113,7 +113,7 @@
|
||||
<tbody>
|
||||
<tr><td>surface-call-to-action-card</td><td>surface-card-group</td><td>Fläche der Call-to-action-Card als dunkle Content-Card-Variante.</td></tr>
|
||||
<tr><td>text-call-to-action-card</td><td>color-font-light</td><td>Textfarbe in der Call-to-action-Card.</td></tr>
|
||||
<tr><td>layout-call-to-action-card-width</td><td>dimension-public-content-width</td><td>Breite der Card im Page-Layout.</td></tr>
|
||||
<tr><td>layout-call-to-action-card-width</td><td>calc(var(--dimension-public-content-width) * 0.5)</td><td>Breite der Card im Page-Layout.</td></tr>
|
||||
<tr><td>layout-call-to-action-card-content-columns</td><td>minmax(0, 1fr) max-content</td><td>Zweispaltiges Layout mit flexibler Textspalte und Buttonspalte in Buttonbreite.</td></tr>
|
||||
<tr><td>layout-call-to-action-card-content-gap</td><td>spacing-large</td><td>Abstand zwischen Text und Button.</td></tr>
|
||||
</tbody>
|
||||
|
||||
@@ -41,7 +41,7 @@
|
||||
.sg-card--call-to-action-card {
|
||||
--surface-call-to-action-card: var(--surface-card-group);
|
||||
--text-call-to-action-card: var(--color-font-light);
|
||||
--layout-call-to-action-card-width: var(--dimension-public-content-width);
|
||||
--layout-call-to-action-card-width: calc(var(--dimension-public-content-width) * 0.5);
|
||||
--layout-call-to-action-card-content-columns: minmax(0, 1fr) max-content;
|
||||
--layout-call-to-action-card-content-gap: var(--spacing-large);
|
||||
width: var(--layout-call-to-action-card-width);
|
||||
|
||||
Reference in New Issue
Block a user