colette
Version:
A CSS and JS starter kit for 20 Minutes web projects
29 lines (26 loc) • 782 B
text/stylus
// 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)