Renaming Dicts according to atomic design

components/05_Organisms/_organisms.styl

@@ -0,0 +1,2 @@
+@import 'menu/_menu'
+@import 'imageGrid/_imageGrid'

components/05_Organisms/imageGrid/_imageGrid.styl

@@ -0,0 +1,19 @@
+RV-ImageGrid()
+	RV-FlexGrid()
+
+	&__Container
+		RV-Spacing__Inner--small()
+		RV-FlexGrid__Container--masonry()
+
+	&__Item
+		RV-ContentCrop()
+		RV-ContentCrop--center()
+		RV-OverlayButton__Item()
+		
+	&__Button
+		RV-OverlayButton__Button()
+		RV-OverlayButton__Button--topRight()
+		RV-OverlayButton__Button--medium()
+
+.RV-ImageGrid
+	RV-ImageGrid()

components/05_Organisms/imageGrid/imageGrid.config.json

@@ -0,0 +1 @@
+{}

components/05_Organisms/imageGrid/imageGrid.hbs

@@ -0,0 +1,28 @@
+<div class="RV-ImageGrid">
+    <ul class="RV-ImageGrid__Container">
+        <li class="RV-ImageGrid__Item">
+			<a href="#" class="RV-ImageGrid__Button RV-ImageGrid__Button--circle">&#215;</a>
+			<div class="RV-Image">
+				<img src="{{path '/images/hasi01.png'}}" alt="">
+			</div>
+		</li>
+        <li class="RV-ImageGrid__Item">
+			<a href="#" class="RV-ImageGrid__Button RV-ImageGrid__Button--circle">&#215;</a>
+			<div class="RV-Image">
+				<img src="{{path '/images/hasi02.jpeg'}}" alt="">
+			</div>
+		</li>
+        <li class="RV-ImageGrid__Item">
+			<a href="#" class="RV-ImageGrid__Button RV-ImageGrid__Button--circle">&#215;</a>
+			<div class="RV-Image">
+				<img src="{{path '/images/hasi03.jpeg'}}" alt="">
+			</div>
+		</li>
+        <li class="RV-ImageGrid__Item">
+			<a href="#" class="RV-ImageGrid__Button RV-ImageGrid__Button--circle">&#215;</a>
+			<div class="RV-Image">
+				<img src="{{path '/images/hasi04.png'}}" alt="">
+			</div>
+		</li>
+    </ul>
+</div>

components/05_Organisms/menu/_menu.styl

@@ -0,0 +1,26 @@
+RV-Menu()
+    &--vertical &__List
+        RV-FlexRow__Container--vertical()
+        width 100%
+
+    &--horizontal &__List
+        RV-FlexRow__Container--horizontal()
+        RV-FlexRow__Container--breakPoint(400px)
+
+    &__List
+        RV-FlexRow__Container(prefix='.RV-Menu')
+        RV-ElementList()
+
+    &__Item
+        RV-FlexRow__Item()
+        RV-FlexRow__Item--shorthands()
+        width 100px
+
+        .RV-Link
+            padding spacing-small
+            background-color beige
+            display block
+            white-space nowrap
+
+.RV-Menu
+    RV-Menu()

components/05_Organisms/menu/menu.hbs

@@ -0,0 +1,41 @@
+<div class="RV-Menu RV-Menu--horizontal">
+	<ul class="RV-Menu__List">
+		<li class="RV-Menu__Item"><a href="#" class="RV-Link">Home</a></li>
+		<li class="RV-Menu__Item"><a href="#" class="RV-Link">Projects</a></li>
+		<li class="RV-Menu__Item"><a href="#" class="RV-Link">About</a></li>
+		<li class="RV-Menu__Item"><a href="#" class="RV-Link">Legal</a></li>
+	</ul>
+</div>
+
+<br><br>
+
+<div class="RV-Menu RV-Menu--vertical RV-Menu">
+	<ul class="RV-Menu__List">
+		<li class="RV-Menu__Item"><a href="#" class="RV-Link">Home</a></li>
+		<li class="RV-Menu__Item"><a href="#" class="RV-Link">Projects</a></li>
+		<li class="RV-Menu__Item"><a href="#" class="RV-Link">About</a></li>
+		<li class="RV-Menu__Item"><a href="#" class="RV-Link">Legal</a></li>
+	</ul>
+</div>
+
+<br><br>
+
+<div class="RV-Menu RV-Menu--horizontal RV-Spacing__Inner--small">
+	<ul class="RV-Menu__List">
+		<li class="RV-Menu__Item"><a href="#" class="RV-Link">Home</a></li>
+		<li class="RV-Menu__Item"><a href="#" class="RV-Link">Projects</a></li>
+		<li class="RV-Menu__Item"><a href="#" class="RV-Link">About</a></li>
+		<li class="RV-Menu__Item"><a href="#" class="RV-Link">Legal</a></li>
+	</ul>
+</div>
+
+<br><br>
+
+<div class="RV-Menu RV-Menu--vertical">
+	<ul class="RV-Menu__List">
+		<li class="RV-Menu__Item"><a href="#" class="RV-Link">Home</a></li>
+		<li class="RV-Menu__Item"><a href="#" class="RV-Link">Projects</a></li>
+		<li class="RV-Menu__Item"><a href="#" class="RV-Link">About</a></li>
+		<li class="RV-Menu__Item"><a href="#" class="RV-Link">Legal</a></li>
+	</ul>
+</div>

components/05_Organisms/menu/meun.config.json

@@ -0,0 +1 @@
+{}