// Second skin
//
// Add a style on the teaser of a content preview.
//
// Note that the `.secondSkin-#` class is applied on a content preview selector which must contain a `.teaser` child
//
// .secondSkin-live            - Teaser summary color: highlight
// .secondSkin-community       - Teaser summary color: community
// .secondSkin-community-all   - Teaser title and summary color: community
//
// Markup: skin.twig
//
// Styleguide: Themes.styles
.secondSkin
    &-live
        .teaser-summary
            color var(--color-highlight)

    &-community
        .teaser-summary
            color var(--color-theme-community)

    &-community-all
        .teaser
            &-headline
            &-title
            &-summary
                color var(--color-theme-community)