<figure>Inhalt der figure kommt hier hin
<figcaption>Ich bin eine figcaption</figcaption>
</figure>
<figure>
Inhalt der figure kommt hier hin
<figcaption>Ich bin eine figcaption</figcaption>
</figure>
/* No context defined for this component. */
figure {
margin: 0 0 $content-spacer-base;
// Short figcaptions will be centered, long ones left aligned
text-align: center;
& img {
width: 100%;
}
}
figcaption {
@extend %heading-font-regular;
display: inline-block;
// Short figcaptions will be centered, long ones left aligned
text-align: left;
line-height: $figcaption-line-height-small;
font-size: $figcaption-font-size-small;
}
@media screen and (min-width: $grid-breakpoint-md) {
figcaption {
line-height: $figcaption-line-height;
font-size: $figcaption-font-size;
}
}
There are no notes for this item.