From b1bfc03561751013b8d4fe8152e304a41f5a6231 Mon Sep 17 00:00:00 2001
From: reverend <reverend@reverend2048.de>
Date: Fri, 19 Mar 2021 13:51:57 +0100
Subject: [PATCH] Adapting Teaser to generator

---
 components/05_Molecules/_molecules.styl     |  4 +-
 components/05_Molecules/teaser/_teaser.styl | 67 ++++++++++++---------
 components/05_Molecules/teaser/teaser.hbs   |  2 +-
 components/_components.styl                 |  6 +-
 4 files changed, 45 insertions(+), 34 deletions(-)

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 @@
 			<h2>This is a headline for a teaser it is indeed dear reader</h2>
 		</div>
 		<div class="RV-Teaser__Text">
-			<div class="RV-Truncation--fade">
+			<div class="RV-Truncation RV-Truncation--fade">
 				<div class="RV-Truncation__Cutter">
 					<p class="RV-Truncation__Content">
 					Qui sequi et et nostrum esse quae. Quasi voluptas aut adipisci ad quo at. Reiciendis sed vitae vero eaque aliquid ea dolorem. Qui consequatur temporibus quod eius natus ut et. Qui at necessitatibus incidunt et pariatur rem vel. Consequatur voluptas saepe odit voluptate magni possimus iure.
diff --git a/components/_components.styl b/components/_components.styl
index a019cd9..537e194 100644
--- a/components/_components.styl
+++ b/components/_components.styl
@@ -2,10 +2,10 @@ bem_debug = true
 
 @import '00_Tools/_tools'
 @import '01_Layouts/_layouts'
-//@import '02_ContentShape/_contentShape'
+@import '02_ContentShape/_contentShape'
 @import '03_Styles/_styles'
-//@import '04_Atoms/_atoms'
-//@import '05_Molecules/_molecules'
+@import '04_Atoms/_atoms'
+@import '05_Molecules/_molecules'
 
 //@import '06_Organisms/_organisms'
 //@import '10_Examples/playground/_playground'