semantic-ui-rails 0.1.0 → 0.1.0.1

data/vendor/assets/stylesheets/semantic-ui/collections/grid.less

@@ -26,6 +26,12 @@
   -ms-box-sizing: border-box;
   box-sizing: border-box;
 }
+
+body > .ui.grid {
+  margin-left: 0%;
+  margin-right: 0%;
+}
+
 .ui.grid:after,
 .ui.row:after {
   content: ".";
@@ -92,65 +98,40 @@
 *******************************/
 
 
-/*-------------------
-        Page
---------------------*/
+/*-----------------------
+  Page Grid (Responsive)
+-------------------------*/
 
 .ui.page.grid {
-  margin: 0%;
-  padding: 0% 2%;
-}
-
-
-/*-------------------
-      Responsive
---------------------*/
-
-.ui.responsive.grid {
-  margin-left: 0% !important;
-  margin-right: 0% !important;
   min-width: 320px;
+  margin-left: 0%;
+  margin-right: 0%;
 }
 
-@media only screen and (max-width : 1000px) {
-  .ui.responsive.grid {
-    padding: 0% 5.55%;
-  }
-  .ui.responsive.grid > .column,
-  .ui.responsive.grid > .row > .column {
+@media only screen and (max-width : 998px) {
+  .ui.page.grid {
+    padding: 0% 4%;
   }
 }
-@media only screen and (min-width : 1000px) {
-  .ui.responsive.grid {
+@media only screen and (min-width : 998px) {
+  .ui.page.grid {
     padding: 0% 8%;
   }
-  .ui.responsive.grid > .column,
-  .ui.responsive.grid > .row > .column {
-  }
 }
 @media only screen and (min-width : 1500px) {
-  .ui.responsive.grid {
+  .ui.page.grid {
     padding: 0% 13%;
   }
-  .ui.responsive.grid > .column,
-  .ui.responsive.grid > .row > .column {
-  }
 }
 @media only screen and (min-width : 1750px) {
-  .ui.responsive.grid {
+  .ui.page.grid {
     padding: 0% 18%;
   }
-  .ui.responsive.grid > .column,
-  .ui.responsive.grid > .row > .column {
-  }
 }
 @media only screen and (min-width : 2000px) {
-  .ui.responsive.grid {
+  .ui.page.grid {
     padding: 0% 23%;
   }
-  .ui.responsive.grid > .column,
-  .ui.responsive.grid > .row > .column {
-  }
 }
 
 /*-------------------
@@ -432,7 +413,7 @@
   box-shadow: none;
 }
 
-.ui.celled.responsive.grid {
+.ui.celled.page.grid {
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;

data/vendor/assets/stylesheets/semantic-ui/collections/menu.less

@@ -245,26 +245,25 @@
 .ui.menu .item > .input input {
   width: 100%;
 }
-.ui.menu .input .icon {
-  padding-top: 0em;
+.ui.menu .ui.input > .icon {
+  padding-top: 0.1em;
   height: auto;
 }
 .ui.menu .item > .input input,
-.ui.menu .item > input {
+.ui.menu .item > input[type="text"] {
   position: relative;
-  top: -0.45em;
-  margin: 0em;
+  margin: -0.45em 0em;
   padding-top: 0.45em;
   padding-bottom: 0.45em;
 }
 .ui.vertical.menu .item > .input input,
-.ui.vertical.menu .item > input {
+.ui.vertical.menu .item > input[type="text"] {
   top: 0em;
   margin: 0em;
   padding-top: 0.63em;
   padding-bottom: 0.63em;
 }
-.ui.vertical.menu  .item > .input .icon {
+.ui.vertical.menu .ui.input > .icon {
   top: 0px;
   padding-top: 0.63em;
 }
@@ -453,7 +452,7 @@
 
   width: 100%;
   height: 100%;
-  background: rgba(255, 255, 255, 0.8) url(../images/loader-large.gif) no-repeat 50% 50%;
+  background: rgba(255, 255, 255, 0.8) url(/assets/semantic-ui/loader-large.gif) no-repeat 50% 50%;
   visibility: visible;
 }
 
@@ -589,11 +588,12 @@
 .ui.tiered.menu > .menu .item.active:after {
   position: absolute;
   content: '';
+  margin-top: -1px;
   top: 100%;
   left: 0px;
 
   width: 100%;
-  height: 1px;
+  height: 2px;
   background-color: #FBFBFB;
 }
 .ui.tiered.menu .sub.menu {
@@ -735,11 +735,12 @@
 .ui.pagination.menu {
   margin: 0em;
   display: inline-block;
+  vertical-align: middle;
 }
 
 .ui.pagination.menu .item {
   min-width: 2.7em;
-  min-height: 2.66em;
+  min-height: 2.7em;
   text-align: center;
 }
 .ui.pagination.menu.floated {
@@ -750,7 +751,7 @@
 .ui.pagination.menu .active.item {
   border-top: none;
   padding-top: 0.83em;
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.05);
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
@@ -1749,7 +1750,6 @@
 
 .ui.menu .item {
   font-size: 1rem;
-  height: 2.66em;
 }
 .ui.vertical.menu {
   width: 15rem;

data/vendor/assets/stylesheets/semantic-ui/elements/basic.icon.less

@@ -1,5 +1,5 @@
 /*
- * # Semantic - Icon (Basic)
+ * # Semantic - basic.Icon (Basic)
  * http://github.com/jlukic/semantic-ui/
  *
  *
@@ -11,7 +11,7 @@
 
 
 /*******************************
-             Icon
+             basic.Icon
 *******************************/
 
 @font-face {
@@ -21,7 +21,7 @@
     url(/assets/semantic-ui/basic.icons.eot?#iefix) format('embedded-opentype'),
     url(/assets/semantic-ui/basic.icons.woff) format('woff'),
     url(/assets/semantic-ui/basic.icons.ttf) format('truetype'),
-    url(/assets/semantic-ui/basic.icons.svg#icons) format('svg')
+    url(/assets/semantic-ui/basic.icons.svg#basic.icons) format('svg')
   ;
 
   font-style: normal;
@@ -31,7 +31,7 @@
   text-transform: none;
 }
 
-i.icon {
+i.basic.icon {
   display: inline-block;
   opacity: 0.75;
 
@@ -59,175 +59,175 @@ i.icon {
   font-smoothing: antialiased;
 }
 
-/* icons available */
-i.icon.circle.attention:before { content: '\2757'; } /* '❗' */
-i.icon.circle.help:before { content: '\e704'; } /* '' */
-i.icon.circle.info:before { content: '\e705'; } /* '' */
-i.icon.add:before { content: '\2795'; } /* '➕' */
-
-i.icon.chart:before { content: '📈'; } /* '\1f4c8' */
-i.icon.chart.bar:before { content: '📊'; } /* '\1f4ca' */
-i.icon.chart.pie:before { content: '\e7a2'; } /* '' */
-
-i.icon.resize.full:before { content: '\e744'; } /* '' */
-i.icon.resize.horizontal:before { content: '\2b0d'; } /* '⬍' */
-i.icon.resize.small:before { content: '\e746'; } /* '' */
-i.icon.resize.vertical:before { content: '\2b0c'; } /* '⬌' */
-
-i.icon.down:before { content: '\2193'; } /* '↓' */
-i.icon.down.triangle:before { content: '\25be'; } /* '▾' */
-i.icon.down.arrow:before { content: '\e75c'; } /* '' */
-
-i.icon.left:before { content: '\2190'; } /* '←' */
-i.icon.left.triangle:before { content: '\25c2'; } /* '◂' */
-i.icon.left.arrow:before { content: '\e75d'; } /* '' */
-
-i.icon.right:before { content: '\2192'; } /* '→' */
-i.icon.right.triangle:before { content: '\25b8'; } /* '▸' */
-i.icon.right.arrow:before { content: '\e75e'; } /* '' */
-
-i.icon.up:before { content: '\2191'; } /* '↑' */
-i.icon.up.triangle:before { content: '\25b4'; } /* '▴' */
-i.icon.up.arrow:before { content: '\e75f'; } /* '' */
-
-i.icon.folder:before { content: '\e810'; } /* '' */
-i.icon.open.folder:before { content: '📂'; } /* '\1f4c2' */
-
-i.icon.globe:before { content: '𝌍'; } /* '\1d30d' */
-i.icon.desk.globe:before { content: '🌐'; } /* '\1f310' */
-
-i.icon.star:before { content: '\e801'; } /* '' */
-i.icon.star.empty:before { content: '\e800'; } /* '' */
-i.icon.star.half:before { content: '\e701'; } /* '' */
-
-i.icon.lock:before { content: '🔒'; } /* '\1f512' */
-i.icon.unlock:before { content: '🔓'; } /* '\1f513' */
-
-i.icon.layout.grid:before { content: '\e80c'; } /* '' */
-i.icon.layout.block:before { content: '\e708'; } /* '' */
-i.icon.layout.list:before { content: '\e80b'; } /* '' */
-
-i.icon.heart.empty:before { content: '\2661'; } /* '♡' */
-i.icon.heart:before { content: '\2665'; } /* '♥' */
-
-
-i.icon.asterisk:before { content: '\2731'; } /* '✱' */
-i.icon.attachment:before { content: '📎'; } /* '\1f4ce' */
-i.icon.attention:before { content: '\26a0'; } /* '⚠' */
-i.icon.trophy:before { content: '🏉'; } /* '\1f3c9' */
-i.icon.barcode:before { content: '\e792'; } /* '' */
-i.icon.cart:before { content: '\e813'; } /* '' */
-i.icon.block:before { content: '🚫'; } /* '\1f6ab' */
-i.icon.book:before { content: '📖'; }
-i.icon.bookmark:before { content: '🔖'; } /* '\1f516' */
-i.icon.calendar:before { content: '📅'; } /* '\1f4c5' */
-i.icon.cancel:before { content: '\2716'; } /* '✖' */
-i.icon.close:before { content: '\e80d'; } /* '' */
-i.icon.color:before { content: '\e794'; } /* '' */
-i.icon.chat:before { content: '\e720'; } /* '' */
-i.icon.check:before { content: '\2611'; } /* '☑' */
-i.icon.time:before { content: '🕔'; } /* '\1f554' */
-i.icon.cloud:before { content: '\2601'; } /* '☁' */
-i.icon.code:before { content: '\e714'; } /* '' */
-i.icon.email:before { content: '\40'; } /* '@' */
-i.icon.settings:before { content: '\26ef'; } /* '⛯' */
-i.icon.setting:before { content: '\2699'; } /* '⚙' */
-i.icon.comment:before { content: '\e802'; } /* '' */
-i.icon.clockwise.counter:before { content: '\27f2'; } /* '⟲' */
-i.icon.clockwise:before { content: '\27f3'; } /* '⟳' */
-i.icon.cube:before { content: '\e807'; } /* '' */
-i.icon.direction:before { content: '\27a2'; } /* '➢' */
-i.icon.doc:before { content: '📄'; } /* '\1f4c4' */
-i.icon.docs:before { content: '\e736'; } /* '' */
-i.icon.dollar:before { content: '💵'; } /* '\1f4b5' */
-i.icon.paint:before { content: '\e7b5'; } /* '' */
-i.icon.edit:before { content: '\270d'; } /* '✍' */
-i.icon.eject:before { content: '\2ecf'; } /* '⻏' */
-i.icon.export:before { content: '\e715'; } /* '' */
-i.icon.hide:before { content: '\e80f'; } /* '' */
-i.icon.unhide:before { content: '\e70b'; } /* '' */
-i.icon.facebook:before { content: '\f301'; } /* '' */
-i.icon.fast-forward:before { content: '\e804'; } /* '' */
-i.icon.fire:before { content: '🔥'; } /* '\1f525' */
-i.icon.flag:before { content: '\2691'; } /* '⚑' */
-i.icon.lightning:before { content: '\26a1'; } /* '⚡' */
-i.icon.lab:before { content: '\68'; } /* 'h' */
-i.icon.flight:before { content: '\2708'; } /* '✈' */
-i.icon.forward:before { content: '\27a6'; } /* '➦' */
-i.icon.gift:before { content: '🎁'; } /* '\1f381' */
-i.icon.github:before { content: '\f308'; } /* '' */
-i.icon.globe:before { content: '\e817'; } /* '' */
-i.icon.headphones:before { content: '🎧'; } /* '\1f3a7' */
-i.icon.question:before { content: '\2753'; } /* '❓' */
-i.icon.home:before { content: '\2302'; } /* '⌂' */
-i.icon.i:before { content: '\2139'; } /* 'ℹ' */
-i.icon.idea:before { content: '💡'; } /* '\1f4a1' */
-i.icon.open:before { content: '🔗'; } /* '\1f517' */
-i.icon.content:before { content: '\e782'; } /* '' */
-i.icon.location:before { content: '\e724'; } /* '' */
-i.icon.mail:before { content: '\2709'; } /* '✉' */
-i.icon.mic:before { content: '🎤'; } /* '\1f3a4' */
-i.icon.minus:before { content: '\2d'; } /* '-' */
-i.icon.money:before { content: '💰'; } /* '\1f4b0' */
-i.icon.off:before { content: '\e78e'; } /* '' */
-i.icon.pause:before { content: '\e808'; } /* '' */
-i.icon.photos:before { content: '\e812'; } /* '' */
-i.icon.photo:before { content: '🌄'; } /* '\1f304' */
-i.icon.pin:before { content: '📌'; } /* '\1f4cc' */
-i.icon.play:before { content: '\e809'; } /* '' */
-i.icon.plus:before { content: '\2b'; } /* '+' */
-i.icon.print:before { content: '\e716'; } /* '' */
-i.icon.rss:before { content: '\e73a'; } /* '' */
-i.icon.search:before { content: '🔍'; } /* '\1f50d' */
-i.icon.shuffle:before { content: '\e803'; } /* '' */
-i.icon.tag:before { content: '\e80a'; } /* '' */
-i.icon.tags:before { content: '\e70d'; } /* '' */
-i.icon.terminal:before { content: '\e7ac'; } /* '' */
-i.icon.thumbs.down:before { content: '👎'; } /* '\1f44e' */
-i.icon.thumbs.up:before { content: '👍'; } /* '\1f44d' */
-i.icon.to-end:before { content: '\e806'; } /* '' */
-i.icon.to-start:before { content: '\e805'; } /* '' */
-i.icon.top.list:before { content: '🏆'; } /* '\1f3c6' */
-i.icon.trash:before { content: '\e729'; } /* '' */
-i.icon.twitter:before { content: '\f303'; } /* '' */
-i.icon.upload:before { content: '\e711'; } /* '' */
-i.icon.user.add:before { content: '\e700'; } /* '' */
-i.icon.user:before { content: '👤'; } /* '\1f464' */
-i.icon.community:before { content: '\e814'; } /* '' */
-i.icon.users:before { content: '👥'; } /* '\1f465' */
-i.icon.id:before { content: '\e722'; } /* '' */
-i.icon.url:before { content: '🔗'; } /* '\1f517' */
-i.icon.zoom.in:before { content: '\e750'; } /* '' */
-i.icon.zoom.out:before { content: '\e751'; } /* '' */
+/* basic.icons available */
+i.basic.icon.circle.attention:before { content: '\2757'; } /* '❗' */
+i.basic.icon.circle.help:before { content: '\e704'; } /* '' */
+i.basic.icon.circle.info:before { content: '\e705'; } /* '' */
+i.basic.icon.add:before { content: '\2795'; } /* '➕' */
+
+i.basic.icon.chart:before { content: '📈'; } /* '\1f4c8' */
+i.basic.icon.chart.bar:before { content: '📊'; } /* '\1f4ca' */
+i.basic.icon.chart.pie:before { content: '\e7a2'; } /* '' */
+
+i.basic.icon.resize.full:before { content: '\e744'; } /* '' */
+i.basic.icon.resize.horizontal:before { content: '\2b0d'; } /* '⬍' */
+i.basic.icon.resize.small:before { content: '\e746'; } /* '' */
+i.basic.icon.resize.vertical:before { content: '\2b0c'; } /* '⬌' */
+
+i.basic.icon.down:before { content: '\2193'; } /* '↓' */
+i.basic.icon.down.triangle:before { content: '\25be'; } /* '▾' */
+i.basic.icon.down.arrow:before { content: '\e75c'; } /* '' */
+
+i.basic.icon.left:before { content: '\2190'; } /* '←' */
+i.basic.icon.left.triangle:before { content: '\25c2'; } /* '◂' */
+i.basic.icon.left.arrow:before { content: '\e75d'; } /* '' */
+
+i.basic.icon.right:before { content: '\2192'; } /* '→' */
+i.basic.icon.right.triangle:before { content: '\25b8'; } /* '▸' */
+i.basic.icon.right.arrow:before { content: '\e75e'; } /* '' */
+
+i.basic.icon.up:before { content: '\2191'; } /* '↑' */
+i.basic.icon.up.triangle:before { content: '\25b4'; } /* '▴' */
+i.basic.icon.up.arrow:before { content: '\e75f'; } /* '' */
+
+i.basic.icon.folder:before { content: '\e810'; } /* '' */
+i.basic.icon.open.folder:before { content: '📂'; } /* '\1f4c2' */
+
+i.basic.icon.globe:before { content: '𝌍'; } /* '\1d30d' */
+i.basic.icon.desk.globe:before { content: '🌐'; } /* '\1f310' */
+
+i.basic.icon.star:before { content: '\e801'; } /* '' */
+i.basic.icon.star.empty:before { content: '\e800'; } /* '' */
+i.basic.icon.star.half:before { content: '\e701'; } /* '' */
+
+i.basic.icon.lock:before { content: '🔒'; } /* '\1f512' */
+i.basic.icon.unlock:before { content: '🔓'; } /* '\1f513' */
+
+i.basic.icon.layout.grid:before { content: '\e80c'; } /* '' */
+i.basic.icon.layout.block:before { content: '\e708'; } /* '' */
+i.basic.icon.layout.list:before { content: '\e80b'; } /* '' */
+
+i.basic.icon.heart.empty:before { content: '\2661'; } /* '♡' */
+i.basic.icon.heart:before { content: '\2665'; } /* '♥' */
+
+
+i.basic.icon.asterisk:before { content: '\2731'; } /* '✱' */
+i.basic.icon.attachment:before { content: '📎'; } /* '\1f4ce' */
+i.basic.icon.attention:before { content: '\26a0'; } /* '⚠' */
+i.basic.icon.trophy:before { content: '🏉'; } /* '\1f3c9' */
+i.basic.icon.barcode:before { content: '\e792'; } /* '' */
+i.basic.icon.cart:before { content: '\e813'; } /* '' */
+i.basic.icon.block:before { content: '🚫'; } /* '\1f6ab' */
+i.basic.icon.book:before { content: '📖'; }
+i.basic.icon.bookmark:before { content: '🔖'; } /* '\1f516' */
+i.basic.icon.calendar:before { content: '📅'; } /* '\1f4c5' */
+i.basic.icon.cancel:before { content: '\2716'; } /* '✖' */
+i.basic.icon.close:before { content: '\e80d'; } /* '' */
+i.basic.icon.color:before { content: '\e794'; } /* '' */
+i.basic.icon.chat:before { content: '\e720'; } /* '' */
+i.basic.icon.check:before { content: '\2611'; } /* '☑' */
+i.basic.icon.time:before { content: '🕔'; } /* '\1f554' */
+i.basic.icon.cloud:before { content: '\2601'; } /* '☁' */
+i.basic.icon.code:before { content: '\e714'; } /* '' */
+i.basic.icon.email:before { content: '\40'; } /* '@' */
+i.basic.icon.settings:before { content: '\26ef'; } /* '⛯' */
+i.basic.icon.setting:before { content: '\2699'; } /* '⚙' */
+i.basic.icon.comment:before { content: '\e802'; } /* '' */
+i.basic.icon.clockwise.counter:before { content: '\27f2'; } /* '⟲' */
+i.basic.icon.clockwise:before { content: '\27f3'; } /* '⟳' */
+i.basic.icon.cube:before { content: '\e807'; } /* '' */
+i.basic.icon.direction:before { content: '\27a2'; } /* '➢' */
+i.basic.icon.doc:before { content: '📄'; } /* '\1f4c4' */
+i.basic.icon.docs:before { content: '\e736'; } /* '' */
+i.basic.icon.dollar:before { content: '💵'; } /* '\1f4b5' */
+i.basic.icon.paint:before { content: '\e7b5'; } /* '' */
+i.basic.icon.edit:before { content: '\270d'; } /* '✍' */
+i.basic.icon.eject:before { content: '\2ecf'; } /* '⻏' */
+i.basic.icon.export:before { content: '\e715'; } /* '' */
+i.basic.icon.hide:before { content: '\e80f'; } /* '' */
+i.basic.icon.unhide:before { content: '\e70b'; } /* '' */
+i.basic.icon.facebook:before { content: '\f301'; } /* '' */
+i.basic.icon.fast-forward:before { content: '\e804'; } /* '' */
+i.basic.icon.fire:before { content: '🔥'; } /* '\1f525' */
+i.basic.icon.flag:before { content: '\2691'; } /* '⚑' */
+i.basic.icon.lightning:before { content: '\26a1'; } /* '⚡' */
+i.basic.icon.lab:before { content: '\68'; } /* 'h' */
+i.basic.icon.flight:before { content: '\2708'; } /* '✈' */
+i.basic.icon.forward:before { content: '\27a6'; } /* '➦' */
+i.basic.icon.gift:before { content: '🎁'; } /* '\1f381' */
+i.basic.icon.github:before { content: '\f308'; } /* '' */
+i.basic.icon.globe:before { content: '\e817'; } /* '' */
+i.basic.icon.headphones:before { content: '🎧'; } /* '\1f3a7' */
+i.basic.icon.question:before { content: '\2753'; } /* '❓' */
+i.basic.icon.home:before { content: '\2302'; } /* '⌂' */
+i.basic.icon.i:before { content: '\2139'; } /* 'ℹ' */
+i.basic.icon.idea:before { content: '💡'; } /* '\1f4a1' */
+i.basic.icon.open:before { content: '🔗'; } /* '\1f517' */
+i.basic.icon.content:before { content: '\e782'; } /* '' */
+i.basic.icon.location:before { content: '\e724'; } /* '' */
+i.basic.icon.mail:before { content: '\2709'; } /* '✉' */
+i.basic.icon.mic:before { content: '🎤'; } /* '\1f3a4' */
+i.basic.icon.minus:before { content: '\2d'; } /* '-' */
+i.basic.icon.money:before { content: '💰'; } /* '\1f4b0' */
+i.basic.icon.off:before { content: '\e78e'; } /* '' */
+i.basic.icon.pause:before { content: '\e808'; } /* '' */
+i.basic.icon.photos:before { content: '\e812'; } /* '' */
+i.basic.icon.photo:before { content: '🌄'; } /* '\1f304' */
+i.basic.icon.pin:before { content: '📌'; } /* '\1f4cc' */
+i.basic.icon.play:before { content: '\e809'; } /* '' */
+i.basic.icon.plus:before { content: '\2b'; } /* '+' */
+i.basic.icon.print:before { content: '\e716'; } /* '' */
+i.basic.icon.rss:before { content: '\e73a'; } /* '' */
+i.basic.icon.search:before { content: '🔍'; } /* '\1f50d' */
+i.basic.icon.shuffle:before { content: '\e803'; } /* '' */
+i.basic.icon.tag:before { content: '\e80a'; } /* '' */
+i.basic.icon.tags:before { content: '\e70d'; } /* '' */
+i.basic.icon.terminal:before { content: '\e7ac'; } /* '' */
+i.basic.icon.thumbs.down:before { content: '👎'; } /* '\1f44e' */
+i.basic.icon.thumbs.up:before { content: '👍'; } /* '\1f44d' */
+i.basic.icon.to-end:before { content: '\e806'; } /* '' */
+i.basic.icon.to-start:before { content: '\e805'; } /* '' */
+i.basic.icon.top.list:before { content: '🏆'; } /* '\1f3c6' */
+i.basic.icon.trash:before { content: '\e729'; } /* '' */
+i.basic.icon.twitter:before { content: '\f303'; } /* '' */
+i.basic.icon.upload:before { content: '\e711'; } /* '' */
+i.basic.icon.user.add:before { content: '\e700'; } /* '' */
+i.basic.icon.user:before { content: '👤'; } /* '\1f464' */
+i.basic.icon.community:before { content: '\e814'; } /* '' */
+i.basic.icon.users:before { content: '👥'; } /* '\1f465' */
+i.basic.icon.id:before { content: '\e722'; } /* '' */
+i.basic.icon.url:before { content: '🔗'; } /* '\1f517' */
+i.basic.icon.zoom.in:before { content: '\e750'; } /* '' */
+i.basic.icon.zoom.out:before { content: '\e751'; } /* '' */
 
 /*--------------
    Spacing Fix
 ---------------*/
 
 /* dropdown arrows are to the right */
-i.dropdown.icon {
+i.dropdown.basic.icon {
   margin: 0em 0em 0em 0.5em;
 }
 
 /* stars are usually consecutive */
-i.icon.star {
+i.basic.icon.star {
   width: auto;
   margin: 0em;
 }
 
-/* left side icons */
-i.icon.left,
-i.icon.left,
-i.icon.left {
+/* left side basic.icons */
+i.basic.icon.left,
+i.basic.icon.left,
+i.basic.icon.left {
   width: auto;
   margin: 0em 0.5em 0em 0em;
 }
 
-/* right side icons */
-i.icon.search,
-i.icon.up,
-i.icon.down,
-i.icon.right {
+/* right side basic.icons */
+i.basic.icon.search,
+i.basic.icon.up,
+i.basic.icon.down,
+i.basic.icon.right {
   width: auto;
   margin: 0em 0em 0em 0.5em;
 }
@@ -237,38 +237,38 @@ i.icon.right {
 ---------------*/
 
 /* aliases for convenience */
-i.icon.delete:before { content: '\e80d'; } /* '' */
-i.icon.dropdown:before { content: '\25be'; } /* '▾' */
+i.basic.icon.delete:before { content: '\e80d'; } /* '' */
+i.basic.icon.dropdown:before { content: '\25be'; } /* '▾' */
 
-i.icon.help:before { content: '\e704'; } /* '' */
-i.icon.info:before { content: '\e705'; } /* '' */
-i.icon.error:before { content: '\e80d'; } /* '' */
+i.basic.icon.help:before { content: '\e704'; } /* '' */
+i.basic.icon.info:before { content: '\e705'; } /* '' */
+i.basic.icon.error:before { content: '\e80d'; } /* '' */
 
-i.icon.dislike:before { content: '\2661'; } /* '♡' */
-i.icon.like:before { content: '\2665'; } /* '♥' */
+i.basic.icon.dislike:before { content: '\2661'; } /* '♡' */
+i.basic.icon.like:before { content: '\2665'; } /* '♥' */
 
-i.icon.eye:before { content: '\e80f'; } /* '' */
-i.icon.eye.hidden:before { content: '\e70b'; } /* '' */
-i.icon.date:before { content: '📅'; } /* '\1f4c5' */
+i.basic.icon.eye:before { content: '\e80f'; } /* '' */
+i.basic.icon.eye.hidden:before { content: '\e70b'; } /* '' */
+i.basic.icon.date:before { content: '📅'; } /* '\1f4c5' */
 
 
 /*******************************
              States
 *******************************/
 
-i.icon.hover {
+i.basic.icon.hover {
   opacity: 1;
 }
 
-i.icon.active {
+i.basic.icon.active {
   opacity: 1;
 }
 
-i.emphasized.icon {
+i.emphasized.basic.icon {
   opacity: 1;
 }
 
-i.icon.disabled {
+i.basic.icon.disabled {
   opacity: 0.3;
 }
 
@@ -281,7 +281,7 @@ i.icon.disabled {
          Link
 --------------------*/
 
-i.link.icon {
+i.link.basic.icon {
   cursor: pointer;
   opacity: 0.7;
   -webkit-transition: opacity 0.3s ease-out;
@@ -290,7 +290,7 @@ i.link.icon {
   -ms-transition: opacity 0.3s ease-out;
   transition: opacity 0.3s ease-out;
 }
-.link.icon:hover {
+.link.basic.icon:hover {
   opacity: 1 !important;
 }
 
@@ -298,7 +298,7 @@ i.link.icon {
       Circular
 --------------------*/
 
-i.circular.icon {
+i.circular.basic.icon {
   -webkit-border-radius: 500px !important;
   -moz-border-radius: 500px !important;
   border-radius: 500px !important;
@@ -313,7 +313,7 @@ i.circular.icon {
   width: 2em !important;
   height: 2em !important;
 }
-i.circular.inverted.icon {
+i.circular.inverted.basic.icon {
   border: none;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
@@ -324,14 +324,14 @@ i.circular.inverted.icon {
       Flipped
 --------------------*/
 
-i.vertically.flipped.icon {
+i.vertically.flipped.basic.icon {
   -webkit-transform: scale(1, -1);
   -moz-transform: scale(1, -1);
   -o-transform: scale(1, -1);
   -ms-transform: scale(1, -1);
   transform: scale(1, -1);
 }
-i.horizontally.flipped.icon {
+i.horizontally.flipped.basic.icon {
   -webkit-transform: scale(-1, 1);
   -moz-transform: scale(-1, 1);
   -o-transform: scale(-1, 1);
@@ -343,14 +343,14 @@ i.horizontally.flipped.icon {
         Rotated
 --------------------*/
 
-i.left.rotated.icon {
+i.left.rotated.basic.icon {
   -webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
   -o-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   transform: rotate(-90deg);
 }
-i.right.rotated.icon {
+i.right.rotated.basic.icon {
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -o-transform: rotate(90deg);
@@ -363,7 +363,7 @@ i.right.rotated.icon {
         Square
 --------------------*/
 
-i.square.icon {
+i.square.basic.icon {
   width: 2em;
   height: 2em;
   padding: 0.5em 0.35em !important;
@@ -374,10 +374,10 @@ i.square.icon {
 
   vertical-align: baseline;
 }
-i.square.icon:before {
+i.square.basic.icon:before {
   vertical-align: middle;
 }
-i.square.inverted.icon {
+i.square.inverted.basic.icon {
   border: none;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
@@ -389,7 +389,7 @@ i.square.inverted.icon {
       Inverted
 --------------------*/
 
-i.inverted.icon {
+i.inverted.basic.icon {
   background-color: #222222;
   color: #FFFFFF;
 }
@@ -398,22 +398,22 @@ i.inverted.icon {
        Colors
 --------------------*/
 
-i.blue.icon {
+i.blue.basic.icon {
   color: #6ECFF5 !important;
 }
-i.black.icon {
+i.black.basic.icon {
   color: #5C6166 !important;
 }
-i.green.icon {
+i.green.basic.icon {
   color: #A1CF64 !important;
 }
-i.red.icon {
+i.red.basic.icon {
   color: #D95C5C !important;
 }
-i.purple.icon {
+i.purple.basic.icon {
   color: #564F8A !important;
 }
-i.teal.icon {
+i.teal.basic.icon {
   color: #00B5AD !important;
 }
 
@@ -421,27 +421,27 @@ i.teal.icon {
    Inverted Colors
 --------------------*/
 
-i.inverted.black.icon {
+i.inverted.black.basic.icon {
   background-color: #5C6166 !important;
   color: #FFFFFF !important;
 }
-i.inverted.blue.icon {
+i.inverted.blue.basic.icon {
   background-color: #6ECFF5 !important;
   color: #FFFFFF !important;
 }
-i.inverted.green.icon {
+i.inverted.green.basic.icon {
   background-color: #A1CF64 !important;
   color: #FFFFFF !important;
 }
-i.inverted.red.icon {
+i.inverted.red.basic.icon {
   background-color: #D95C5C !important;
   color: #FFFFFF !important;
 }
-i.inverted.purple.icon {
+i.inverted.purple.basic.icon {
   background-color: #564F8A !important;
   color: #FFFFFF !important;
 }
-i.inverted.teal.icon {
+i.inverted.teal.basic.icon {
   background-color: #00B5AD !important;
   color: #FFFFFF !important;
 }
@@ -451,23 +451,28 @@ i.inverted.teal.icon {
         Sizes
 --------------------*/
 
-i.small.icon {
+i.small.basic.icon {
   font-size: 0.875em;
 }
-i.icon {
+i.basic.icon {
   font-size: 1em;
 }
-i.large.icon {
+i.large.basic.icon {
+  font-size: 1.5em;
+  margin-right: 0.2em;
+  vertical-align: middle;
+}
+i.big.basic.icon {
   font-size: 2em;
   margin-right: 0.5em;
   vertical-align: middle;
 }
-i.huge.icon {
+i.huge.basic.icon {
   font-size: 4em;
   margin-right: 0.75em;
   vertical-align: middle;
 }
-i.massive.icon {
+i.massive.basic.icon {
   font-size: 8em;
   margin-right: 1em;
   vertical-align: middle;