47 lines
865 B
Stylus
47 lines
865 B
Stylus
+RV-Block('RV-Teaser')
|
|
RV-CSSParameter({
|
|
image-height: 300px,
|
|
image-width: 300px,
|
|
shadow-color: #6b5690
|
|
|
|
})
|
|
|
|
RV-Fan()
|
|
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--fullWidth(--image-height, --image-width) |