Fixes some broken icons, example content

build/minified/collections/message.min.css

@@ -1 +1 @@
-.ui.message{position:relative;min-height:18px;margin:1em 0;height:auto;background-color:rgba(0,0,0,.04);padding:1em;line-height:1.33;color:rgba(0,0,0,.6);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.ui.message .header{font-size:1.33em;font-weight:700}.ui.message p{opacity:.85;margin:1em 0}.ui.message :first-child{margin-top:0}.ui.message :last-child{margin-bottom:0}.ui.message ul.list{opacity:.85;list-style-position:inside;margin:.2em 0;padding:0}.ui.message ul.list li{position:relative;list-style-type:none;font-style:italic;margin:0 0 0 1em;padding:0}.ui.message ul.list li:before{position:absolute;content:'\2022';top:-.05em;left:-.8em;height:100%;vertical-align:baseline;opacity:.5}.ui.message ul.list li:first-child{margin-top:0}.ui.message>.icon.close{cursor:pointer;position:absolute;top:1em;right:.5em;opacity:.7;-webkit-transition:opacity .1s linear;-moz-transition:opacity .1s linear;-o-transition:opacity .1s linear;-ms-transition:opacity .1s linear;transition:opacity .1s linear}.ui.message>.icon.close:hover{opacity:1}.ui.message.visible,.ui.header.visible{display:block!important}.ui.message.hidden,.ui.header.hidden{display:none}.ui.compact.message{display:inline-block}.ui.attached.message{margin-bottom:0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;-webkit-box-shadow:0 0 0 1px #DDD;-moz-box-shadow:0 0 0 1px #DDD;box-shadow:0 0 0 1px #DDD}.ui.bottom.attached.message{margin-top:0;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;-webkit-box-shadow:0 0 0 1px #DDD;-moz-box-shadow:0 0 0 1px #DDD;box-shadow:0 0 0 1px #DDD}.ui.icon.message>.icon{display:table-cell;vertical-align:middle;font-size:3.8em;padding-right:.4em;opacity:.2}.ui.icon.message>.content{display:table-cell;vertical-align:middle}.ui.inverted.message{background-color:rgba(255,255,255,.05);color:rgba(255,255,255,.95)}.ui.black.message{background-color:#333;color:rgba(255,255,255,.95)}.ui.blue.message,.ui.info.message{border-color:#75C9E9;background-color:#E9F9FF;color:#1D6582}.ui.green.message,.ui.success.message,.ui.positive.message{background-color:#EEFFE9;color:#119000;border-color:#2FCB05}.ui.yellow.message,.ui.warning.message{background-color:#F6F3D5;border-color:#CBB105;color:#AF9801}.ui.red.message,.ui.error.message,.ui.negative.message{background-color:#F1D7D7;color:#AD0000;border-color:#B06C6C}.ui.small.message{font-size:.875em}.ui.message{font-size:1em}.ui.large.message{font-size:1.125em}.ui.huge.message{font-size:1.5em}.ui.massive.message{font-size:2em}
+.ui.message{position:relative;min-height:18px;margin:1em 0;height:auto;background-color:rgba(0,0,0,.04);padding:1em;line-height:1.33;color:rgba(0,0,0,.6);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.ui.message .header{font-size:1.33em;font-weight:700}.ui.message .header+p{margin-top:0}.ui.message p{opacity:.85;margin:1em 0}.ui.message :first-child{margin-top:0}.ui.message :last-child{margin-bottom:0}.ui.message ul.list{opacity:.85;list-style-position:inside;margin:.2em 0;padding:0}.ui.message ul.list li{position:relative;list-style-type:none;font-style:italic;margin:0 0 0 1em;padding:0}.ui.message ul.list li:before{position:absolute;content:'\2022';top:-.05em;left:-.8em;height:100%;vertical-align:baseline;opacity:.5}.ui.message ul.list li:first-child{margin-top:0}.ui.message>.icon.close{cursor:pointer;position:absolute;top:1em;right:.5em;opacity:.7;-webkit-transition:opacity .1s linear;-moz-transition:opacity .1s linear;-o-transition:opacity .1s linear;-ms-transition:opacity .1s linear;transition:opacity .1s linear}.ui.message>.icon.close:hover{opacity:1}.ui.message.visible,.ui.header.visible{display:block!important}.ui.message.hidden,.ui.header.hidden{display:none}.ui.compact.message{display:inline-block}.ui.attached.message{margin-bottom:0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;-webkit-box-shadow:0 0 0 1px #DDD;-moz-box-shadow:0 0 0 1px #DDD;box-shadow:0 0 0 1px #DDD}.ui.bottom.attached.message{margin-top:0;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;-webkit-box-shadow:0 0 0 1px #DDD;-moz-box-shadow:0 0 0 1px #DDD;box-shadow:0 0 0 1px #DDD}.ui.icon.message>.icon{display:table-cell;vertical-align:middle;font-size:3.8em;padding-right:.4em;opacity:.2}.ui.icon.message>.content{display:table-cell;vertical-align:middle}.ui.inverted.message{background-color:rgba(255,255,255,.05);color:rgba(255,255,255,.95)}.ui.black.message{background-color:#333;color:rgba(255,255,255,.95)}.ui.blue.message,.ui.info.message{border-color:#75C9E9;background-color:#E9F9FF;color:#1D6582}.ui.green.message,.ui.success.message,.ui.positive.message{background-color:#EEFFE9;color:#119000;border-color:#2FCB05}.ui.yellow.message,.ui.warning.message{background-color:#F6F3D5;border-color:#CBB105;color:#AF9801}.ui.red.message,.ui.error.message,.ui.negative.message{background-color:#F1D7D7;color:#AD0000;border-color:#B06C6C}.ui.small.message{font-size:.875em}.ui.message{font-size:1em}.ui.large.message{font-size:1.125em}.ui.huge.message{font-size:1.5em}.ui.massive.message{font-size:2em}

build/uncompressed/collections/menu.css

@@ -309,8 +309,8 @@
   border-left: none;
 }
 .ui.vertical.menu .item .menu .item.active {
-  padding-top: 0.5em;
-  padding-left: 1.3em;
+  padding-top: 0.5rem;
+  padding-left: 1.3rem;
 }
 /*--------------
      Disabled
@@ -696,15 +696,15 @@
   margin-right: 0.7em;
 }
 .ui.vertical.menu .item > .menu > .item {
-  padding: 0.5em 1.5em;
+  padding: 0.5rem 1.5rem;
   font-size: 0.85em;
 }
 .ui.vertical.menu .item > .menu > .item:before {
   display: none;
 }
 .ui.vertical.menu .item > .menu > .item > a {
-  margin: -0.5em -1.5em;
-  padding: 0.5em 1.5em;
+  margin: -0.5rem -1.5rem;
+  padding: 0.5rem 1.5rem;
 }
 /*--------------
      Fitted

build/uncompressed/collections/message.css

@@ -34,6 +34,9 @@
   font-weight: bold;
 }
 /* block with paragraphs */
+.ui.message .header + p {
+  margin-top: 0em;
+}
 .ui.message p {
   opacity: 0.85;
   margin: 1em 0em;

node/src/documents/collections/form.html

@@ -290,7 +290,7 @@ type   : 'UI Collection'
     <h4>Error</h4>
     <p>Individual fields may contain an error state</p>
     
-    <div class="ui error form segment">
+    <div class="ui form segment">
       <div class="two fields">
         <div class="field error">
           <label>First Name</label>
@@ -308,7 +308,7 @@ type   : 'UI Collection'
     <h4>Disabled</h4>
     <p>Individual fields may be disabled or read only</p>
     
-    <div class="ui error form segment">
+    <div class="ui form segment">
       <div class="two fields">
         <div class="field">
           <label>First Name</label>
@@ -426,7 +426,7 @@ type   : 'UI Collection'
     <div class="ui form">
       <div class="date field">
         <label>Birthday</label>
-        <input type="text" placeholder="Full Name">
+        <input type="text" placeholder="xx/xx/xxxx">
       </div>
     </div>
   </div>
@@ -454,6 +454,23 @@ type   : 'UI Collection'
       </div>
     </div>
   </div>
+
+  <div class="example">
+    <h4>Inline</h4>
+    <p>Multiple fields may be inline in a row</p>
+    <div class="ui form">
+      <div class="ui two inline fields">
+        <div class="field">
+          <label>First name</label>
+          <input type="text" placeholder="First Name">
+        </div>
+        <div class="field">
+          <label>Last name</label>
+          <input type="text" placeholder="Last Name">
+        </div>
+      </div>
+    </div>
+  </div>
   
 </div>
 </body>

node/src/documents/collections/menu.html

@@ -68,13 +68,16 @@ type   : 'UI Collection'
       <div class="item">
         <b>My Profile</b>
         <div class="menu">
-          <a class="active item"><i class="icon th-list"></i>Summary</a>
+          <a class="active item"><i class="icon mail"></i>Messages 
+            <div class="ui teal label">2 new
+            </div>
+          </a>
           <div class="item">
-            <i class="icon users"></i>Friends <div class="ui teal label">2 new</div>
+            <i class="icon users"></i>Friends 
             <div class="menu">
-              <a class="item">NYC</a>
-              <a class="item">San Francisco</a>
-              <a class="item">Abroad</a>
+              <a class="item">Close Friends</a>
+              <a class="item">School</a>
+              <a class="item">Work</a>
             </div>
           </div>
           <a class="item"><i class="icon bookmark"></i>Followers</a>

node/src/documents/collections/table.html

@@ -55,7 +55,7 @@ type   : 'UI Collection'
       </tbody>
       <tfoot>
         <th colspan="3">
-          <div class="ui blue button"><i class="icon plus-circle"></i> Add User</div>
+          <div class="ui blue button"><i class="icon add user"></i> Add User</div>
         </th>
       </tfoot>
     </table>

node/src/documents/elements/button.html

@@ -230,7 +230,7 @@ type   : 'UI Element'
     <div class="ui icon buttons">
       <div class="ui button"><i class="icon pause"></i></div>
       <div class="ui button"><i class="icon play"></i></div>
-      <div class="ui button"><i class="icon fast-fw"></i></div>
+      <div class="ui button"><i class="icon pause"></i></div>
     </div>
   </div>
     

node/src/documents/elements/icon.html

@@ -25,7 +25,7 @@ type   : 'UI Element'
 
 
     <h4>Icon Set</h4>
-    <p>Icon sets contain an arbitrary set of icons that represent concepts a website might reference</p>
+    <p>Icon sets contain an arbitrary number of icons</p>
     <div class="ui ignored warning message">
       Icons serve a very similar function to text in a page. In semantic icons receive a special tag "i" which allow for an abbreviated markup when sitting along-side text.
     </div>
@@ -64,7 +64,7 @@ type   : 'UI Element'
       <div class="column"><i class="icon chat"></i> Chat</div>
     </div>
   </div>
-  <div class="icon example">
+  <div class="another icon example">
     <h4>Special Content</h4>
     <div class="ui eight column grid">
       <div class="column"><i class="icon trophy"></i> Trophy</div>
@@ -232,8 +232,8 @@ type   : 'UI Element'
     <i class="huge users icon"></i> Users
     <br>
     <i class="massive users icon"></i> Users
-    
   </div>
+
   <div class="example">
     <h4>Emphasized</h4>
     <p>An icon can be formatted to show emphasis</p>

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

@@ -309,8 +309,8 @@
   border-left: none;
 }
 .ui.vertical.menu .item .menu .item.active {
-  padding-top: 0.5em;
-  padding-left: 1.3em;
+  padding-top: 0.5rem;
+  padding-left: 1.3rem;
 }
 /*--------------
      Disabled
@@ -696,15 +696,15 @@
   margin-right: 0.7em;
 }
 .ui.vertical.menu .item > .menu > .item {
-  padding: 0.5em 1.5em;
+  padding: 0.5rem 1.5rem;
   font-size: 0.85em;
 }
 .ui.vertical.menu .item > .menu > .item:before {
   display: none;
 }
 .ui.vertical.menu .item > .menu > .item > a {
-  margin: -0.5em -1.5em;
-  padding: 0.5em 1.5em;
+  margin: -0.5rem -1.5rem;
+  padding: 0.5rem 1.5rem;
 }
 /*--------------
      Fitted

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

@@ -34,6 +34,9 @@
   font-weight: bold;
 }
 /* block with paragraphs */
+.ui.message .header + p {
+  margin-top: 0em;
+}
 .ui.message p {
   opacity: 0.85;
   margin: 1em 0em;

src/collections/menu.less

@@ -406,8 +406,8 @@
   border-left: none;
 }
 .ui.vertical.menu .item .menu .item.active {
-  padding-top: 0.5em;
-  padding-left: 1.3em;
+  padding-top: 0.5rem;
+  padding-left: 1.3rem;
 }
 
 /*--------------
@@ -921,15 +921,15 @@
   margin-right: 0.7em;
 }
 .ui.vertical.menu .item > .menu > .item {
-  padding: 0.5em 1.5em;
+  padding: 0.5rem 1.5rem;
   font-size: 0.85em;
 }
 .ui.vertical.menu .item > .menu > .item:before {
   display: none;
 }
 .ui.vertical.menu .item > .menu > .item > a {
-  margin: -0.5em -1.5em;
-  padding: 0.5em 1.5em;
+  margin: -0.5rem -1.5rem;
+  padding: 0.5rem 1.5rem;
 }
 
 /*--------------

src/collections/message.less

@@ -43,6 +43,9 @@
 }
 
 /* block with paragraphs */
+.ui.message .header + p {
+  margin-top: 0em;
+}
 .ui.message p {
   opacity: 0.85;
   margin: 1em 0em;