menu, last checkin then hitting hay for real

Former-commit-id: bdba1ee25a
Former-commit-id: 6edcf8b058

build/packaged/semantic.min.css.REMOVED.git-id

@@ -1 +1 @@
-9917c936674324caca61b9af73e601d570609c9a
+7416a67eee58ed7b734e42b40f65ce2576589723

build/uncompressed/collections/menu.css

@@ -179,8 +179,6 @@
   margin: 0em;
 }
 .ui.vertical.menu .header.item {
-  padding-top: 1em;
-  padding-bottom: 1em;
   font-weight: bold;
   -webkit-box-shadow: 0em -0.1em 0em 0em rgba(0, 0, 0, 0.1) inset;
   -moz-box-shadow: 0em -0.1em 0em 0em rgba(0, 0, 0, 0.1) inset;
@@ -202,7 +200,7 @@
 .ui.menu .item > a > .label {
   font-size: 0.8em;
   margin: -0.3em 0em -0.3em 0.3em;
-  padding: 0.1em 0.8em;
+  padding: 0.3em 0.8em;
   vertical-align: baseline;
   text-transform: none;
 }

node/src/documents/collections/menu.html

@@ -304,23 +304,47 @@ type   : 'UI Collection'
     <div class="ui vertical menu">
       <div class="header item">
         <i class="icon community"></i>
-        Dogs
+        Communities
+      </div>
+      <div class="item">
+        College
+        <div class="menu">
+          <a class="item">Baseball</a>
+          <a class="item">Basketball</a>
+          <a class="item">Golf</a>
+        </div>
       </div>
       <a class="item">
-        Poodle
+        Dance
       </a>
       <a class="item">
-        Cockerspaniel
+        Aerobics
       </a>
       <div class="header item">
-        <i class="icon users"></i>
-        Users
+        <i class="icon globe"></i>
+        Cities
       </div>
       <a class="item">
-        Sally
+        New York
+      </a>
+      <a class="item">
+        Montreal
+      </a>
+      <a class="item">
+        Los Angeles
       </a>
       <a class="item">
-        Jimmy
+        San Francisco
+      </a>
+      <div class="header item">
+        <i class="icon calendar"></i>
+        Months
+      </div>
+      <a class="item">
+        August
+      </a>
+      <a class="item">
+        June
       </a>
     </div>
   </div>
@@ -332,11 +356,9 @@ type   : 'UI Collection'
       <p><i class="icon heart"></i> Single paragraphs are automatically formatted as text. You can also specify an item as textual by adding the classname <b>text</b></p>
     </div>
     <div class="ui vertical menu">
+      <div class="header item">Current Offer <span class="ui teal label">Exclusive</span></div>
       <div class="item">
-        <p><a>Join now</a> and save $10!</p>
-      </div>
-      <div class="item">
-        <p>Welcome back <b>username</b></p>
+        <p><a>Join now</a> and save $10 on a pro membership! </p>
       </div>
     </div>
   </div>
@@ -363,8 +385,7 @@ type   : 'UI Collection'
     <h4 class="ui header">Dropdown Item</h4>
     <p>An item may contain a nested menu in a dropdown.</p>
     <div class="ui ignore warning message">
-      <p><i class="icon heart"></i>  A dropdown menu will, by default, automatically show when the parent element is hovered.</p>
-      <p>If you need to programmatically close the dropdown, use the class name <b>dynamic</b> and the javascript state module, which will allow you to manipulate the hover state in javascript.</p>
+      <p><i class="icon heart"></i>Dropdowns use <a href="/modules/dropdown.html">UI dropdown elements. To have a dropdown open without javascript, use the simple variation</p>
     </div>
     <div class="ui vertical menu">
       <div class="ui simple dropdown item">

node/src/files/components/semantic/collections/menu.css

@@ -179,8 +179,6 @@
   margin: 0em;
 }
 .ui.vertical.menu .header.item {
-  padding-top: 1em;
-  padding-bottom: 1em;
   font-weight: bold;
   -webkit-box-shadow: 0em -0.1em 0em 0em rgba(0, 0, 0, 0.1) inset;
   -moz-box-shadow: 0em -0.1em 0em 0em rgba(0, 0, 0, 0.1) inset;
@@ -202,7 +200,7 @@
 .ui.menu .item > a > .label {
   font-size: 0.8em;
   margin: -0.3em 0em -0.3em 0.3em;
-  padding: 0.1em 0.8em;
+  padding: 0.3em 0.8em;
   vertical-align: baseline;
   text-transform: none;
 }

src/collections/menu.less

@@ -253,8 +253,6 @@
   margin: 0em;
 }
 .ui.vertical.menu .header.item {
-  padding-top: 1em;
-  padding-bottom: 1em;
   font-weight: bold;
 
   -webkit-box-shadow: 0em -0.1em 0em 0em rgba(0, 0, 0, 0.1) inset;
@@ -281,7 +279,7 @@
 .ui.menu .item > a > .label {
   font-size: 0.8em;
   margin: -0.3em 0em -0.3em 0.3em;
-  padding: 0.1em 0.8em;
+  padding: 0.3em 0.8em;
   vertical-align: baseline;
   text-transform: none;
 }