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

47 lines
889 B
Stylus

+RV-Block('RV-Teaser')
RV-CSSParameter({
image-height: 300px,
image-width: 300px,
shadow-color: #6b5690
})
RV-Fan(--image-height, --image-width)
RV-BoxShadow()
RV-BoxShadow--drop(--shadow-color)
+RV-Element('Image')
RV-Fan__Base(--image-height, --image-width)
+RV-Element('Preview')
RV-FlexRow()
RV-FlexRow--vertical()
RV-Fan__Surface(--image-height, --image-width)
RV-Spacing__Inner--medium()
+RV-Element('Text')
color text-color
flex 1
RV-ContentCrop()
RV-ContentCrop__Text()
RV-ContentCrop__Text--fade()
.RV-Text
height 100%
+RV-Element('Headline')
font-family sans-serif
color primary-color
justify-self center
+RV-Element('Buttons')
RV-FlexRow__Item()
RV-FlexRow__Item--content()
RV-Spacing__Inner--small()
RV-FlexRow()
RV-FlexRow--horizontal()
padding 0
RV-Fan--auto(--image-height, --image-width)