refactors icon sizing to allow for more variety

Former-commit-id: 237085a2ae
Former-commit-id: 727fb2156e

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

@@ -1 +1 @@
-8e025b37bfed179ee45b3d4f2aa8d4eff3897aa1
+a8a842f7d7e51288ae9205d371c0a5bb995e4020

build/uncompressed/elements/icons.css

@@ -757,17 +757,17 @@ i.icon {
   vertical-align: baseline;
 }
 i.large.icon {
-  font-size: 1.5em;
+  font-size: 3em;
   margin-right: 0.5em;
   vertical-align: middle;
 }
 i.huge.icon {
-  font-size: 2em;
+  font-size: 6em;
   margin-right: 0.75em;
   vertical-align: middle;
 }
 i.massive.icon {
-  font-size: 4em;
+  font-size: 12em;
   margin-right: 1em;
   vertical-align: middle;
 }

node/src/documents/elements/icon.html

@@ -237,15 +237,15 @@ type   : 'UI Element'
   <div class="example">
     <h4 class="ui header">Size</h4>
     <p>An icon can vary in size</p>
-    <i class="small users icon"></i> Users
+    <i class="small users icon"></i>
     <br>
-    <i class="users icon"></i> Users
+    <i class="users icon"></i>
     <br>
-    <i class="large users icon"></i> Users
+    <i class="large users icon"></i>
     <br>
-    <i class="huge users icon"></i> Users
+    <i class="huge users icon"></i>
     <br>
-    <i class="massive users icon"></i> Users
+    <i class="massive users icon"></i>
   </div>
   
   <div class="example">

node/src/files/components/semantic/elements/icons.css

@@ -757,17 +757,17 @@ i.icon {
   vertical-align: baseline;
 }
 i.large.icon {
-  font-size: 1.5em;
+  font-size: 3em;
   margin-right: 0.5em;
   vertical-align: middle;
 }
 i.huge.icon {
-  font-size: 2em;
+  font-size: 6em;
   margin-right: 0.75em;
   vertical-align: middle;
 }
 i.massive.icon {
-  font-size: 4em;
+  font-size: 12em;
   margin-right: 1em;
   vertical-align: middle;
 }

src/elements/icons.less

@@ -419,17 +419,17 @@ i.icon {
   vertical-align: baseline;
 }
 i.large.icon {
-  font-size: 1.5em;
+  font-size: 3em;
   margin-right: 0.5em;
   vertical-align: middle;
 }
 i.huge.icon {
-  font-size: 2em;
+  font-size: 6em;
   margin-right: 0.75em;
   vertical-align: middle;
 }
 i.massive.icon {
-  font-size: 4em;
+  font-size: 12em;
   margin-right: 1em;
   vertical-align: middle;
 }