colette
Version:
A CSS and JS starter kit for 20 Minutes web projects
23 lines (21 loc) • 705 B
text/stylus
// Block link skin
//
// Add a style on the teaser of a content preview.
//
// Note that the `.blockLinkSkin-#` class is applied on a content preview selector which must contain a `.teaser` child
//
// .blockLinkSkin-communication - Teaser summary background color: native yellow
// .blockLinkSkin-brand - Block article background color: native yellow
//
// Markup: skin.twig
//
// Styleguide: Themes.BlockLinkSkin
.blockLinkSkin
&-communication
.teaser-summary
background-color var(--color-native)
color var(--color-native-foreground)
&-brand
&.box
background-color var(--color-native)
color var(--color-native-foreground)