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

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()