_mod_article_theme.scss

layout/_mod_article_theme.scss

@use "../abstracts/" as *;

// articles with background-colors can be styled globally
// or via utility-classes

// colored inside
.mod_article.colored-inside {
  // margin-block is not obligatory
  margin-block: 1.5rem;
  padding-block: unset;
  background-color: $color-primary-100;
  .inside {
    padding-block: 1.5rem;
    padding-inline: 1rem;
    background-color: $color-primary-200;
  }
}

// theme-styled articles

Artikel mit Hintergrundfarben

Styling mit utility-Klassen

• wenn nur einzelne Artikel farblich hinterlegt werden sollen
• background-cd-xxx und color-cd-xxx

Styling im Stylesheet über Klassen

• wenn Artikel grundsätzlich eingefärbt werden (F&F)
• z.B. für Schattierungen von Hintergrundfarben bei .colored-inside:

.mod_article.colored-inside {
  &.poa {
    background-color: hsl(from $color-cd-poa h s l / 0.1);
    .inside {
      background-color: hsl(from $color-cd-poa h s l / 0.2);
    }
  }
}