WIP: Implement menu/navigation

assets/styles/components/menu.css

@@ -1,7 +1,15 @@
-.menu {
+.menu--header {
     @apply flex items-center space-x-4 h-8;
 }
 
+.menu--main {
+    @apply flex flex-col divide-y divide-gray-200;
+}
+
+.menu--main > li {
+    @apply py-4 first:pt-0 last:pb-0;
+}
+
 .menu--mobile {
     @apply flex-col space-x-0 h-auto divide-y divide-gray-200;
 }
@@ -10,7 +18,8 @@
     @apply py-4 w-full;
 }
 
-.menu a {
+.menu a,
+.menu div {
     @apply uppercase hover:text-slate-700 text-slate-900 text-sm lg:text-base;
 }
 
@@ -18,11 +27,20 @@
     @apply text-lg;
 }
 
+.menu ul {
+    @apply pl-7 pt-1;
+}
+
+.menu ul a {
+    @apply text-sm;
+}
+
 .menu .current > a,
 .menu .active > a {
     @apply text-slate-900 font-bold;
 }
 
-.menu .icon-link {
+.menu .icon-link,
+.menu .icon-section {
     @apply flex items-center space-x-2;
 }