From d070cc07bf4c13b948ec7d870618c33c4c1e1b65 Mon Sep 17 00:00:00 2001
From: reverend <reverend@reverend2048.de>
Date: Tue, 19 Jan 2021 23:36:56 +0100
Subject: [PATCH] (Re)Moving Sizes/Add Dummy sizes

---
 components/01_Layouts/_layouts.styl           |  4 +-
 components/01_Layouts/dummy/_dummy.styl       | 15 +++
 .../dummy.config.json}                        |  0
 components/01_Layouts/dummy/dummy.hbs         |  0
 components/01_Layouts/flexRow/_flexRow.styl   | 16 +++-
 components/01_Layouts/sizes/_sizes.styl       | 51 ----------
 components/01_Layouts/sizes/sizes.hbs         | 96 -------------------
 7 files changed, 29 insertions(+), 153 deletions(-)
 create mode 100644 components/01_Layouts/dummy/_dummy.styl
 rename components/01_Layouts/{sizes/sizes.config.json => dummy/dummy.config.json} (100%)
 create mode 100644 components/01_Layouts/dummy/dummy.hbs
 delete mode 100644 components/01_Layouts/sizes/_sizes.styl
 delete mode 100644 components/01_Layouts/sizes/sizes.hbs

diff --git a/components/01_Layouts/_layouts.styl b/components/01_Layouts/_layouts.styl
index 9a29203..b0e3695 100644
--- a/components/01_Layouts/_layouts.styl
+++ b/components/01_Layouts/_layouts.styl
@@ -1,7 +1,7 @@
-@import 'sizes/_sizes'
 @import 'contentCrop/_contentCrop'
 @import 'fullWidthContent/_fullWidthContent'
 @import 'flexRow/_flexRow'
 @import 'flexGrid/_flexGrid'
 @import 'fan/_fan'
-@import 'alignment/_alignment'
\ No newline at end of file
+@import 'alignment/_alignment'
+@import 'dummy/_dummy'
\ No newline at end of file
diff --git a/components/01_Layouts/dummy/_dummy.styl b/components/01_Layouts/dummy/_dummy.styl
new file mode 100644
index 0000000..851eb0f
--- /dev/null
+++ b/components/01_Layouts/dummy/_dummy.styl
@@ -0,0 +1,15 @@
++RV-Block('RV-Dummy')
+	+RV-Block__Modifier('square')
+		height 350px
+		width 350px
+		
+	+RV-Block__Modifier('portrait')
+		height 350px
+		width 150px
+		
+	+RV-Block__Modifier('landscape')
+		width 350px
+		height 150px
+		
+	+RV-Block__Modifier('red')
+		background-color #d8583e
\ No newline at end of file
diff --git a/components/01_Layouts/sizes/sizes.config.json b/components/01_Layouts/dummy/dummy.config.json
similarity index 100%
rename from components/01_Layouts/sizes/sizes.config.json
rename to components/01_Layouts/dummy/dummy.config.json
diff --git a/components/01_Layouts/dummy/dummy.hbs b/components/01_Layouts/dummy/dummy.hbs
new file mode 100644
index 0000000..e69de29
diff --git a/components/01_Layouts/flexRow/_flexRow.styl b/components/01_Layouts/flexRow/_flexRow.styl
index 4f48b02..5f58645 100644
--- a/components/01_Layouts/flexRow/_flexRow.styl
+++ b/components/01_Layouts/flexRow/_flexRow.styl
@@ -90,19 +90,27 @@ RV-FlexRow__Item--fixedSize(width)
  */
 RV-FlexRow__Item--half()
 	+RV-Element__Modifier--name('half')
-		RV-Sizes--half()
+		flex-grow 0
+		flex-shrink 0
+		flex-basis 50%
 
 RV-FlexRow__Item--third()
 	+RV-Element__Modifier--name('third')
-		RV-Sizes--third()
+		flex-grow 0
+		flex-shrink 0
+		flex-basis (100/3)%		
 
 RV-FlexRow__Item--quarter()
 	+RV-Element__Modifier--name('quarter')
-		RV-Sizes--quarter()
+		flex-grow 0
+		flex-shrink 0
+		flex-basis 25%
 	
 RV-FlexRow__Item--content()
 	+RV-Element__Modifier--name('content')
-		RV-Sizes--content()
+		flex-grow 0
+		flex-shrink 0
+		flex-basis max-content
 
 /* ##########
  * Block
diff --git a/components/01_Layouts/sizes/_sizes.styl b/components/01_Layouts/sizes/_sizes.styl
deleted file mode 100644
index 1643e0c..0000000
--- a/components/01_Layouts/sizes/_sizes.styl
+++ /dev/null
@@ -1,51 +0,0 @@
-RV-Sizes--half()
-	+RV-Block__Modifier--name('half')
-		flex-grow 0
-		flex-shrink 0
-		flex-basis 50%
-		width 50%
-	
-RV-Sizes--third()
-	+RV-Block__Modifier--name('third')
-		flex-grow 0
-		flex-shrink 0
-		flex-basis (100/3)%
-		width (100/3)%
-	
-RV-Sizes--quarter()
-	+RV-Block__Modifier--name('quarter')
-		flex-grow 0
-		flex-shrink 0
-		flex-basis 25%
-		width 25%
-	
-RV-Sizes--fixedSize(width=100px)
-	+RV-Block__Modifier--name('fixedSize')
-		flex-grow 0
-		flex-shrink 0
-		width min-content
-		flex-basis width
-	
-RV-Sizes--content()
-	+RV-Block__Modifier--name('content')
-		flex-grow 0
-		flex-shrink 0
-		width max-content
-		flex-basis max-content
-
-+RV-Block('RV-Sizes')
-
-	+RV-Block__Modifier()
-		RV-Sizes--half()
-
-	+RV-Block__Modifier()
-		RV-Sizes--third()
-
-	+RV-Block__Modifier()
-		RV-Sizes--quarter()
-
-	+RV-Block__Modifier()
-		RV-Sizes--fixedSize()
-
-	+RV-Block__Modifier()
-		RV-Sizes--content()
\ No newline at end of file
diff --git a/components/01_Layouts/sizes/sizes.hbs b/components/01_Layouts/sizes/sizes.hbs
deleted file mode 100644
index ef39796..0000000
--- a/components/01_Layouts/sizes/sizes.hbs
+++ /dev/null
@@ -1,96 +0,0 @@
-<div class="grid">
-	<div>
-		<div class="red RV-Sizes--half">
-			non flexbox, half size
-		</div>
-		<inline class="green">
-			other, no class
-		</inline>
-	</div>
-	<br>
-	<div>
-		<div class="red RV-Sizes--third">
-			non flexbox, third size
-		</div>
-		<inline class="green">
-			other, no class
-		</inline>
-	</div>
-	<br>
-	<div>
-		<div class="red RV-Sizes--quarter">
-			non flexbox, quarter size
-		</div>
-		<inline class="green">
-			other, no class
-		</inline>
-	</div>
-	<br>
-	<div>
-		<div class="red RV-Sizes--fixedSize" style="width: 150px;">
-			non flexbox, fixed size
-		</div>
-		<inline class="green">
-			other, no class
-		</inline>
-	</div>
-	<br>
-	<div>
-		<div class="red RV-Sizes--content">
-			non flexbox, content size
-		</div>
-		<inline class="green">
-			other, no class
-		</inline>
-	</div>
-	<br><br>
-	using flexbox<br>
-	<div class="RV-FlexRow__Container">
-		<div class="red RV-Sizes--half">
-			non flexbox, half size
-		</div>
-		<div class="green RV-Sizes--quarter">
-			non flexbox, quarter size
-		</div>
-		<inline class="red">
-			other, no class
-		</inline>
-	</div>
-	<br>
-	<div class="RV-FlexRow__Container">
-		<div class="red RV-Sizes--third">
-			non flexbox, third size
-		</div>
-		<inline class="green">
-			other, no class
-		</inline>
-	</div>
-	<br>
-	<div class="RV-FlexRow__Container">
-		<div class="red RV-Sizes--quarter">
-			non flexbox, quarter size
-		</div>
-		<inline class="green">
-			other, no class
-		</inline>
-	</div>
-	<br>
-	<div class="RV-FlexRow__Container">
-		<div class="red RV-Sizes--fixedSize" style="width: 150px;">
-			non flexbox, fixed size
-		</div>
-		<inline class="green">
-			other, no class
-		</inline>
-	</div>
-	<br>
-	<div class="RV-FlexRow__Container">
-		<div class="red RV-Sizes--content">
-			non flexbox, content size
-		</div>
-		<inline class="green">
-			other, no class
-		</inline>
-	</div>
-</div>
-