scss-library/components/05_Molecules/teaser/_teaser.styl

56 lines
1.1 KiB
Stylus

RV-Teaser__Image(image-height, image-width)
+RV-Element()
RV-Fan__Base(image-height, image-width)
RV-Teaser__Preview(image-height, image-width)
+RV-Element()
RV-FlexRow()
RV-FlexRow--vertical()
RV-Spacing__Inner--medium()
RV-Fan__Surface(image-height, image-width)
> *
height unset
RV-Teaser__Text()
+RV-Element()
flex 1
RV-Teaser__Headline()
+RV-Element()
font-family sans-serif
color primary-color
justify-self center
RV-Teaser__Buttons()
+RV-Element()
RV-FlexRow__Item()
RV-FlexRow()
RV-FlexRow__Item--content()
RV-Spacing__Inner--small()
RV-FlexRow--horizontal()
padding 0
RV-Teaser()
+RV-Block()
RV-CSSParameter({
image-height: 300px,
image-width: 300px,
shadow-color: #6b5690
})
RV-Fan(--image-height, --image-width)
RV-BoxShadow()
RV-Teaser__Image(--image-height, --image-width)
RV-Teaser__Preview(--image-height, --image-width)
RV-Teaser__Text()
RV-Teaser__Headline()
RV-Teaser__Buttons()
RV-Fan--auto(--image-height, --image-width)
RV-BoxShadow--drop(--shadow-color)
RV-Teaser()