Updates menu less slightly to include css with similar rules #553

server/documents/hotfix.html.eco

@@ -0,0 +1,62 @@
+---
+layout : 'default'
+css    : 'hotfix'
+
+title  : 'Test Page'
+type   : 'Library'
+---
+<%- @partial('header') %>
+
+<div class="main container">
+    <nav class="ui small menu">
+        <div class="application">
+            <a class="item" href="#home">
+                <i class="home icon"></i>
+                Home
+            </a>
+
+            <a class="item" href="#hot-posts">
+                <i class="fire icon"></i>
+                Hot
+            </a>
+
+            <a class="item" href="#trending-posts">
+                <i class="basic chart icon"></i>
+                Trending
+            </a>
+
+            <a class="item" href="#fresh-posts">
+                <i class="lemon icon"></i>
+                Fresh
+            </a>
+
+            <div class="item">
+                <div class="ui action input">
+                    <input type="text" placeholder="Search...">
+                    <a class="ui icon button">
+                        <i class="search icon"></i>
+                    </a>
+                </div>
+            </div>
+
+            <nav class="right menu">
+                <a class="item" href="#login">
+                    <i class="sign in icon"></i>
+                    Sign In
+                </a>
+
+                <a class="item" href="#create-profile">
+                    <i class="signup icon"></i>
+                    Sign Up
+                </a>
+
+                <div class="item">
+                    <a class="ui icon labeled button red" href="#create-post">
+                        <i class="add sign box icon"></i>
+                        Add
+                    </a>
+                </div>
+            </nav>
+        </div>
+    </nav>
+</div>

src/collections/menu.less

@@ -231,7 +231,6 @@
   padding-top: 0.55em;
 
   font-size: 0.875em;
-  box-shadow: none;
 }
 
 
@@ -259,6 +258,33 @@
   padding-top: 0.63em;
 }
 
+/* Action Input */
+.ui.menu:not(.vertical) .item > .button.labeled > .icon {
+  padding-top: 0.6em;
+}
+.ui.menu:not(.vertical) .item .action.input > .button {
+  font-size: 0.8em;
+  padding: 0.55em 0.8em;
+}
+
+/* Resizes */
+.ui.small.menu:not(.vertical) .item > .input input {
+  padding-top: 0.4em;
+  padding-bottom: 0.4em;
+}
+.ui.large.menu:not(.vertical) .item > .input input {
+  top: -0.125em;
+  padding-bottom: 0.6em;
+  padding-top: 0.6em;
+}
+.ui.large.menu:not(.vertical) .item .action.input > .button {
+  font-size: 0.8em;
+  padding: 0.9em;
+}
+.ui.large.menu:not(.vertical) .item .action.input > .button > .icon {
+  padding-top: 0.8em;
+}
+
 /*--------------
      Header
 ---------------*/
@@ -1776,10 +1802,6 @@
 .ui.small.menu .item {
   font-size: 0.875rem;
 }
-.ui.small.menu:not(.vertical) .item > .input input {
-  padding-top: 0.4em;
-  padding-bottom: 0.4em;
-}
 .ui.small.vertical.menu {
   width: 13rem;
 }
@@ -1787,13 +1809,6 @@
 .ui.menu .item {
   font-size: 1rem;
 }
-.ui.menu:not(.vertical) .item > .button.labeled > .icon {
-  padding-top: 0.6em;
-}
-.ui.menu:not(.vertical) .item .action.input > .button {
-  font-size: 0.8em;
-  padding: 0.55em 0.8em;
-}
 .ui.vertical.menu {
   width: 15rem;
 }
@@ -1805,18 +1820,6 @@
 .ui.large.menu .item .item {
   font-size: 0.875rem;
 }
-.ui.large.menu:not(.vertical) .item > .input input {
-  top: -0.125em;
-  padding-bottom: 0.6em;
-  padding-top: 0.6em;
-}
-.ui.large.menu:not(.vertical) .item .action.input > .button {
-  font-size: 0.8em;
-  padding: 0.9em;
-}
-.ui.large.menu:not(.vertical) .item .action.input > .button > .icon {
-  padding-top: 0.8em;
-}
 .ui.large.menu .dropdown.item .item {
   font-size: 1rem;
 }