Use content card for footer
This commit is contained in:
@@ -44,12 +44,8 @@
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<article class="sg-group-card sg-page-layout-public__footer-group" data-component="group-card" aria-label="Fusszeile">
|
<article class="sg-card sg-card--content-card sg-page-layout-public__footer-card" data-component="content-card" aria-label="Fusszeile">
|
||||||
<div class="sg-group-card__header-row">
|
<div class="sg-card-segment sg-card-segment--body" data-component-part="card-body">
|
||||||
<h2 class="sg-heading-h2 sg-text-on-dark sg-group-card__heading">Fusszeile</h2>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="sg-group-card__body">
|
|
||||||
<div class="sg-text-layout-pattern" data-pattern="text-layout-zweispaltig" aria-label="Text Layout zweispaltig mobil zweispaltig">
|
<div class="sg-text-layout-pattern" data-pattern="text-layout-zweispaltig" aria-label="Text Layout zweispaltig mobil zweispaltig">
|
||||||
<div class="sg-text-layout-pattern__preview-surface">
|
<div class="sg-text-layout-pattern__preview-surface">
|
||||||
<div class="sg-text-layout-pattern__sample sg-text-layout-pattern__two-column" data-pattern-part="text-block-two-column">
|
<div class="sg-text-layout-pattern__sample sg-text-layout-pattern__two-column" data-pattern-part="text-block-two-column">
|
||||||
|
|||||||
@@ -28,6 +28,8 @@ main {
|
|||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sg-page-layout-public__footer-group {
|
.sg-page-layout-public__footer-card {
|
||||||
margin-top: auto;
|
margin-top: auto;
|
||||||
|
--surface-card: var(--surface-card-group);
|
||||||
|
--surface-card-body: var(--surface-card-group);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user