Fixes to examples, remove progress debug

Author: jlukic

server/partials/examples/input.html

@@ -18,13 +18,13 @@
     http://
   </div>
   <input type="text" placeholder="mysite.com">
-  <i class="add circle icon"></i>
+  <i class="add circle link icon"></i>
 </div>
 
 <div class="ui hidden divider"></div>
 <div class="ui right labeled input">
   <input type="text" placeholder="Enter categories">
-  <div class="ui tag label">
-    Tags
-  </div>
+  <a class="ui tag label">
+    Add Tags
+  </a>
 </div>

server/partials/examples/menu.html

@@ -1,4 +1,4 @@
-<div class="ui vertical menu">
+<div class="ui vertical demo menu">
   <a class="active teal item">
     Inbox
     <div class="ui teal label">1</div>
@@ -14,7 +14,7 @@
     </div>
   </div>
 </div>
-<div class="ui secondary vertical menu">
+<div class="ui secondary vertical demo menu">
   <a class="active item">
     Inbox
   </a>
@@ -25,7 +25,7 @@
     Trash
   </a>
 </div>
-<div class="ui secondary pointing vertical menu">
+<div class="ui secondary pointing vertical demo menu">
   <a class="active item">
     Inbox
   </a>
@@ -35,4 +35,24 @@
   <a class="item">
     Trash
   </a>
-</div>
+</div>
+
+<script type="text/javascript">
+$(document)
+  .ready(function(){
+    $('.demo.menu .item')
+      .on('click', function() {
+        if(!$(this).hasClass('dropdown')) {
+          $(this)
+            .addClass('active')
+            .closest('.ui.menu')
+            .find('.item')
+              .not($(this))
+              .removeClass('active')
+          ;
+        }
+      })
+    ;
+  })
+;
+</script>

server/partials/examples/message.html

@@ -26,9 +26,9 @@
 <script type="text/javascript">
 $(document)
   .ready(function(){
-    $('.message .close')
+    $('.example .message .close')
       .on('click', function() {
-        $(this).closest('.message').transition('scale');
+        $(this).closest('.message').transition('scale out');
       })
     ;
 

server/partials/examples/progress.html

@@ -11,7 +11,7 @@
   <div class="label">Funding</div>
 </div>
 
-<div class="ui teal file demo progress" data-value="3" data-total="20">
+<div class="ui teal file demo progress" data-value="6" data-total="20">
   <div class="bar">
     <div class="progress"></div>
   </div>
@@ -33,7 +33,7 @@
     ;
     $('.indicating.progress')
       .progress({
-        label   : false,
+        label   : true,
         total   : 10,
         value   : Math.floor(Math.random() * 5) + 1,
         text    : {
@@ -44,7 +44,7 @@
     ;
     $('.file.progress')
       .progress({
-        label: 'ratio',
+        label: false,
         text: {
           active  : 'Adding {value} of {total} photos',
           success : '{total} Photos Uploaded!'

src/definitions/modules/progress.js

@@ -580,7 +580,7 @@ $.fn.progress.settings = {
   name        : 'Progress',
   namespace   : 'progress',
 
-  debug       : true,
+  debug       : false,
   verbose     : true,
   performance : true,
 

src/themes/packages/default/collections/message.variables

@@ -32,7 +32,7 @@
 ;
 
 /* Header */
-@headerFontSize: 1.1rem;
+@headerFontSize: 1.1em;
 @headerFontWeight: bold;
 @headerDisplay: block;
 @headerDistance: 0rem;
@@ -84,13 +84,3 @@
   @floatingShadow,
   @borderShadow
 ;
-
-/*-------------------
-      Variations
---------------------*/
-
-@small: 0.875em;
-@medium: 1em;
-@large: 1.125em;
-@huge: 1.5em;
-@massive: 2em;