Merge branch 'master' of github.com:jlukic/Semantic-UI

Conflicts:
	node/src/files/javascript/semantic.js

RELEASE NOTES.md

@@ -1,5 +1,13 @@
 ## RELEASE NOTES
 
+### Version 0.3.3- Oct 2, 2013
+
+**Updates**
+- Headers and lists with icons now do not break with multiline content
+- Examples resize with browser width
+- Updates ACE editor library
+- Code samples now do not change after interacting with examples
+
 ### Version 0.3.2- Oct 2, 2013
 
 **Updates**

build/less/elements/header.less

@@ -24,7 +24,6 @@
   line-height: 1.33;
 }
 
-
 .ui.header .sub.header {
   font-size: 1rem;
   font-weight: normal;
@@ -35,12 +34,21 @@
   color: rgba(0, 0, 0, 0.5);
 }
 
+.ui.header .icon {
+  display: table-cell;
+  vertical-align: middle;
+  padding-right: 1rem;
+}
+.ui.header .icon:only-child {
+  display: inline-block;
+}
+
 .ui.header .content {
   display: inline-block;
   vertical-align: top;
 }
-.ui.header .icon {
-  margin-right: 0.5em;
+.ui.header .icon + .content {
+  display: table-cell;
 }
 
 /* Positioning */
@@ -102,6 +110,40 @@ h5.ui.header {
   font-size: 1em;
 }
 
+
+/*******************************
+            Types
+*******************************/
+
+
+/*-------------------
+        Icon
+--------------------*/
+
+.ui.icon.header {
+  display: inline-block;
+  text-align: center;
+}
+.ui.icon.header .icon {
+  float: none;
+  display: block;
+  font-size: 3em;
+  margin: 0em auto 0.2em;
+  padding: 0em;
+}
+.ui.icon.header .circular.icon,
+.ui.icon.header .square.icon {
+  font-size: 2em;
+}
+.ui.block.icon.header .icon {
+  margin-bottom: 0em;
+}
+.ui.icon.header.aligned {
+  margin-left: auto;
+  margin-right: auto;
+  display: block;
+}
+
 /*******************************
             States
 *******************************/
@@ -294,31 +336,3 @@ h5.ui.header {
   border-radius: 0em 0em 0.3125em 0.3125em;
 }
 
-
-/*-------------------
-        Icon
---------------------*/
-
-.ui.icon.header {
-  display: inline-block;
-  text-align: center;
-}
-.ui.icon.header .icon {
-  float: none;
-  display: block;
-  font-size: 3em;
-  margin: 0em auto 0.2em;
-}
-.ui.icon.header .circular.icon,
-.ui.icon.header .square.icon {
-  font-size: 2em;
-}
-.ui.block.icon.header .icon {
-  margin-bottom: 0em;
-}
-
-.ui.icon.header.aligned {
-  margin-left: auto;
-  margin-right: auto;
-  display: block;
-}

build/less/views/list.less

@@ -68,10 +68,16 @@ ol.ui.list li,
 
 /* Icon */
 .ui.list .item > .icon {
-  margin: 0em 0.5em 0em 0em;
+  display: table-cell;
+  margin: 0em;
+  padding: 0em 0.5em 0em 0em;
+  vertical-align: middle;
+}
+.ui.list .item > .icon:only-child {
+  display: inline-block;
 }
 .ui.horizontal.list .item > .icon {
-  margin: 0em 0.25em 0em 0em;
+  padding: 0em 0.25em 0em 0em;
 }
 
 /* Image */
@@ -92,6 +98,11 @@ ol.ui.list li,
   vertical-align: middle;
   line-height: 1.2;
 }
+.ui.list .item > .icon + .content {
+  display: table-cell;
+  vertical-align: top;
+  padding-left: 0.5em;
+}
 
 /* Link */
 .ui.list a {

build/minified/elements/header.min.css

@@ -1 +1 @@
-.ui.header{border:0;margin:1em 0 1rem;padding:0;font-size:1.33em;font-weight:700;line-height:1.33}.ui.header .sub.header{font-size:1rem;font-weight:400;margin:0;padding:0;line-height:1.2;color:rgba(0,0,0,.5)}.ui.header .content{display:inline-block;vertical-align:top}.ui.header .icon{margin-right:.5em}.ui.header:first-child{margin-top:0}.ui.header:last-child{margin-bottom:0}.ui.header+p{margin-top:0}h1.ui.header{min-height:1rem;line-height:1.33;font-size:2rem}h2.ui.header{line-height:1.33;font-size:1.75rem}h3.ui.header{line-height:1.33;font-size:1.33rem}h4.ui.header{line-height:1.33;font-size:1.1rem}h5.ui.header{line-height:1.2;font-size:1rem}.ui.huge.header{min-height:1em;font-size:2em}.ui.large.header{font-size:1.75em}.ui.medium.header{font-size:1.33em}.ui.small.header{font-size:1.1em}.ui.tiny.header{font-size:1em}.ui.disabled.header{opacity:.5}.ui.blue.header{color:#6ECFF5!important}.ui.black.header{color:#5C6166!important}.ui.green.header{color:#A1CF64!important}.ui.red.header{color:#D95C5C!important}.ui.purple.header{color:#564F8A!important}.ui.teal.header{color:#00B5AD!important}.ui.blue.dividing.header{border-bottom:3px solid #6ECFF5}.ui.black.dividing.header{border-bottom:3px solid #5C6166}.ui.green.dividing.header{border-bottom:3px solid #A1CF64}.ui.red.dividing.header{border-bottom:3px solid #D95C5C}.ui.purple.dividing.header{border-bottom:3px solid #564F8A}.ui.teal.dividing.header{border-bottom:3px solid #00B5AD}.ui.inverted.header{color:#FFF}.ui.inverted.header .sub.header{color:rgba(255,255,255,.85)}.ui.inverted.black.header{background-color:#5C6166!important;color:#FFF!important}.ui.inverted.blue.header{background-color:#6ECFF5!important;color:#FFF!important}.ui.inverted.green.header{background-color:#A1CF64!important;color:#FFF!important}.ui.inverted.red.header{background-color:#D95C5C!important;color:#FFF!important}.ui.inverted.purple.header{background-color:#564F8A!important;color:#FFF!important}.ui.inverted.teal.header{background-color:#00B5AD!important;color:#FFF!important}.ui.inverted.block.header{border-bottom:0}.ui.left.aligned.header{text-align:left}.ui.right.aligned.header{text-align:right}.ui.center.aligned.header{text-align:center}.ui.floated.header,.ui.left.floated.header{float:left;margin-top:0;margin-right:.5em}.ui.right.floated.header{float:right;margin-top:0;margin-left:.5em}.ui.fitted.header{padding:0}.ui.dividing.header{padding-bottom:.2rem;border-bottom:1px solid rgba(0,0,0,.1)}.ui.dividing.header .sub.header{padding-bottom:.5em}.ui.dividing.header .icon{margin-bottom:.2em}.ui.block.header{background-color:#F5F5F5;padding:.5em 1em}.ui.attached.header{background-color:#E0E0E0;padding:.5em 1rem;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.ui.top.attached.header{margin-bottom:0;-webkit-border-radius:.3125em .3125em 0 0;-moz-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.ui.bottom.attached.header{margin-top:0;-webkit-border-radius:0 0 .3125em .3125em;-moz-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em}.ui.icon.header{display:inline-block;text-align:center}.ui.icon.header .icon{float:none;display:block;font-size:3em;margin:0 auto .2em}.ui.icon.header .circular.icon,.ui.icon.header .square.icon{font-size:2em}.ui.block.icon.header .icon{margin-bottom:0}.ui.icon.header.aligned{margin-left:auto;margin-right:auto;display:block}
+.ui.header{border:0;margin:1em 0 1rem;padding:0;font-size:1.33em;font-weight:700;line-height:1.33}.ui.header .sub.header{font-size:1rem;font-weight:400;margin:0;padding:0;line-height:1.2;color:rgba(0,0,0,.5)}.ui.header .icon{display:table-cell;vertical-align:middle;padding-right:1rem}.ui.header .icon:only-child{display:inline-block}.ui.header .content{display:inline-block;vertical-align:top}.ui.header .icon+.content{display:table-cell}.ui.header:first-child{margin-top:0}.ui.header:last-child{margin-bottom:0}.ui.header+p{margin-top:0}h1.ui.header{min-height:1rem;line-height:1.33;font-size:2rem}h2.ui.header{line-height:1.33;font-size:1.75rem}h3.ui.header{line-height:1.33;font-size:1.33rem}h4.ui.header{line-height:1.33;font-size:1.1rem}h5.ui.header{line-height:1.2;font-size:1rem}.ui.huge.header{min-height:1em;font-size:2em}.ui.large.header{font-size:1.75em}.ui.medium.header{font-size:1.33em}.ui.small.header{font-size:1.1em}.ui.tiny.header{font-size:1em}.ui.icon.header{display:inline-block;text-align:center}.ui.icon.header .icon{float:none;display:block;font-size:3em;margin:0 auto .2em;padding:0}.ui.icon.header .circular.icon,.ui.icon.header .square.icon{font-size:2em}.ui.block.icon.header .icon{margin-bottom:0}.ui.icon.header.aligned{margin-left:auto;margin-right:auto;display:block}.ui.disabled.header{opacity:.5}.ui.blue.header{color:#6ECFF5!important}.ui.black.header{color:#5C6166!important}.ui.green.header{color:#A1CF64!important}.ui.red.header{color:#D95C5C!important}.ui.purple.header{color:#564F8A!important}.ui.teal.header{color:#00B5AD!important}.ui.blue.dividing.header{border-bottom:3px solid #6ECFF5}.ui.black.dividing.header{border-bottom:3px solid #5C6166}.ui.green.dividing.header{border-bottom:3px solid #A1CF64}.ui.red.dividing.header{border-bottom:3px solid #D95C5C}.ui.purple.dividing.header{border-bottom:3px solid #564F8A}.ui.teal.dividing.header{border-bottom:3px solid #00B5AD}.ui.inverted.header{color:#FFF}.ui.inverted.header .sub.header{color:rgba(255,255,255,.85)}.ui.inverted.black.header{background-color:#5C6166!important;color:#FFF!important}.ui.inverted.blue.header{background-color:#6ECFF5!important;color:#FFF!important}.ui.inverted.green.header{background-color:#A1CF64!important;color:#FFF!important}.ui.inverted.red.header{background-color:#D95C5C!important;color:#FFF!important}.ui.inverted.purple.header{background-color:#564F8A!important;color:#FFF!important}.ui.inverted.teal.header{background-color:#00B5AD!important;color:#FFF!important}.ui.inverted.block.header{border-bottom:0}.ui.left.aligned.header{text-align:left}.ui.right.aligned.header{text-align:right}.ui.center.aligned.header{text-align:center}.ui.floated.header,.ui.left.floated.header{float:left;margin-top:0;margin-right:.5em}.ui.right.floated.header{float:right;margin-top:0;margin-left:.5em}.ui.fitted.header{padding:0}.ui.dividing.header{padding-bottom:.2rem;border-bottom:1px solid rgba(0,0,0,.1)}.ui.dividing.header .sub.header{padding-bottom:.5em}.ui.dividing.header .icon{margin-bottom:.2em}.ui.block.header{background-color:#F5F5F5;padding:.5em 1em}.ui.attached.header{background-color:#E0E0E0;padding:.5em 1rem;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.ui.top.attached.header{margin-bottom:0;-webkit-border-radius:.3125em .3125em 0 0;-moz-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.ui.bottom.attached.header{margin-top:0;-webkit-border-radius:0 0 .3125em .3125em;-moz-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em}

build/minified/modules/rating.min.css

@@ -1 +1 @@
-.ui.rating{display:inline-block;font-size:0;vertical-align:baseline;margin:0 .5em 0 0}.ui.rating:last-child{margin-right:0}.ui.rating:before{display:block;content:'';visibility:hidden;clear:both;height:0}.ui.rating .icon{cursor:default;margin:0;width:1em;height:auto;padding:0;color:rgba(0,0,0,.15);font-weight:400;font-style:normal}.ui.rating .icon:before{content:"\2605";-webkit-transition:color .3s ease,opacity .3s ease;-moz-transition:color .3s ease,opacity .3s ease;-ms-transition:color .3s ease,opacity .3s ease;-o-transition:color .3s ease,opacity .3s ease;transition:color .3s ease,opacity .3s ease}.ui.star.rating .icon{width:1.2em}.ui.star.rating .icon:before{content:'\f006';font-family:Icons}.ui.star.rating .active.icon:before{content:'\f005';font-family:Icons}.ui.heart.rating .icon{width:1.2em}.ui.heart.rating .icon:before{content:'\f08a';font-family:Icons}.ui.heart.rating .active.icon:before{content:'\f004';font-family:Icons}.ui.heart.rating .active.icon{color:#EF404A}.ui.heart.rating .hover.icon,.ui.heart.rating .active.hover.icon{color:#FF2733}.ui.active.rating .icon{cursor:pointer}.ui.rating .active.icon{color:#FFCB08}.ui.rating.hover .active.icon{opacity:.5}.ui.rating .icon.hover,.ui.rating .icon.hover.active{opacity:1;color:#FFB70A}.ui.small.rating .icon{font-size:.75rem}.ui.rating .icon{font-size:1rem}.ui.large.rating .icon{font-size:1.5rem;vertical-align:middle}.ui.huge.rating .icon{font-size:2rem;vertical-align:middle}
+.ui.rating{display:inline-block;font-size:0;vertical-align:baseline;margin:0 .5em 0 0}.ui.rating:last-child{margin-right:0}.ui.rating:before{display:block;content:'';visibility:hidden;clear:both;height:0}.ui.rating .icon{cursor:default;margin:0;width:1em;height:auto;padding:0;color:rgba(0,0,0,.15);font-weight:400;font-style:normal}.ui.rating .icon:before{content:"\2605";-webkit-transition:color .3s ease,opacity .3s ease;-moz-transition:color .3s ease,opacity .3s ease;-ms-transition:color .3s ease,opacity .3s ease;-o-transition:color .3s ease,opacity .3s ease;transition:color .3s ease,opacity .3s ease}.ui.star.rating .icon{width:1.2em}.ui.star.rating .icon:before{content:'\f006';font-family:Icons}.ui.star.rating .active.icon:before{content:'\f005';font-family:Icons}.ui.heart.rating .icon{width:1.2em}.ui.heart.rating .icon:before{content:'\f08a';font-family:Icons}.ui.heart.rating .active.icon:before{content:'\f004';font-family:Icons}.ui.heart.rating .active.icon{color:!important}.ui.heart.rating .hover.icon,.ui.heart.rating .active.hover.icon{color:!important}.ui.active.rating .icon{cursor:pointer}.ui.rating .active.icon{color:#FFCB08!important}.ui.rating.hover .active.icon{opacity:.5}.ui.rating .icon.hover,.ui.rating .icon.hover.active{opacity:1;color:#FFB70A!important}.ui.small.rating .icon{font-size:.75rem}.ui.rating .icon{font-size:1rem}.ui.large.rating .icon{font-size:1.5rem;vertical-align:middle}.ui.huge.rating .icon{font-size:2rem;vertical-align:middle}

build/packaged/css/semantic.css

@@ -5173,12 +5173,20 @@ i.massive.basic.icon {
   line-height: 1.2;
   color: rgba(0, 0, 0, 0.5);
 }
+.ui.header .icon {
+  display: table-cell;
+  vertical-align: middle;
+  padding-right: 1rem;
+}
+.ui.header .icon:only-child {
+  display: inline-block;
+}
 .ui.header .content {
   display: inline-block;
   vertical-align: top;
 }
-.ui.header .icon {
-  margin-right: 0.5em;
+.ui.header .icon + .content {
+  display: table-cell;
 }
 /* Positioning */
 .ui.header:first-child {
@@ -5233,6 +5241,35 @@ h5.ui.header {
 .ui.tiny.header {
   font-size: 1em;
 }
+/*******************************
+            Types
+*******************************/
+/*-------------------
+        Icon
+--------------------*/
+.ui.icon.header {
+  display: inline-block;
+  text-align: center;
+}
+.ui.icon.header .icon {
+  float: none;
+  display: block;
+  font-size: 3em;
+  margin: 0em auto 0.2em;
+  padding: 0em;
+}
+.ui.icon.header .circular.icon,
+.ui.icon.header .square.icon {
+  font-size: 2em;
+}
+.ui.block.icon.header .icon {
+  margin-bottom: 0em;
+}
+.ui.icon.header.aligned {
+  margin-left: auto;
+  margin-right: auto;
+  display: block;
+}
 /*******************************
             States
 *******************************/
@@ -5394,31 +5431,6 @@ h5.ui.header {
   -moz-border-radius: 0em 0em 0.3125em 0.3125em;
   border-radius: 0em 0em 0.3125em 0.3125em;
 }
-/*-------------------
-        Icon
---------------------*/
-.ui.icon.header {
-  display: inline-block;
-  text-align: center;
-}
-.ui.icon.header .icon {
-  float: none;
-  display: block;
-  font-size: 3em;
-  margin: 0em auto 0.2em;
-}
-.ui.icon.header .circular.icon,
-.ui.icon.header .square.icon {
-  font-size: 2em;
-}
-.ui.block.icon.header .icon {
-  margin-bottom: 0em;
-}
-.ui.icon.header.aligned {
-  margin-left: auto;
-  margin-right: auto;
-  display: block;
-}
 
 /*
  * # Semantic - Icon
@@ -13612,10 +13624,16 @@ ol.ui.list li,
 }
 /* Icon */
 .ui.list .item > .icon {
-  margin: 0em 0.5em 0em 0em;
+  display: table-cell;
+  margin: 0em;
+  padding: 0em 0.5em 0em 0em;
+  vertical-align: middle;
+}
+.ui.list .item > .icon:only-child {
+  display: inline-block;
 }
 .ui.horizontal.list .item > .icon {
-  margin: 0em 0.25em 0em 0em;
+  padding: 0em 0.25em 0em 0em;
 }
 /* Image */
 .ui.list .item > img {
@@ -13633,6 +13651,11 @@ ol.ui.list li,
   vertical-align: middle;
   line-height: 1.2;
 }
+.ui.list .item > .icon + .content {
+  display: table-cell;
+  vertical-align: top;
+  padding-left: 0.5em;
+}
 /* Link */
 .ui.list a {
   cursor: pointer;

build/uncompressed/elements/header.css

@@ -28,12 +28,20 @@
   line-height: 1.2;
   color: rgba(0, 0, 0, 0.5);
 }
+.ui.header .icon {
+  display: table-cell;
+  vertical-align: middle;
+  padding-right: 1rem;
+}
+.ui.header .icon:only-child {
+  display: inline-block;
+}
 .ui.header .content {
   display: inline-block;
   vertical-align: top;
 }
-.ui.header .icon {
-  margin-right: 0.5em;
+.ui.header .icon + .content {
+  display: table-cell;
 }
 /* Positioning */
 .ui.header:first-child {
@@ -88,6 +96,35 @@ h5.ui.header {
 .ui.tiny.header {
   font-size: 1em;
 }
+/*******************************
+            Types
+*******************************/
+/*-------------------
+        Icon
+--------------------*/
+.ui.icon.header {
+  display: inline-block;
+  text-align: center;
+}
+.ui.icon.header .icon {
+  float: none;
+  display: block;
+  font-size: 3em;
+  margin: 0em auto 0.2em;
+  padding: 0em;
+}
+.ui.icon.header .circular.icon,
+.ui.icon.header .square.icon {
+  font-size: 2em;
+}
+.ui.block.icon.header .icon {
+  margin-bottom: 0em;
+}
+.ui.icon.header.aligned {
+  margin-left: auto;
+  margin-right: auto;
+  display: block;
+}
 /*******************************
             States
 *******************************/
@@ -249,28 +286,3 @@ h5.ui.header {
   -moz-border-radius: 0em 0em 0.3125em 0.3125em;
   border-radius: 0em 0em 0.3125em 0.3125em;
 }
-/*-------------------
-        Icon
---------------------*/
-.ui.icon.header {
-  display: inline-block;
-  text-align: center;
-}
-.ui.icon.header .icon {
-  float: none;
-  display: block;
-  font-size: 3em;
-  margin: 0em auto 0.2em;
-}
-.ui.icon.header .circular.icon,
-.ui.icon.header .square.icon {
-  font-size: 2em;
-}
-.ui.block.icon.header .icon {
-  margin-bottom: 0em;
-}
-.ui.icon.header.aligned {
-  margin-left: auto;
-  margin-right: auto;
-  display: block;
-}

build/uncompressed/views/list.css

@@ -57,10 +57,16 @@ ol.ui.list li,
 }
 /* Icon */
 .ui.list .item > .icon {
-  margin: 0em 0.5em 0em 0em;
+  display: table-cell;
+  margin: 0em;
+  padding: 0em 0.5em 0em 0em;
+  vertical-align: middle;
+}
+.ui.list .item > .icon:only-child {
+  display: inline-block;
 }
 .ui.horizontal.list .item > .icon {
-  margin: 0em 0.25em 0em 0em;
+  padding: 0em 0.25em 0em 0em;
 }
 /* Image */
 .ui.list .item > img {
@@ -78,6 +84,11 @@ ol.ui.list li,
   vertical-align: middle;
   line-height: 1.2;
 }
+.ui.list .item > .icon + .content {
+  display: table-cell;
+  vertical-align: top;
+  padding-left: 0.5em;
+}
 /* Link */
 .ui.list a {
   cursor: pointer;

node/src/documents/elements/header.html.eco

@@ -34,8 +34,10 @@ type        : 'UI Element'
       Account Settings
       <div class="sub header">Manage your account settings and set e-mail preferences.</div>
     </h2>
-  </div>
-  <div class="another example">
+    <h2 class="ui header">
+      <i class="settings icon"></i>
+      Account Settings
+    </h2>
     <h2 class="ui header">
       <i class="settings icon"></i>
       <div class="content">
@@ -49,7 +51,7 @@ type        : 'UI Element'
     <h4 class="ui header">Icon</h4>
     <p>A header can be formatted to emphasize an icon</p>
     <div class="ui icon header">
-      <i class="icon question circle"></i>Questions
+      <i class="circular question icon"></i>Questions
       <div class="sub header">Have any questions? Contact Us</div>
     </div>
   </div>

node/src/files/build/less/elements/header.less

@@ -24,7 +24,6 @@
   line-height: 1.33;
 }
 
-
 .ui.header .sub.header {
   font-size: 1rem;
   font-weight: normal;
@@ -35,12 +34,21 @@
   color: rgba(0, 0, 0, 0.5);
 }
 
+.ui.header .icon {
+  display: table-cell;
+  vertical-align: middle;
+  padding-right: 1rem;
+}
+.ui.header .icon:only-child {
+  display: inline-block;
+}
+
 .ui.header .content {
   display: inline-block;
   vertical-align: top;
 }
-.ui.header .icon {
-  margin-right: 0.5em;
+.ui.header .icon + .content {
+  display: table-cell;
 }
 
 /* Positioning */
@@ -102,6 +110,40 @@ h5.ui.header {
   font-size: 1em;
 }
 
+
+/*******************************
+            Types
+*******************************/
+
+
+/*-------------------
+        Icon
+--------------------*/
+
+.ui.icon.header {
+  display: inline-block;
+  text-align: center;
+}
+.ui.icon.header .icon {
+  float: none;
+  display: block;
+  font-size: 3em;
+  margin: 0em auto 0.2em;
+  padding: 0em;
+}
+.ui.icon.header .circular.icon,
+.ui.icon.header .square.icon {
+  font-size: 2em;
+}
+.ui.block.icon.header .icon {
+  margin-bottom: 0em;
+}
+.ui.icon.header.aligned {
+  margin-left: auto;
+  margin-right: auto;
+  display: block;
+}
+
 /*******************************
             States
 *******************************/
@@ -294,31 +336,3 @@ h5.ui.header {
   border-radius: 0em 0em 0.3125em 0.3125em;
 }
 
-
-/*-------------------
-        Icon
---------------------*/
-
-.ui.icon.header {
-  display: inline-block;
-  text-align: center;
-}
-.ui.icon.header .icon {
-  float: none;
-  display: block;
-  font-size: 3em;
-  margin: 0em auto 0.2em;
-}
-.ui.icon.header .circular.icon,
-.ui.icon.header .square.icon {
-  font-size: 2em;
-}
-.ui.block.icon.header .icon {
-  margin-bottom: 0em;
-}
-
-.ui.icon.header.aligned {
-  margin-left: auto;
-  margin-right: auto;
-  display: block;
-}

node/src/files/build/less/views/list.less

@@ -68,10 +68,16 @@ ol.ui.list li,
 
 /* Icon */
 .ui.list .item > .icon {
-  margin: 0em 0.5em 0em 0em;
+  display: table-cell;
+  margin: 0em;
+  padding: 0em 0.5em 0em 0em;
+  vertical-align: middle;
+}
+.ui.list .item > .icon:only-child {
+  display: inline-block;
 }
 .ui.horizontal.list .item > .icon {
-  margin: 0em 0.25em 0em 0em;
+  padding: 0em 0.25em 0em 0em;
 }
 
 /* Image */
@@ -92,6 +98,11 @@ ol.ui.list li,
   vertical-align: middle;
   line-height: 1.2;
 }
+.ui.list .item > .icon + .content {
+  display: table-cell;
+  vertical-align: top;
+  padding-left: 0.5em;
+}
 
 /* Link */
 .ui.list a {

node/src/files/build/minified/elements/header.min.css

@@ -1 +1 @@
-.ui.header{border:0;margin:1em 0 1rem;padding:0;font-size:1.33em;font-weight:700;line-height:1.33}.ui.header .sub.header{font-size:1rem;font-weight:400;margin:0;padding:0;line-height:1.2;color:rgba(0,0,0,.5)}.ui.header .content{display:inline-block;vertical-align:top}.ui.header .icon{margin-right:.5em}.ui.header:first-child{margin-top:0}.ui.header:last-child{margin-bottom:0}.ui.header+p{margin-top:0}h1.ui.header{min-height:1rem;line-height:1.33;font-size:2rem}h2.ui.header{line-height:1.33;font-size:1.75rem}h3.ui.header{line-height:1.33;font-size:1.33rem}h4.ui.header{line-height:1.33;font-size:1.1rem}h5.ui.header{line-height:1.2;font-size:1rem}.ui.huge.header{min-height:1em;font-size:2em}.ui.large.header{font-size:1.75em}.ui.medium.header{font-size:1.33em}.ui.small.header{font-size:1.1em}.ui.tiny.header{font-size:1em}.ui.disabled.header{opacity:.5}.ui.blue.header{color:#6ECFF5!important}.ui.black.header{color:#5C6166!important}.ui.green.header{color:#A1CF64!important}.ui.red.header{color:#D95C5C!important}.ui.purple.header{color:#564F8A!important}.ui.teal.header{color:#00B5AD!important}.ui.blue.dividing.header{border-bottom:3px solid #6ECFF5}.ui.black.dividing.header{border-bottom:3px solid #5C6166}.ui.green.dividing.header{border-bottom:3px solid #A1CF64}.ui.red.dividing.header{border-bottom:3px solid #D95C5C}.ui.purple.dividing.header{border-bottom:3px solid #564F8A}.ui.teal.dividing.header{border-bottom:3px solid #00B5AD}.ui.inverted.header{color:#FFF}.ui.inverted.header .sub.header{color:rgba(255,255,255,.85)}.ui.inverted.black.header{background-color:#5C6166!important;color:#FFF!important}.ui.inverted.blue.header{background-color:#6ECFF5!important;color:#FFF!important}.ui.inverted.green.header{background-color:#A1CF64!important;color:#FFF!important}.ui.inverted.red.header{background-color:#D95C5C!important;color:#FFF!important}.ui.inverted.purple.header{background-color:#564F8A!important;color:#FFF!important}.ui.inverted.teal.header{background-color:#00B5AD!important;color:#FFF!important}.ui.inverted.block.header{border-bottom:0}.ui.left.aligned.header{text-align:left}.ui.right.aligned.header{text-align:right}.ui.center.aligned.header{text-align:center}.ui.floated.header,.ui.left.floated.header{float:left;margin-top:0;margin-right:.5em}.ui.right.floated.header{float:right;margin-top:0;margin-left:.5em}.ui.fitted.header{padding:0}.ui.dividing.header{padding-bottom:.2rem;border-bottom:1px solid rgba(0,0,0,.1)}.ui.dividing.header .sub.header{padding-bottom:.5em}.ui.dividing.header .icon{margin-bottom:.2em}.ui.block.header{background-color:#F5F5F5;padding:.5em 1em}.ui.attached.header{background-color:#E0E0E0;padding:.5em 1rem;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.ui.top.attached.header{margin-bottom:0;-webkit-border-radius:.3125em .3125em 0 0;-moz-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.ui.bottom.attached.header{margin-top:0;-webkit-border-radius:0 0 .3125em .3125em;-moz-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em}.ui.icon.header{display:inline-block;text-align:center}.ui.icon.header .icon{float:none;display:block;font-size:3em;margin:0 auto .2em}.ui.icon.header .circular.icon,.ui.icon.header .square.icon{font-size:2em}.ui.block.icon.header .icon{margin-bottom:0}.ui.icon.header.aligned{margin-left:auto;margin-right:auto;display:block}
+.ui.header{border:0;margin:1em 0 1rem;padding:0;font-size:1.33em;font-weight:700;line-height:1.33}.ui.header .sub.header{font-size:1rem;font-weight:400;margin:0;padding:0;line-height:1.2;color:rgba(0,0,0,.5)}.ui.header .icon{display:table-cell;vertical-align:middle;padding-right:1rem}.ui.header .icon:only-child{display:inline-block}.ui.header .content{display:inline-block;vertical-align:top}.ui.header .icon+.content{display:table-cell}.ui.header:first-child{margin-top:0}.ui.header:last-child{margin-bottom:0}.ui.header+p{margin-top:0}h1.ui.header{min-height:1rem;line-height:1.33;font-size:2rem}h2.ui.header{line-height:1.33;font-size:1.75rem}h3.ui.header{line-height:1.33;font-size:1.33rem}h4.ui.header{line-height:1.33;font-size:1.1rem}h5.ui.header{line-height:1.2;font-size:1rem}.ui.huge.header{min-height:1em;font-size:2em}.ui.large.header{font-size:1.75em}.ui.medium.header{font-size:1.33em}.ui.small.header{font-size:1.1em}.ui.tiny.header{font-size:1em}.ui.icon.header{display:inline-block;text-align:center}.ui.icon.header .icon{float:none;display:block;font-size:3em;margin:0 auto .2em;padding:0}.ui.icon.header .circular.icon,.ui.icon.header .square.icon{font-size:2em}.ui.block.icon.header .icon{margin-bottom:0}.ui.icon.header.aligned{margin-left:auto;margin-right:auto;display:block}.ui.disabled.header{opacity:.5}.ui.blue.header{color:#6ECFF5!important}.ui.black.header{color:#5C6166!important}.ui.green.header{color:#A1CF64!important}.ui.red.header{color:#D95C5C!important}.ui.purple.header{color:#564F8A!important}.ui.teal.header{color:#00B5AD!important}.ui.blue.dividing.header{border-bottom:3px solid #6ECFF5}.ui.black.dividing.header{border-bottom:3px solid #5C6166}.ui.green.dividing.header{border-bottom:3px solid #A1CF64}.ui.red.dividing.header{border-bottom:3px solid #D95C5C}.ui.purple.dividing.header{border-bottom:3px solid #564F8A}.ui.teal.dividing.header{border-bottom:3px solid #00B5AD}.ui.inverted.header{color:#FFF}.ui.inverted.header .sub.header{color:rgba(255,255,255,.85)}.ui.inverted.black.header{background-color:#5C6166!important;color:#FFF!important}.ui.inverted.blue.header{background-color:#6ECFF5!important;color:#FFF!important}.ui.inverted.green.header{background-color:#A1CF64!important;color:#FFF!important}.ui.inverted.red.header{background-color:#D95C5C!important;color:#FFF!important}.ui.inverted.purple.header{background-color:#564F8A!important;color:#FFF!important}.ui.inverted.teal.header{background-color:#00B5AD!important;color:#FFF!important}.ui.inverted.block.header{border-bottom:0}.ui.left.aligned.header{text-align:left}.ui.right.aligned.header{text-align:right}.ui.center.aligned.header{text-align:center}.ui.floated.header,.ui.left.floated.header{float:left;margin-top:0;margin-right:.5em}.ui.right.floated.header{float:right;margin-top:0;margin-left:.5em}.ui.fitted.header{padding:0}.ui.dividing.header{padding-bottom:.2rem;border-bottom:1px solid rgba(0,0,0,.1)}.ui.dividing.header .sub.header{padding-bottom:.5em}.ui.dividing.header .icon{margin-bottom:.2em}.ui.block.header{background-color:#F5F5F5;padding:.5em 1em}.ui.attached.header{background-color:#E0E0E0;padding:.5em 1rem;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.ui.top.attached.header{margin-bottom:0;-webkit-border-radius:.3125em .3125em 0 0;-moz-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.ui.bottom.attached.header{margin-top:0;-webkit-border-radius:0 0 .3125em .3125em;-moz-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em}

node/src/files/build/minified/modules/rating.min.css

@@ -1 +1 @@
-.ui.rating{display:inline-block;font-size:0;vertical-align:baseline;margin:0 .5em 0 0}.ui.rating:last-child{margin-right:0}.ui.rating:before{display:block;content:'';visibility:hidden;clear:both;height:0}.ui.rating .icon{cursor:default;margin:0;width:1em;height:auto;padding:0;color:rgba(0,0,0,.15);font-weight:400;font-style:normal}.ui.rating .icon:before{content:"\2605";-webkit-transition:color .3s ease,opacity .3s ease;-moz-transition:color .3s ease,opacity .3s ease;-ms-transition:color .3s ease,opacity .3s ease;-o-transition:color .3s ease,opacity .3s ease;transition:color .3s ease,opacity .3s ease}.ui.star.rating .icon{width:1.2em}.ui.star.rating .icon:before{content:'\f006';font-family:Icons}.ui.star.rating .active.icon:before{content:'\f005';font-family:Icons}.ui.heart.rating .icon{width:1.2em}.ui.heart.rating .icon:before{content:'\f08a';font-family:Icons}.ui.heart.rating .active.icon:before{content:'\f004';font-family:Icons}.ui.heart.rating .active.icon{color:#EF404A}.ui.heart.rating .hover.icon,.ui.heart.rating .active.hover.icon{color:#FF2733}.ui.active.rating .icon{cursor:pointer}.ui.rating .active.icon{color:#FFCB08}.ui.rating.hover .active.icon{opacity:.5}.ui.rating .icon.hover,.ui.rating .icon.hover.active{opacity:1;color:#FFB70A}.ui.small.rating .icon{font-size:.75rem}.ui.rating .icon{font-size:1rem}.ui.large.rating .icon{font-size:1.5rem;vertical-align:middle}.ui.huge.rating .icon{font-size:2rem;vertical-align:middle}
+.ui.rating{display:inline-block;font-size:0;vertical-align:baseline;margin:0 .5em 0 0}.ui.rating:last-child{margin-right:0}.ui.rating:before{display:block;content:'';visibility:hidden;clear:both;height:0}.ui.rating .icon{cursor:default;margin:0;width:1em;height:auto;padding:0;color:rgba(0,0,0,.15);font-weight:400;font-style:normal}.ui.rating .icon:before{content:"\2605";-webkit-transition:color .3s ease,opacity .3s ease;-moz-transition:color .3s ease,opacity .3s ease;-ms-transition:color .3s ease,opacity .3s ease;-o-transition:color .3s ease,opacity .3s ease;transition:color .3s ease,opacity .3s ease}.ui.star.rating .icon{width:1.2em}.ui.star.rating .icon:before{content:'\f006';font-family:Icons}.ui.star.rating .active.icon:before{content:'\f005';font-family:Icons}.ui.heart.rating .icon{width:1.2em}.ui.heart.rating .icon:before{content:'\f08a';font-family:Icons}.ui.heart.rating .active.icon:before{content:'\f004';font-family:Icons}.ui.heart.rating .active.icon{color:!important}.ui.heart.rating .hover.icon,.ui.heart.rating .active.hover.icon{color:!important}.ui.active.rating .icon{cursor:pointer}.ui.rating .active.icon{color:#FFCB08!important}.ui.rating.hover .active.icon{opacity:.5}.ui.rating .icon.hover,.ui.rating .icon.hover.active{opacity:1;color:#FFB70A!important}.ui.small.rating .icon{font-size:.75rem}.ui.rating .icon{font-size:1rem}.ui.large.rating .icon{font-size:1.5rem;vertical-align:middle}.ui.huge.rating .icon{font-size:2rem;vertical-align:middle}

node/src/files/build/packaged/css/semantic.css

@@ -5173,12 +5173,20 @@ i.massive.basic.icon {
   line-height: 1.2;
   color: rgba(0, 0, 0, 0.5);
 }
+.ui.header .icon {
+  display: table-cell;
+  vertical-align: middle;
+  padding-right: 1rem;
+}
+.ui.header .icon:only-child {
+  display: inline-block;
+}
 .ui.header .content {
   display: inline-block;
   vertical-align: top;
 }
-.ui.header .icon {
-  margin-right: 0.5em;
+.ui.header .icon + .content {
+  display: table-cell;
 }
 /* Positioning */
 .ui.header:first-child {
@@ -5233,6 +5241,35 @@ h5.ui.header {
 .ui.tiny.header {
   font-size: 1em;
 }
+/*******************************
+            Types
+*******************************/
+/*-------------------
+        Icon
+--------------------*/
+.ui.icon.header {
+  display: inline-block;
+  text-align: center;
+}
+.ui.icon.header .icon {
+  float: none;
+  display: block;
+  font-size: 3em;
+  margin: 0em auto 0.2em;
+  padding: 0em;
+}
+.ui.icon.header .circular.icon,
+.ui.icon.header .square.icon {
+  font-size: 2em;
+}
+.ui.block.icon.header .icon {
+  margin-bottom: 0em;
+}
+.ui.icon.header.aligned {
+  margin-left: auto;
+  margin-right: auto;
+  display: block;
+}
 /*******************************
             States
 *******************************/
@@ -5394,31 +5431,6 @@ h5.ui.header {
   -moz-border-radius: 0em 0em 0.3125em 0.3125em;
   border-radius: 0em 0em 0.3125em 0.3125em;
 }
-/*-------------------
-        Icon
---------------------*/
-.ui.icon.header {
-  display: inline-block;
-  text-align: center;
-}
-.ui.icon.header .icon {
-  float: none;
-  display: block;
-  font-size: 3em;
-  margin: 0em auto 0.2em;
-}
-.ui.icon.header .circular.icon,
-.ui.icon.header .square.icon {
-  font-size: 2em;
-}
-.ui.block.icon.header .icon {
-  margin-bottom: 0em;
-}
-.ui.icon.header.aligned {
-  margin-left: auto;
-  margin-right: auto;
-  display: block;
-}
 
 /*
  * # Semantic - Icon
@@ -13612,10 +13624,16 @@ ol.ui.list li,
 }
 /* Icon */
 .ui.list .item > .icon {
-  margin: 0em 0.5em 0em 0em;
+  display: table-cell;
+  margin: 0em;
+  padding: 0em 0.5em 0em 0em;
+  vertical-align: middle;
+}
+.ui.list .item > .icon:only-child {
+  display: inline-block;
 }
 .ui.horizontal.list .item > .icon {
-  margin: 0em 0.25em 0em 0em;
+  padding: 0em 0.25em 0em 0em;
 }
 /* Image */
 .ui.list .item > img {
@@ -13633,6 +13651,11 @@ ol.ui.list li,
   vertical-align: middle;
   line-height: 1.2;
 }
+.ui.list .item > .icon + .content {
+  display: table-cell;
+  vertical-align: top;
+  padding-left: 0.5em;
+}
 /* Link */
 .ui.list a {
   cursor: pointer;

node/src/files/build/uncompressed/elements/header.css

@@ -28,12 +28,20 @@
   line-height: 1.2;
   color: rgba(0, 0, 0, 0.5);
 }
+.ui.header .icon {
+  display: table-cell;
+  vertical-align: middle;
+  padding-right: 1rem;
+}
+.ui.header .icon:only-child {
+  display: inline-block;
+}
 .ui.header .content {
   display: inline-block;
   vertical-align: top;
 }
-.ui.header .icon {
-  margin-right: 0.5em;
+.ui.header .icon + .content {
+  display: table-cell;
 }
 /* Positioning */
 .ui.header:first-child {
@@ -88,6 +96,35 @@ h5.ui.header {
 .ui.tiny.header {
   font-size: 1em;
 }
+/*******************************
+            Types
+*******************************/
+/*-------------------
+        Icon
+--------------------*/
+.ui.icon.header {
+  display: inline-block;
+  text-align: center;
+}
+.ui.icon.header .icon {
+  float: none;
+  display: block;
+  font-size: 3em;
+  margin: 0em auto 0.2em;
+  padding: 0em;
+}
+.ui.icon.header .circular.icon,
+.ui.icon.header .square.icon {
+  font-size: 2em;
+}
+.ui.block.icon.header .icon {
+  margin-bottom: 0em;
+}
+.ui.icon.header.aligned {
+  margin-left: auto;
+  margin-right: auto;
+  display: block;
+}
 /*******************************
             States
 *******************************/
@@ -249,28 +286,3 @@ h5.ui.header {
   -moz-border-radius: 0em 0em 0.3125em 0.3125em;
   border-radius: 0em 0em 0.3125em 0.3125em;
 }
-/*-------------------
-        Icon
---------------------*/
-.ui.icon.header {
-  display: inline-block;
-  text-align: center;
-}
-.ui.icon.header .icon {
-  float: none;
-  display: block;
-  font-size: 3em;
-  margin: 0em auto 0.2em;
-}
-.ui.icon.header .circular.icon,
-.ui.icon.header .square.icon {
-  font-size: 2em;
-}
-.ui.block.icon.header .icon {
-  margin-bottom: 0em;
-}
-.ui.icon.header.aligned {
-  margin-left: auto;
-  margin-right: auto;
-  display: block;
-}

node/src/files/build/uncompressed/views/list.css

@@ -57,10 +57,16 @@ ol.ui.list li,
 }
 /* Icon */
 .ui.list .item > .icon {
-  margin: 0em 0.5em 0em 0em;
+  display: table-cell;
+  margin: 0em;
+  padding: 0em 0.5em 0em 0em;
+  vertical-align: middle;
+}
+.ui.list .item > .icon:only-child {
+  display: inline-block;
 }
 .ui.horizontal.list .item > .icon {
-  margin: 0em 0.25em 0em 0em;
+  padding: 0em 0.25em 0em 0em;
 }
 /* Image */
 .ui.list .item > img {
@@ -78,6 +84,11 @@ ol.ui.list li,
   vertical-align: middle;
   line-height: 1.2;
 }
+.ui.list .item > .icon + .content {
+  display: table-cell;
+  vertical-align: top;
+  padding-left: 0.5em;
+}
 /* Link */
 .ui.list a {
   cursor: pointer;

node/src/files/examples/feed.css

@@ -1,94 +0,0 @@
-/*******************************
-            Global
-*******************************/
-
-html,
-body {
-  font-size: 15px;
-  height: 100%;
-  overflow-x: hidden;
-}
-
-body {
-  font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
-  background: #FFFFFF;
-  margin: 0px;
-  padding: 0px;
-  color: #555555;
-  text-rendering: optimizeLegibility;
-  min-width: 320px;
-}
-
-.ui.header {
-  font-family: 'Source Sans Pro', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
-}
-
-/*******************************
-            Global
-*******************************/
-
-
-/*-------------------
-        Grid
---------------------*/
-
-#feed .grid {
-  height: 100%;
-}
-#feed > .grid > .column {
-  height: 100%;
-}
-
-/*-------------------
-        Menu
---------------------*/
-
-#feed .left.column {
-  background-color: #333333;
-}
-#feed .left.column > .menu {
-  height: 100%;
-}
-
-
-/*-------------------
-       Inbox
---------------------*/
-
-#feed .inbox {
-  background-color: #FFFFFF;
-}
-#feed .inbox .item {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}
-#feed .middle.column {
-  padding: 1em 2em;
-}
-
-#feed .right.column {
-  padding: 1em 2em;
-  background-color: #FFFFFF;
-}
-
-
-/*******************************
-          Responsive
-*******************************/
-
-
-@media only screen and (max-width : 800px) {
-  #feed .left.column {
-    min-width: 200px;
-  }
-  #feed .inbox .date {
-    float: none;
-    margin-top: 0.5em;
-  }
-}
-
-@media only screen and (max-width : 1200px) {
-  #feed .left.column > .menu .item {
-    font-size: 1rem;
-  }
-}

node/src/files/examples/feed.html

@@ -1,173 +0,0 @@
-<!DOCTYPE html>
-<head>
-  <!-- Standard Meta -->
-  <meta charset="utf-8" />
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
-
-  <!-- Site Properities -->
-  <title>Feed Example - Semantic</title>
-
-  <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Open+Sans:300italic,400,300,700' rel='stylesheet' type='text/css'>
-
-  <link rel="stylesheet" type="text/css" href="../uncompressed/elements/button.css">
-  <link rel="stylesheet" type="text/css" href="../uncompressed/elements/divider.css">
-  <link rel="stylesheet" type="text/css" href="../uncompressed/elements/header.css">
-  <link rel="stylesheet" type="text/css" href="../uncompressed/elements/icon.css">
-  <link rel="stylesheet" type="text/css" href="../uncompressed/elements/image.css">
-  <link rel="stylesheet" type="text/css" href="../uncompressed/elements/input.css">
-  <link rel="stylesheet" type="text/css" href="../uncompressed/elements/label.css">
-  <link rel="stylesheet" type="text/css" href="../uncompressed/elements/loader.css">
-  <link rel="stylesheet" type="text/css" href="../uncompressed/elements/progress.css">
-  <link rel="stylesheet" type="text/css" href="../uncompressed/elements/segment.css">
-
-  <link rel="stylesheet" type="text/css" href="../uncompressed/collections/breadcrumb.css">
-  <link rel="stylesheet" type="text/css" href="../uncompressed/collections/form.css">
-  <link rel="stylesheet" type="text/css" href="../uncompressed/collections/grid.css">
-  <link rel="stylesheet" type="text/css" href="../uncompressed/collections/menu.css">
-  <link rel="stylesheet" type="text/css" href="../uncompressed/collections/message.css">
-  <link rel="stylesheet" type="text/css" href="../uncompressed/collections/table.css">
-
-  <link rel="stylesheet" type="text/css" href="../uncompressed/views/list.css">
-
-  <link rel="stylesheet" type="text/css" href="../uncompressed/modules/modal.css">
-  <link rel="stylesheet" type="text/css" href="../uncompressed/modules/dropdown.css">
-  <link rel="stylesheet" type="text/css" href="../uncompressed/modules/popup.css">
-  <link rel="stylesheet" type="text/css" href="../uncompressed/modules/sidebar.css">
-  <link rel="stylesheet" type="text/css" href="../uncompressed/modules/tab.css">
-  <link rel="stylesheet" type="text/css" href="../uncompressed/modules/checkbox.css">
-
-
-
-  <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.js"></script>
-  <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.address/1.6/jquery.address.js"></script>
-  <script src="../uncompressed/modules/behavior/state.js"></script>
-  <script src="../uncompressed/modules/checkbox.js"></script>
-  <script src="../uncompressed/modules/dimmer.js"></script>
-  <script src="../uncompressed/modules/dropdown.js"></script>
-  <script src="../uncompressed/modules/modal.js"></script>
-  <script src="../uncompressed/modules/popup.js"></script>
-  <script src="../uncompressed/modules/rating.js"></script>
-  <script src="../uncompressed/modules/sidebar.js"></script>
-  <script src="../uncompressed/modules/tab.js"></script>
-  <script src="../uncompressed/modules/transition.js"></script>
-
-  <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
-  ga('create', 'UA-44039803-1', 'semantic-ui.com');
-  ga('send', 'pageview');
-  </script>
-
-
-  <link rel="stylesheet" type="text/css" href="feed.css">
-  <script src="feed.js"></script>
-
-</head>
-<body id="feed">
-  <div class="ui celled grid">
-    <div class="three wide left column">
-      <div class="ui large fluid inverted vertical menu">
-        <a class="item">
-          <i class="add icon"></i> New Feed
-        </a>
-        <a class="item">
-          <i class="bookmark icon"></i> Favorite Feeds
-        </a>
-        <a class="active item">
-          Dogs Weekly <span class="ui label">213</span>
-        </a>
-        <a class="item">
-          Joystiq <span class="ui label">113</span>
-        </a>
-        <div class="item">
-          <b>Archived Feeds</b>
-          <div class="menu">
-            <a class="item">
-              Engadget <span class="ui label">11</span>
-            </a>
-            <a class="item">
-              NY Times Tech Blog <span class="ui label">21</span>
-            </a>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="six wide middle column">
-      <div class="ui tabular filter menu">
-        <a class="active item" data-tab="unread">Unread</a>
-        <a class="item" data-tab="saved">Saved</a>
-        <a class="item" data-tab="all">All</a>
-      </div>
-      <div class="ui divided inbox selection list active tab" data-tab="unread">
-        <a class="active item">
-          <i class="empty star link icon"></i>
-          <div class="right floated date">Sep 14, 2013</div>
-          Weekly Webcomic Wrapup fought the law, and the law won
-        </a>
-        <a class="item">
-          <i class="empty star link icon"></i>
-          <div class="right floated date">Sep 14, 2013</div>
-          Scientists discover new breed of dog
-        </a>
-        <a class="item">
-          <i class="teal emphasized star link icon"></i>
-          <div class="right floated date">Sep 10, 2013</div>
-          Dogs start colony in Antarctica
-        </a>
-        <a class="item">
-          <i class="empty star link icon"></i>
-          <div class="right floated date">Sep 09, 2013</div>
-          Famous dog whisperer Chakotay dies today at 104
-        </a>
-        <a class="item">
-          <i class="empty star link icon"></i>
-          <div class="right floated date">Sep 07, 2013</div>
-          Top 10 Things to Know about Labradoodles
-        </a>
-        <a class="item">
-          <i class="empty star link icon"></i>
-          <div class="right floated date">Sep 05, 2013</div>
-          Study shows children enjoy the company of animals
-        </a>
-      </div>
-      <div class="ui divided inbox selection list tab" data-tab="saved">
-        <a class="item">
-          <i class="teal emphasized star link icon"></i>
-          <div class="right floated date">Sep 14, 2013</div>
-          Your favorite saved article
-        </a>
-        <a class="item">
-          <i class="teal emphasized star link icon"></i>
-          <div class="right floated date">Sep 14, 2013</div>
-          Your favorite saved article
-        </a>
-        <a class="item">
-          <i class="teal emphasized star link icon"></i>
-          <div class="right floated date">Sep 14, 2013</div>
-          Your favorite saved article
-        </a>
-      </div>
-      <div class="ui divided inbox selection list tab" data-tab="all">
-        <a class="item">
-          <i class="star link icon"></i>
-          <div class="right floated date">Sep 14, 2013</div>
-          There turns out there is only one article under all.
-        </a>
-      </div>
-    </div>
-    <div class="seven wide right column">
-      <h1 class="ui header">Weekly Webcomic Wrapup fought the law, and the law won</h1>
-      <p>So there's this video game coming out Tuesday called Grand Theft Auto 5. Don't know if you've heard of it. Anyways, it's all about crime and gangs and some roughneck ne'er-do-wells, so I thought this would be the perfect time to talk about times when we've been... well, less than perfect.</p>
-      <p>When I was a young'un, I was a frequent visitor to the local swimming pool. I was also a frequent lover of AirHeads candy, which the pool happened to sell. Waiting, watching, stalking the counter like a big cat in the savannah, I waited for the perfect opportunity to strike. While the lifeguards were busy, I snuck through the gate, reached up and took both cherry and "mystery white" AirHeads. I quickly ran out to the sidewalk and reveled in my sweet, delicious victory... for all of ten seconds, before I felt guilty enough to sneak back in and return the .20 worth of candy I had stolen.</p>
-      <p>While you confess your crimes - hopefully minor, and nothing you can be persecuted for - take a moment to enjoy this week's webcomics, and vote for your favorite after the jump.</p>
-      <div class="ui divider"></div>
-      <div class="ui basic button">Save</div>
-      <div class="ui basic button">Delete</div>
-    </div>
-  </div>
-</body>
-
-</html>

node/src/files/examples/feed.js

@@ -1,9 +0,0 @@
-$(document)
-  .ready(function() {
-
-    $('.filter.menu .item')
-      .tab()
-    ;
-
-  })
-;

node/src/files/stylesheets/semantic.css

@@ -925,7 +925,7 @@ a:hover {
   color: #555555;
 }
 #example div.code:hover .ace_scrollbar {
-  overflow: hidden;
+  overflow: hidden !important;
 }
 #example div.code:hover .ace_punctuation {
   color: #555555;