Skip to content

_rsce_text_bild.scss

rsce-templates/_rsce_text_bild.scss
@use "../abstracts/" as *;
.content-rsce-text-bild {
display: flex;
flex-direction: column;
gap: $content-row-gap $content-column-gap;
&.media--left,
&.media--right {
@media (width > $tweakpoint-tablet) {
flex-direction: row;
figure,
.textblock {
margin-block-end: unset;
}
// align textblock and image
&.image-start {
figure {
align-self: start;
}
}
&.image-center {
figure {
align-self: center;
}
}
&.image-end {
figure {
align-self: end;
}
}
&.text-start {
.textblock {
align-self: start;
}
}
&.text-center {
.textblock {
align-self: center;
}
}
&.text-end {
.textblock {
align-self: end;
}
}
}
}
}