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

45 lines
848 B
Stylus
Raw Normal View History

+RV-Block('RV-Teaser')
RV-CSSParameter({
image-height: 300px,
image-width: 300px,
shadow-color: #6b5690
})
RV-Fan(--image-height, --image-width)
RV-BoxShadow()
+RV-Element('Image')
RV-Fan__Base(--image-height, --image-width)
+RV-Element('Preview')
2021-03-06 18:53:03 +01:00
RV-Fan__Surface(--image-height, --image-width)
2021-03-10 02:59:26 +01:00
RV-FlexRow()
2021-03-10 00:58:20 +01:00
+RV-Squash()
RV-FlexRow--vertical()
RV-Spacing__Inner--medium()
2021-03-10 02:59:26 +01:00
> *
height unset
+RV-Element('Text')
flex 1
+RV-Element('Headline')
font-family sans-serif
color primary-color
justify-self center
+RV-Element('Buttons')
RV-FlexRow__Item()
2021-03-10 02:59:26 +01:00
RV-FlexRow()
2021-03-10 00:58:20 +01:00
+RV-Squash()
RV-FlexRow__Item--content()
RV-Spacing__Inner--small()
2021-03-10 00:58:20 +01:00
RV-FlexRow--horizontal()
padding 0
2021-03-10 00:58:20 +01:00
2021-03-10 02:59:26 +01:00
+RV-Block--modifier('')
2021-03-10 00:58:20 +01:00
RV-Fan--auto(--image-height, --image-width)
RV-BoxShadow--drop(--shadow-color)