Restructuring Organisms

components/06_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/06_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/06_Organisms/menu/meun.config.json

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