diff --git a/components/05_Molecules/_molecules.styl b/components/05_Molecules/_molecules.styl index 4bd3d2f..1025952 100644 --- a/components/05_Molecules/_molecules.styl +++ b/components/05_Molecules/_molecules.styl @@ -1,3 +1,3 @@ -@import 'overlayButton/_overlayButton' +//@import 'overlayButton/_overlayButton' @import 'teaser/_teaser' -@import 'pagination/_pagination' \ No newline at end of file +//@import 'pagination/_pagination' \ No newline at end of file diff --git a/components/05_Molecules/teaser/_teaser.styl b/components/05_Molecules/teaser/_teaser.styl index 62286df..9e29fae 100644 --- a/components/05_Molecules/teaser/_teaser.styl +++ b/components/05_Molecules/teaser/_teaser.styl @@ -1,45 +1,56 @@ -+RV-Block('RV-Teaser') - RV-CSSParameter({ - image-height: 300px, - image-width: 300px, - shadow-color: #6b5690 - - }) +RV-Teaser__Image(image-height, image-width) + +RV-Element() + RV-Fan__Base(image-height, image-width) - RV-Fan(--image-height, --image-width) - RV-BoxShadow() - - +RV-Element('Image') - RV-Fan__Base(--image-height, --image-width) - - +RV-Element('Preview') - RV-Fan__Surface(--image-height, --image-width) +RV-Teaser__Preview(image-height, image-width) + +RV-Element() RV-FlexRow() - +RV-Squash() - RV-FlexRow--vertical() - RV-Spacing__Inner--medium() + RV-FlexRow--vertical() + RV-Spacing__Inner--medium() + RV-Fan__Surface(image-height, image-width) > * height unset - +RV-Element('Text') +RV-Teaser__Text() + +RV-Element() flex 1 - +RV-Element('Headline') +RV-Teaser__Headline() + +RV-Element() font-family sans-serif color primary-color justify-self center - +RV-Element('Buttons') +RV-Teaser__Buttons() + +RV-Element() RV-FlexRow__Item() RV-FlexRow() - +RV-Squash() - RV-FlexRow__Item--content() - RV-Spacing__Inner--small() + RV-FlexRow__Item--content() + RV-Spacing__Inner--small() - RV-FlexRow--horizontal() + RV-FlexRow--horizontal() padding 0 - - +RV-Block--modifier('') + +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) \ No newline at end of file + RV-BoxShadow--drop(--shadow-color) + +RV-Teaser() \ No newline at end of file diff --git a/components/05_Molecules/teaser/teaser.hbs b/components/05_Molecules/teaser/teaser.hbs index d24e5ca..513ede6 100644 --- a/components/05_Molecules/teaser/teaser.hbs +++ b/components/05_Molecules/teaser/teaser.hbs @@ -7,7 +7,7 @@