<section class="conclusion">
<div class="conclusion-content">
<h1 class="conclusion-headline">Fazit</h1>
<h3 class="conclusion-subheadline">Kurz auf den Punkt gebracht</h3>
<div class="conclusion-text">
<p>Bacon ipsum dolor amet andouille <a href="https://de.wikipedia.org/wiki/Ansatz">Ansatz</a> prosciutto
alcatra tenderloin. Pork loin meatball short ribs ham chuck meatloaf sausage
jerky, pastrami short loin. Ham hock kielbasa kevin boudin fatback sausage.
Porchetta meatball ball tip, tri-tip alcatra venison tenderloin.</p>
</div>
</div>
</section>
<section class="conclusion">
<div class="conclusion-content">
<h1 class="conclusion-headline">Fazit</h1>
<h3 class="conclusion-subheadline">Kurz auf den Punkt gebracht</h3>
<div class="conclusion-text">
<p>Bacon ipsum dolor amet andouille <a href="https://de.wikipedia.org/wiki/Ansatz">Ansatz</a> prosciutto alcatra tenderloin. Pork loin meatball short ribs ham chuck meatloaf sausage jerky, pastrami short loin. Ham hock kielbasa kevin boudin fatback sausage. Porchetta meatball ball tip, tri-tip alcatra venison tenderloin.</p>
</div>
</div>
</section>
/* No context defined for this component. */
//
// Conclusion
//
.conclusion {
border-top: $conclusion-border-size solid $conclusion-border-color;
border-bottom: $conclusion-border-size solid $conclusion-border-color;
background: $conclusion-background-color;
padding: $spacer-lg $container-spacer-x;
}
.conclusion-headline {
line-height: $conclusion-headline-line-height-small;
color: $conclusion-headline-color;
font-size: $conclusion-headline-font-size-small;
}
.conclusion-subheadline {
line-height: $conclusion-subheadline-line-height-small;
color: $conclusion-subheadline-color;
font-size: $conclusion-subheadline-font-size-small;
}
.conclusion-text {
&,
& > * {
@extend %heading-font-regular;
line-height: $conclusion-text-line-height-small;
color: $conclusion-text-color;
font-size: $conclusion-text-font-size-small;
// Remove the margin of the last paragraph inside a conclusion
&:last-child {
margin-bottom: 0;
}
}
a {
color: $conclusion-link-color;
}
}
@media screen and (min-width: $grid-breakpoint-md) {
.conclusion {
padding: $spacer-xxl 0;
}
.conclusion-headline {
line-height: $conclusion-headline-line-height;
font-size: $conclusion-headline-font-size;
}
.conclusion-subheadline {
line-height: $conclusion-subheadline-line-height;
font-size: $conclusion-subheadline-font-size;
}
.conclusion-text {
line-height: $conclusion-text-line-height;
font-size: $conclusion-text-font-size;
}
}
@media screen and (min-width: $grid-breakpoint-lg) {
.conclusion {
border: $conclusion-border-size solid $conclusion-border-color;
}
}
There are no notes for this item.