_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;
        }
      }

    }
  }
}