magic_stylez 0.0.0.1

data/vendor/assets/stylesheets/magic/icons/magicons.scss

@@ -0,0 +1,706 @@
+//** Load fonts from this directory.
+$magicons-font-path: "magic/" !default;
+//** File name for all font files.
+$magicons-font-name: "magicons-regular-webfont" !default;
+//** Element ID within SVG icon file.
+$magicons-font-svg-id: "magiconsregular" !default;
+
+$magicons-class-name: "magicons" !default;
+
+
+@font-face {
+    font-family: 'magiconsregular';
+	src: url(if($magic-asset-helper, twbs-font-path('#{$magicons-font-path}#{$magicons-font-name}.eot'), '#{$magicons-font-path}#{$magicons-font-name}.eot'));
+    }
+
+@font-face {
+    font-family: 'magiconsregular';
+    src: 	url(if($magic-asset-helper, twbs-font-path('#{$magicons-font-path}#{$magicons-font-name}.woff'), '#{$magicons-font-path}#{$magicons-font-name}.woff')) format('woff'),
+			url(if($magic-asset-helper, twbs-font-path('#{$magicons-font-path}#{$magicons-font-name}.ttf'), '#{$magicons-font-path}#{$magicons-font-name}.ttf')) format('truetype'),
+			url(if($magic-asset-helper, twbs-font-path('#{$magicons-font-path}#{$magicons-font-name}.svg##{$magicons-font-svg-id}'), '#{$magicons-font-path}#{$magicons-font-name}.svg##{$magicons-font-svg-id}')) format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+// [class^="icon-"],
+// [class*=" icon-"] {
+//   font-family: magiconsregular;
+//   font-weight: normal;
+//   font-style: normal;
+//   display: inline-block;
+//   position: relative;
+//   text-decoration: inherit;
+//   vertical-align: top;
+//   line-height: .9em;
+//   width: 1.5em;
+//   height: .9em;
+//   min-height: .9em;
+// }
+
+
+// [class^="icon-"]:before,
+// [class*=" icon-"]:before {
+//   font-family: magiconsregular;
+//   font-weight: normal;
+//   font-style: normal;
+//   display: inline-block;
+//   text-decoration: inherit;
+//   vertical-align: top;
+//   line-height: inherit;
+// }
+
+.#{$magicons-class-name}_font { font-family: magiconsregular; font-weight: normal;  font-style: normal; }
+
+span.caret { font-family: magiconsregular; font-weight: normal;  font-style: normal; }
+
+span.ui-icon.ui-icon-circle-triangle-w:before { font-family: magiconsregular; font-weight: normal;  font-style: normal; }
+
+[class^="#{$magicons-class-name}-"]:before,
+[class*=" #{$magicons-class-name}-"]:before {
+  font-family: magiconsregular;
+  font-weight: normal;
+  font-style: normal;
+  display: block;
+  position: relative;
+  // top: 0; right: 0; bottom: 0; left: 0;
+  text-decoration: inherit;
+  vertical-align: middle;
+  line-height: .9em;
+  color: inherit;
+  
+  // make icons thinner in webkit (white icons on dark background)
+  text-shadow: 0 0 0 rgba(0,0,0,.01);
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizelegibility;
+  
+  outline: none;
+  border: none;
+}
+
+
+
+
+[class^="#{$magicons-class-name}-"],
+[class*=" #{$magicons-class-name}-"] {
+  display: inline-block;
+  text-decoration: inherit;
+}
+
+/* makes the font 33% larger relative to the icon container */
+.#{$magicons-class-name}-large:before {
+  vertical-align: middle;
+  font-size: 4/3em;
+}
+
+.btn, .nav-tabs {
+  [class^="#{$magicons-class-name}-"],
+  [class*=" #{$magicons-class-name}-"] {
+  /* keeps button heights with and without icons the same */
+    // font-size: 1.2em;
+    // line-height: .9em;
+    // vertical-align: middle;
+    // display: inline;
+  
+  }
+}
+
+li {
+  [class^="#{$magicons-class-name}-"],
+  [class*=" #{$magicons-class-name}-"] {
+    display: inline-block;
+    width: 1.25em;
+    text-align: center;
+  }
+  .#{$magicons-class-name}-large:before,
+  .#{$magicons-class-name}-large:before {
+    /* 1.5 increased font size for icon-large * 1.25 width */
+    width: 1.5*1.25em;
+  }
+}
+
+ul.icons {
+  list-style-type: none;
+  margin-left: 2em;
+  text-indent: -.8em;
+
+  li {
+    [class^="#{$magicons-class-name}-"],
+    [class*=" #{$magicons-class-name}-"] {
+      width: .8em;
+    }
+    .#{$magicons-class-name}-large:before,
+    .#{$magicons-class-name}-large:before {
+      /* 1.5 increased font size for icon-large * 1.25 width */
+      vertical-align: initial;
+//      width: 1.5*1.25em;
+    }
+  }
+}
+
+.#{$magicons-class-name}-close-round:before             { content: "\f001"; }
+.#{$magicons-class-name}-ok-round:before                { content: "\f002"; }
+.#{$magicons-class-name}-minus-round:before             { content: "\f003"; }
+.#{$magicons-class-name}-plus-round:before              { content: "\f004"; }
+
+.#{$magicons-class-name}-ban-circle:before        { content: "\f005"; }
+.#{$magicons-class-name}-attention-round:before         { content: "\f006"; }
+.#{$magicons-class-name}-info-round:before              { content: "\f007"; }
+.#{$magicons-class-name}-question-round:before          { content: "\f008"; }
+
+.#{$magicons-class-name}-arrow-up:before          { content: "\f00c"; }
+.#{$magicons-class-name}-arrow-right:before       { content: "\f00b"; }
+.#{$magicons-class-name}-arrow-down:before        { content: "\f009"; }
+.#{$magicons-class-name}-arrow-left:before        { content: "\f00a"; }
+
+.#{$magicons-class-name}-fat-arrow-up:before      { content: "\f012"; }
+.#{$magicons-class-name}-fat-arrow-right:before   { content: "\f011"; }
+.#{$magicons-class-name}-fat-arrow-down:before    { content: "\f00d"; }
+.#{$magicons-class-name}-fat-arrow-left:before    { content: "\f00e"; }
+
+.#{$magicons-class-name}-chevron-round-up:before        { content: "\f016"; }
+.#{$magicons-class-name}-chevron-round-right:before     { content: "\f015"; }
+.#{$magicons-class-name}-chevron-round-down:before      { content: "\f013"; }
+.#{$magicons-class-name}-chevron-round-left:before      { content: "\f014"; }
+
+.#{$magicons-class-name}-caret-up:before          { content: "\f01a"; }
+.#{$magicons-class-name}-caret-right:before       { content: "\f019"; }
+.#{$magicons-class-name}-caret-down:before        { content: "\f017"; }
+.#{$magicons-class-name}-caret-left:before        { content: "\f018"; }
+
+.#{$magicons-class-name}-hand-up:before           { content: "\f01e"; }
+.#{$magicons-class-name}-hand-right:before        { content: "\f01d"; }
+.#{$magicons-class-name}-hand-down:before         { content: "\f01b"; }
+.#{$magicons-class-name}-hand-left:before         { content: "\f01c"; }
+
+.#{$magicons-class-name}-hand-fuck:before         { content: "\f021"; }
+.#{$magicons-class-name}-hand-rock-back:before    { content: "\f022"; }
+.#{$magicons-class-name}-hand-rock:before         { content: "\f023"; }
+
+.#{$magicons-class-name}-thumb-up:before          { content: "\f026"; }
+.#{$magicons-class-name}-thumb-right:before       { content: "\f027"; }
+.#{$magicons-class-name}-thumb-down:before        { content: "\f025"; }
+.#{$magicons-class-name}-thumb-left:before        { content: "\f024"; }
+
+.#{$magicons-class-name}-handflat-left:before     { content: "\f028"; }
+.#{$magicons-class-name}-handflat-both:before     { content: "\f02a"; }
+.#{$magicons-class-name}-handflat-right:before    { content: "\f029"; }
+
+.#{$magicons-class-name}-heart-round:before             { content: "\f02b"; }
+.#{$magicons-class-name}-heart-empty:before       { content: "\f02c"; }
+
+.#{$magicons-class-name}-comment:before           { content: "\f02d"; }
+.#{$magicons-class-name}-comment-round:before           { content: "\f02d"; }
+.#{$magicons-class-name}-comment-empty:before     { content: "\f02e"; }
+.#{$magicons-class-name}-comments-round:before          { content: "\f031"; }
+.#{$magicons-class-name}-comments-empty:before    { content: "\f032"; }
+
+.#{$magicons-class-name}-bookmark:before          { content: "\f033"; }
+.#{$magicons-class-name}-bookmark-empty:before    { content: "\f034"; }
+
+.#{$magicons-class-name}-envelope:before                  { content: "\f035"; }
+.#{$magicons-class-name}-envelope-alt:before              { content: "\f226"; }
+.#{$magicons-class-name}-envelope-open:before             { content: "\f036"; }
+.#{$magicons-class-name}-envelope-open-alt:before         { content: "\f038"; }
+.#{$magicons-class-name}-envelope-filled:before           { content: "\f03a"; }
+.#{$magicons-class-name}-envelope-filled-alt:before       { content: "\f03c"; }
+.#{$magicons-class-name}-envelope-inlay-open:before       { content: "\f037"; }
+.#{$magicons-class-name}-envelope-inlay-open-alt:before   { content: "\f039"; }
+.#{$magicons-class-name}-envelope-inlay-filled:before     { content: "\f03b"; }
+.#{$magicons-class-name}-envelope-inlay-filled-alt:before { content: "\f03d"; }
+
+.#{$magicons-class-name}-tag:before               { content: "\f03e"; }
+.#{$magicons-class-name}-tags:before              { content: "\f041"; }
+
+.#{$magicons-class-name}-star-round:before              { content: "\f042"; }
+.#{$magicons-class-name}-star-empty:before        { content: "\f043"; }
+.#{$magicons-class-name}-star-half-round:before         { content: "\f044"; }
+.#{$magicons-class-name}-star-half-empty:before   { content: "\f045"; }
+
+.#{$magicons-class-name}-user-male-round:before         { content: "\f048"; }
+.#{$magicons-class-name}-user-female-round:before       { content: "\f049"; }
+.#{$magicons-class-name}-user-group-round:before        { content: "\f04b"; }
+.#{$magicons-class-name}-user-group-alt:before    { content: "\f04a"; }
+.#{$magicons-class-name}-user-group-big:before    { content: "\f04c"; }
+
+.#{$magicons-class-name}-search-round:before            { content: "\f04d"; }
+.#{$magicons-class-name}-zoom-in:before           { content: "\f04e"; }
+.#{$magicons-class-name}-zoom-out:before          { content: "\f051"; }
+
+.#{$magicons-class-name}-lock-round:before              { content: "\f052"; }
+.#{$magicons-class-name}-unlock-round:before            { content: "\f053"; }
+
+.#{$magicons-class-name}-wrench-round:before            { content: "\f054"; }
+.#{$magicons-class-name}-cog-round:before               { content: "\f056"; }
+.#{$magicons-class-name}-cog-alt:before           { content: "\f055"; }
+.#{$magicons-class-name}-cogs:before              { content: "\f057"; }
+
+.#{$magicons-class-name}-trash-round:before             { content: "\f058"; }
+
+.#{$magicons-class-name}-key:before               { content: "\f059"; }
+.#{$magicons-class-name}-key-alt:before           { content: "\f05a"; }
+
+.#{$magicons-class-name}-pushpin-round:before           { content: "\f05b"; }
+
+.#{$magicons-class-name}-map-marker-round:before        { content: "\f05c"; }
+
+.#{$magicons-class-name}-time-round:before              { content: "\f05d"; }
+.#{$magicons-class-name}-time-alt:before          { content: "\f05e"; }
+
+.#{$magicons-class-name}-move:before              { content: "\f061"; }
+.#{$magicons-class-name}-resize-horizontal:before { content: "\f062"; }
+.#{$magicons-class-name}-resize-vertical:before   { content: "\f063"; }
+
+.#{$magicons-class-name}-retweet:before           { content: "\f064"; }
+.#{$magicons-class-name}-reload:before            { content: "\f065"; }
+.#{$magicons-class-name}-random:before            { content: "\f066"; }
+.#{$magicons-class-name}-refresh:before           { content: "\f067"; }
+
+.#{$magicons-class-name}-adjust:before            { content: "\f068"; }
+.#{$magicons-class-name}-asterisk:before          { content: "\f069"; }
+.#{$magicons-class-name}-screenshot:before        { content: "\f06a"; }
+.#{$magicons-class-name}-target-round:before            { content: "\f06b"; }
+
+.#{$magicons-class-name}-volume-one:before        { content: "\f06c"; }
+.#{$magicons-class-name}-volume-two:before        { content: "\f06d"; }
+.#{$magicons-class-name}-volume-three:before      { content: "\f06e"; }
+
+.#{$magicons-class-name}-sort-round:before              { content: "\f071"; }
+.#{$magicons-class-name}-sort-round-down:before         { content: "\f072"; }
+.#{$magicons-class-name}-sort-round-up:before           { content: "\f073"; }
+
+.#{$magicons-class-name}-signin:before            { content: "\f074"; }
+.#{$magicons-class-name}-signout:before           { content: "\f075"; }
+.#{$magicons-class-name}-sitemap:before           { content: "\f076"; }
+.#{$magicons-class-name}-signal:before            { content: "\f077"; }
+
+.#{$magicons-class-name}-download:before          { content: "\f078"; }
+.#{$magicons-class-name}-upload:before            { content: "\f079"; }
+
+.#{$magicons-class-name}-facebook:before          { content: "\f07a"; }
+.#{$magicons-class-name}-twitter:before           { content: "\f07b"; }
+.#{$magicons-class-name}-github:before            { content: "\f07c"; }
+.#{$magicons-class-name}-github-alt:before        { content: "\f07d"; }
+.#{$magicons-class-name}-pinterest:before         { content: "\f07e"; }
+.#{$magicons-class-name}-linkedin:before          { content: "\f081"; }
+.#{$magicons-class-name}-google-plus:before       { content: "\f082"; }
+.#{$magicons-class-name}-flickr:before            { content: "\f083"; }
+.#{$magicons-class-name}-picasa:before            { content: "\f084"; }
+
+.#{$magicons-class-name}-rss:before               { content: "\f085"; }
+
+.#{$magicons-class-name}-firefox:before           { content: "\f086"; }
+.#{$magicons-class-name}-ie:before                { content: "\f087"; }
+.#{$magicons-class-name}-opera:before             { content: "\f088"; }
+.#{$magicons-class-name}-chrome:before            { content: "\f089"; }
+.#{$magicons-class-name}-safari:before            { content: "\f08a"; }
+
+.#{$magicons-class-name}-phone:before            { content: "\f08b"; }
+.#{$magicons-class-name}-phone-pickup:before     { content: "\f08c"; }
+.#{$magicons-class-name}-phone-hangup:before     { content: "\f08d"; }
+
+.#{$magicons-class-name}-pencil-round:before            { content: "\f08e"; }
+.#{$magicons-class-name}-pencil-alt:before        { content: "\f091"; }
+.#{$magicons-class-name}-ballpen:before           { content: "\f092"; }
+
+.#{$magicons-class-name}-briefcase:before         { content: "\f093"; }
+.#{$magicons-class-name}-briefcase-alt:before     { content: "\f094"; }
+
+.#{$magicons-class-name}-inbox-round:before       { content: "\f095"; }
+
+.#{$magicons-class-name}-dashboard:before         { content: "\f096"; }
+
+.#{$magicons-class-name}-folder-close:before       { content: "\f098"; }
+.#{$magicons-class-name}-folder-open:before        { content: "\f097"; }
+.#{$magicons-class-name}-folder-alt:before         { content: "\f099"; }
+
+.#{$magicons-class-name}-book:before                    { content: "\f09a"; }
+.#{$magicons-class-name}-book-marked:before             { content: "\f09b"; }
+.#{$magicons-class-name}-book-marked-alt:before         { content: "\f103"; }
+.#{$magicons-class-name}-address-book:before            { content: "\f09c"; }
+.#{$magicons-class-name}-address-book-marked:before     { content: "\f09d"; }
+.#{$magicons-class-name}-address-book-marked-alt:before { content: "\f104"; }
+
+.#{$magicons-class-name}-book-open-round:before               { content: "\f116"; }
+.#{$magicons-class-name}-book-open-alt:before           { content: "\f118"; }
+.#{$magicons-class-name}-book-open-filled:before        { content: "\f117"; }
+
+.#{$magicons-class-name}-tasks:before                { content: "\f09e"; }
+
+.#{$magicons-class-name}-reorder:before              { content: "\f101"; }
+
+.#{$magicons-class-name}-bar-chart-round:before            { content: "\f102"; }
+
+.#{$magicons-class-name}-clipboard-tasks:before       { content: "\f10b"; }
+.#{$magicons-class-name}-clipboard-check:before       { content: "\f10c"; }
+.#{$magicons-class-name}-clipboard-tasks-edge:before  { content: "\f105"; }
+.#{$magicons-class-name}-clipboard-check-edge:before  { content: "\f106"; }
+
+.#{$magicons-class-name}-pile-list-marked:before       { content: "\f10d"; }
+.#{$magicons-class-name}-pile-check-marked-edge:before  { content: "\f107"; }
+
+.#{$magicons-class-name}-ringbinder-month:before      { content: "\f10e"; }
+.#{$magicons-class-name}-ringbinder-day:before        { content: "\f111"; }
+.#{$magicons-class-name}-ringbinder-list:before       { content: "\f112"; }
+.#{$magicons-class-name}-ringbinder-month-edge:before { content: "\f108"; }
+.#{$magicons-class-name}-ringbinder-day-edge:before   { content: "\f109"; }
+.#{$magicons-class-name}-ringbinder-list-edge:before  { content: "\f10a"; }
+
+.#{$magicons-class-name}-picture-round:before             { content: "\f113"; }
+.#{$magicons-class-name}-picture-alt:before         { content: "\f114"; }
+.#{$magicons-class-name}-pictures:before            { content: "\f115"; }
+
+.#{$magicons-class-name}-external-link:before       { content: "\f119"; }
+.#{$magicons-class-name}-share:before               { content: "\f11a"; }
+.#{$magicons-class-name}-edit:before                { content: "\f11c"; }
+.#{$magicons-class-name}-check:before               { content: "\f11b"; }
+.#{$magicons-class-name}-check-empty:before         { content: "\f11d"; }
+
+.#{$magicons-class-name}-credit-card:before         { content: "\f11e"; }
+
+.#{$magicons-class-name}-qrcode:before              { content: "\f121"; }
+
+.#{$magicons-class-name}-shopping-cart:before        { content: "\f123"; }
+.#{$magicons-class-name}-shopping-cart-alt:before    { content: "\f122"; }
+.#{$magicons-class-name}-shopping-cart-in:before     { content: "\f125"; }
+.#{$magicons-class-name}-shopping-cart-in-alt:before { content: "\f124"; }
+
+.#{$magicons-class-name}-money:before               { content: "\f126"; }
+.#{$magicons-class-name}-money-euro-round:before          { content: "\f127"; }
+.#{$magicons-class-name}-money-dollar:before        { content: "\f128"; }
+
+.#{$magicons-class-name}-barcode:before             { content: "\f12a"; }
+.#{$magicons-class-name}-barcode-alt:before         { content: "\f129"; }
+
+.#{$magicons-class-name}-globe-round:before               { content: "\f12b"; }
+.#{$magicons-class-name}-globe-alt:before           { content: "\f12c"; }
+
+.#{$magicons-class-name}-home:before                { content: "\f12d"; }
+
+.#{$magicons-class-name}-truck:before               { content: "\f12e"; }
+.#{$magicons-class-name}-plane:before               { content: "\f131"; }
+.#{$magicons-class-name}-road:before                { content: "\f132"; }
+
+.#{$magicons-class-name}-compass-round:before             { content: "\f133"; }
+
+.#{$magicons-class-name}-file:before                { content: "\f134"; }
+.#{$magicons-class-name}-files:before               { content: "\f138"; }
+.#{$magicons-class-name}-file-text:before           { content: "\f135"; }
+.#{$magicons-class-name}-file-alt:before            { content: "\f137"; }
+.#{$magicons-class-name}-file-edge:before           { content: "\f139"; }
+.#{$magicons-class-name}-file-black:before          { content: "\f136"; }
+
+.#{$magicons-class-name}-cut:before                 { content: "\f13a"; }
+.#{$magicons-class-name}-paste:before               { content: "\f13b"; }
+.#{$magicons-class-name}-save:before                { content: "\f13c"; }
+
+.#{$magicons-class-name}-paper-clip:before          { content: "\f13d"; }
+
+.#{$magicons-class-name}-link:before                { content: "\f141"; }
+.#{$magicons-class-name}-link-alt:before            { content: "\f13e"; }
+
+.#{$magicons-class-name}-undo:before                { content: "\f142"; }
+.#{$magicons-class-name}-repeat:before              { content: "\f143"; }
+.#{$magicons-class-name}-undo-alt:before            { content: "\f15e"; }
+.#{$magicons-class-name}-repeat-alt:before          { content: "\f161"; }
+
+.#{$magicons-class-name}-text-height:before         { content: "\f144"; }
+.#{$magicons-class-name}-text-width:before          { content: "\f145"; }
+
+.#{$magicons-class-name}-align-left:before          { content: "\f146"; }
+.#{$magicons-class-name}-align-center:before        { content: "\f147"; }
+.#{$magicons-class-name}-align-right:before         { content: "\f148"; }
+.#{$magicons-class-name}-align-justify:before       { content: "\f149"; }
+
+.#{$magicons-class-name}-indent-left:before         { content: "\f14a"; }
+.#{$magicons-class-name}-indent-right:before        { content: "\f14b"; }
+
+.#{$magicons-class-name}-font:before                { content: "\f14c"; }
+.#{$magicons-class-name}-bold:before                { content: "\f14d"; }
+.#{$magicons-class-name}-italic:before              { content: "\f14e"; }
+.#{$magicons-class-name}-strikethrough:before       { content: "\f151"; }
+.#{$magicons-class-name}-underline:before           { content: "\f152"; }
+
+.#{$magicons-class-name}-columns:before             { content: "\f153"; }
+.#{$magicons-class-name}-table:before               { content: "\f154"; }
+.#{$magicons-class-name}-th-large:before            { content: "\f155"; }
+.#{$magicons-class-name}-th:before                  { content: "\f156"; }
+
+.#{$magicons-class-name}-th-list:before             { content: "\f157"; }
+.#{$magicons-class-name}-list-round:before                { content: "\f158"; }
+.#{$magicons-class-name}-list-ol:before             { content: "\f159"; }
+.#{$magicons-class-name}-list-ul:before             { content: "\f15a"; }
+.#{$magicons-class-name}-list-alt:before            { content: "\f15b"; }
+
+.#{$magicons-class-name}-staple:before              { content: "\f15c"; }
+.#{$magicons-class-name}-staple-alt:before          { content: "\f15d"; }
+
+.#{$magicons-class-name}-music:before               { content: "\f162"; }
+
+.#{$magicons-class-name}-power-round:before               { content: "\f163"; }
+
+.#{$magicons-class-name}-facetime-video:before      { content: "\f164"; }
+.#{$magicons-class-name}-film:before                { content: "\f165"; }
+
+.#{$magicons-class-name}-bullhorn:before            { content: "\f166"; }
+
+.#{$magicons-class-name}-camera-round:before              { content: "\f167"; }
+.#{$magicons-class-name}-camera-retro:before        { content: "\f168"; }
+
+.#{$magicons-class-name}-print-round:before               { content: "\f169"; }
+.#{$magicons-class-name}-print-alt:before           { content: "\f16a"; }
+
+.#{$magicons-class-name}-hdd:before                 { content: "\f16b"; }
+
+.#{$magicons-class-name}-headphones:before          { content: "\f16c"; }
+
+.#{$magicons-class-name}-play:before                { content: "\f16e"; }
+.#{$magicons-class-name}-play-circle:before         { content: "\f16d"; }
+
+.#{$magicons-class-name}-pause:before               { content: "\f171"; }
+.#{$magicons-class-name}-stop:before                { content: "\f172"; }
+
+.#{$magicons-class-name}-backward:before            { content: "\f173"; }
+.#{$magicons-class-name}-forward:before             { content: "\f174"; }
+
+.#{$magicons-class-name}-fast-backward:before       { content: "\f175"; }
+.#{$magicons-class-name}-fast-forward:before        { content: "\f176"; }
+
+.#{$magicons-class-name}-step-backward:before       { content: "\f177"; }
+.#{$magicons-class-name}-step-forward:before        { content: "\f178"; }
+
+.#{$magicons-class-name}-eject:before               { content: "\f179"; }
+
+.#{$magicons-class-name}-fullscreen:before          { content: "\f17a"; }
+.#{$magicons-class-name}-resize-full:before         { content: "\f17b"; }
+.#{$magicons-class-name}-resize-small:before        { content: "\f17c"; }
+
+.#{$magicons-class-name}-trophy:before              { content: "\f17d"; }
+
+.#{$magicons-class-name}-umbrella-round:before            { content: "\f17e"; }
+
+.#{$magicons-class-name}-gift:before                { content: "\f181"; }
+
+.#{$magicons-class-name}-flag:before                { content: "\f182"; }
+.#{$magicons-class-name}-flag-alt:before            { content: "\f183"; }
+
+.#{$magicons-class-name}-certificate:before         { content: "\f184"; }
+.#{$magicons-class-name}-glass:before               { content: "\f185"; }
+.#{$magicons-class-name}-tint:before                { content: "\f186"; }
+.#{$magicons-class-name}-tints:before               { content: "\f187"; }
+.#{$magicons-class-name}-leaf:before                { content: "\f188"; }
+.#{$magicons-class-name}-legal:before               { content: "\f189"; }
+.#{$magicons-class-name}-cloud:before               { content: "\f18a"; }
+.#{$magicons-class-name}-beaker:before              { content: "\f18b"; }
+.#{$magicons-class-name}-lemon:before               { content: "\f18c"; }
+
+.#{$magicons-class-name}-magic:before               { content: "\f18d"; }
+.#{$magicons-class-name}-magic-alt:before           { content: "\f18e"; }
+
+.#{$magicons-class-name}-bolt:before                { content: "\f191"; }
+.#{$magicons-class-name}-bolt-alt:before                { content: "\f192"; }
+
+.#{$magicons-class-name}-magnet:before              { content: "\f193"; }
+.#{$magicons-class-name}-thermometer:before         { content: "\f194"; }
+.#{$magicons-class-name}-bell:before                { content: "\f195"; }
+.#{$magicons-class-name}-filter:before              { content: "\f196"; }
+.#{$magicons-class-name}-hammer:before              { content: "\f197"; }
+.#{$magicons-class-name}-plug-round:before                { content: "\f198"; }
+.#{$magicons-class-name}-shirt:before               { content: "\f199"; }
+
+.#{$magicons-class-name}-steering-wheel:before      { content: "\f19a"; }
+
+.#{$magicons-class-name}-triangle:before            { content: "\f19b"; }
+.#{$magicons-class-name}-hands-up:before            { content: "\f19c"; }
+.#{$magicons-class-name}-clock:before               { content: "\f19d"; }
+.#{$magicons-class-name}-chart:before               { content: "\f19e"; }
+
+.#{$magicons-class-name}-chart-open:before          { content: "\f201"; }
+
+.#{$magicons-class-name}-vitro:before               { content: "\f204"; }
+.#{$magicons-class-name}-vitro-bubble:before        { content: "\f203"; }
+.#{$magicons-class-name}-vitro-bubbles:before       { content: "\f202"; }
+
+.#{$magicons-class-name}-moon-round:before                { content: "\f205"; }
+.#{$magicons-class-name}-moon-empty:before          { content: "\f206"; }
+.#{$magicons-class-name}-moon-full:before           { content: "\f207"; }
+
+.#{$magicons-class-name}-sun-round:before                 { content: "\f208"; }
+.#{$magicons-class-name}-sun-alt:before             { content: "\f209"; }
+
+.#{$magicons-class-name}-micro-round:before               { content: "\f20a"; }
+.#{$magicons-class-name}-equalizer-round:before           { content: "\f20b"; }
+
+.#{$magicons-class-name}-knots:before               { content: "\f20c"; }
+
+.#{$magicons-class-name}-crop:before                { content: "\f20d"; }
+
+.#{$magicons-class-name}-lectern:before             { content: "\f20e"; }
+
+.#{$magicons-class-name}-html:before                { content: "\f211"; }
+
+.#{$magicons-class-name}-graph:before               { content: "\f212"; }
+.#{$magicons-class-name}-graph-alt:before           { content: "\f213"; }
+
+.#{$magicons-class-name}-transmit:before            { content: "\f214"; }
+
+.#{$magicons-class-name}-graduation-hat:before      { content: "\f215"; }
+
+
+.#{$magicons-class-name}-star-alt-round:before           { content: "\f216"; }
+.#{$magicons-class-name}-cog-more:before           { content: "\f217"; }
+
+.#{$magicons-class-name}-close-sign-round:before         { content: "\f218"; }
+.#{$magicons-class-name}-ok-sign-round:before            { content: "\f219"; }
+.#{$magicons-class-name}-plus-sign-round:before          { content: "\f21a"; }
+.#{$magicons-class-name}-minus-sign-round:before         { content: "\f21b"; }
+.#{$magicons-class-name}-attention-sign-round:before     { content: "\f21c"; }
+.#{$magicons-class-name}-question-sign-round:before      { content: "\f21d"; }
+.#{$magicons-class-name}-info-sign-round:before          { content: "\f21e"; }
+
+.#{$magicons-class-name}-caret-up-sign:before      { content: "\f224"; }
+.#{$magicons-class-name}-caret-right-sign:before   { content: "\f223"; }
+.#{$magicons-class-name}-caret-down-sign:before    { content: "\f221"; }
+.#{$magicons-class-name}-caret-left-sign:before    { content: "\f222"; }
+
+.#{$magicons-class-name}-edit-sign:before          { content: "\f225"; }
+
+.#{$magicons-class-name}-user-minus:before         { content: "\f227"; }
+.#{$magicons-class-name}-user-plus:before          { content: "\f228"; }
+.#{$magicons-class-name}-user-unknown:before       { content: "\f229"; }
+.#{$magicons-class-name}-user-ok:before            { content: "\f22a"; }
+
+.#{$magicons-class-name}-hand-high5:before         { content: "\f22b"; }
+.#{$magicons-class-name}-hand-high5-back:before    { content: "\f22c"; }
+.#{$magicons-class-name}-hand-shake:before         { content: "\f22d"; }
+.#{$magicons-class-name}-hand-card:before          { content: "\f22e"; }
+
+
+
+// # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
+// # New 2013.04.17
+// # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
+
+.#{$magicons-class-name}-compass:before            { content: "\f231"; } // changed ! .. -round ..
+.#{$magicons-class-name}-globe:before              { content: "\f232"; } // changed ! .. -round ..
+.#{$magicons-class-name}-inbox-empty:before        { content: "\f233"; } // changed ! .. -round ..
+.#{$magicons-class-name}-inbox:before              { content: "\f234"; }
+.#{$magicons-class-name}-task-list:before          { content: "\f235"; }
+.#{$magicons-class-name}-user:before               { content: "\f236"; }
+.#{$magicons-class-name}-mail-empty:before         { content: "\f237"; }
+.#{$magicons-class-name}-mail:before               { content: "\f238"; }
+.#{$magicons-class-name}-cog:before                { content: "\f239"; } // changed ! .. -round ..
+.#{$magicons-class-name}-chevron-cut-up:before     { content: "\f23a"; }
+.#{$magicons-class-name}-chevron-cut-right:before  { content: "\f23b"; }
+.#{$magicons-class-name}-chevron-cut-down:before   { content: "\f23c"; }
+.#{$magicons-class-name}-chevron-cut-left:before   { content: "\f23d"; }
+.#{$magicons-class-name}-chevron-up:before         { content: "\f23e"; } // changed ! .. -round ..
+
+.#{$magicons-class-name}-chevron-right:before      { content: "\f241"; } // changed ! .. -round ..
+.#{$magicons-class-name}-chevron-down:before       { content: "\f242"; } // changed ! .. -round ..
+.#{$magicons-class-name}-chevron-left:before       { content: "\f243"; } // changed ! .. -round ..
+.#{$magicons-class-name}-lock:before               { content: "\f244"; } // changed ! .. -round ..
+.#{$magicons-class-name}-unlock:before             { content: "\f245"; } // changed ! .. -round ..
+.#{$magicons-class-name}-search:before             { content: "\f246"; } // changed ! .. -round ..
+.#{$magicons-class-name}-visible:before            { content: "\f247"; }
+.#{$magicons-class-name}-unvisible:before          { content: "\f248"; }
+.#{$magicons-class-name}-pencil:before             { content: "\f249"; } // changed ! .. -round ..
+.#{$magicons-class-name}-trash:before              { content: "\f24a"; } // changed ! .. -round ..
+.#{$magicons-class-name}-sort-down:before          { content: "\f24b"; } // changed ! .. -round ..
+.#{$magicons-class-name}-sort-up:before            { content: "\f24c"; } // changed ! .. -round ..
+.#{$magicons-class-name}-sort:before               { content: "\f24d"; } // changed ! .. -round ..
+.#{$magicons-class-name}-plus-sign:before          { content: "\f24e"; } // changed ! .. -round ..
+
+.#{$magicons-class-name}-minus-sign:before         { content: "\f251"; } // changed ! .. -round ..
+.#{$magicons-class-name}-ok-sign:before            { content: "\f252"; } // changed ! .. -round ..
+.#{$magicons-class-name}-close-sign:before         { content: "\f253"; } // changed ! .. -round ..
+.#{$magicons-class-name}-question-sign:before      { content: "\f254"; } // changed ! .. -round ..
+.#{$magicons-class-name}-info-sign:before          { content: "\f255"; } // changed ! .. -round ..
+.#{$magicons-class-name}-attention-sign:before     { content: "\f256"; } // changed ! .. -round ..
+.#{$magicons-class-name}-plus:before               { content: "\f257"; } // changed ! .. -round ..
+.#{$magicons-class-name}-minus:before              { content: "\f258"; } // changed ! .. -round ..
+.#{$magicons-class-name}-ok:before                 { content: "\f259"; } // changed ! .. -round ..
+.#{$magicons-class-name}-close:before              { content: "\f25a"; } // changed ! .. -round ..
+.#{$magicons-class-name}-question:before           { content: "\f25b"; } // changed ! .. -round ..
+.#{$magicons-class-name}-info:before               { content: "\f25c"; } // changed ! .. -round ..
+.#{$magicons-class-name}-attention:before          { content: "\f25d"; } // changed ! .. -round ..
+
+
+.#{$magicons-class-name}-work:before               { content: "\f25e"; }
+.#{$magicons-class-name}-private:before               { content: "\f261"; } // changed ! .. -round ..
+
+
+.#{$magicons-class-name}-picture:before            { content: "\f262"; } // changed ! .. -round ..
+.#{$magicons-class-name}-pushpin:before            { content: "\f263"; } // changed ! .. -round ..
+.#{$magicons-class-name}-heart:before              { content: "\f264"; } // changed ! .. -round ..
+.#{$magicons-class-name}-map-marker:before         { content: "\f265"; } // changed ! .. -round ..
+.#{$magicons-class-name}-user-group:before         { content: "\f266"; } // changed ! .. -round ..
+.#{$magicons-class-name}-time:before               { content: "\f267"; } // changed ! .. -round ..
+.#{$magicons-class-name}-star-alt:before           { content: "\f268"; } // changed ! .. -round ..
+.#{$magicons-class-name}-book-open:before          { content: "\f269"; } // changed ! .. -round ..
+.#{$magicons-class-name}-calendar:before           { content: "\f26a"; }
+.#{$magicons-class-name}-calendar-invert:before    { content: "\f26b"; }
+.#{$magicons-class-name}-target:before             { content: "\f26c"; } // changed ! .. -round ..
+.#{$magicons-class-name}-umbrella:before           { content: "\f26d"; } // changed ! .. -round ..
+.#{$magicons-class-name}-equalizer:before          { content: "\f26e"; } // changed ! .. -round ..
+
+.#{$magicons-class-name}-list:before               { content: "\f271"; } // changed ! .. -round ..
+.#{$magicons-class-name}-star:before               { content: "\f272"; } // changed ! .. -round ..
+.#{$magicons-class-name}-star-half:before          { content: "\f273"; } // changed ! .. -round ..
+.#{$magicons-class-name}-money-euro:before         { content: "\f274"; } // changed ! .. -round ..
+.#{$magicons-class-name}-tag-alt:before            { content: "\f275"; }
+.#{$magicons-class-name}-print:before              { content: "\f276"; } // changed ! .. -round ..
+.#{$magicons-class-name}-message:before            { content: "\f277"; }
+.#{$magicons-class-name}-comment:before            { content: "\f278"; } // changed ! .. -round ..
+.#{$magicons-class-name}-comments:before           { content: "\f279"; } // changed ! .. -round ..
+.#{$magicons-class-name}-camera:before             { content: "\f27a"; } // changed ! .. -round ..
+.#{$magicons-class-name}-description:before        { content: "\f27b"; }
+.#{$magicons-class-name}-bar-chart:before          { content: "\f27c"; } // changed ! .. -round ..
+.#{$magicons-class-name}-wrench:before             { content: "\f27d"; } // changed ! .. -round ..
+.#{$magicons-class-name}-user-male:before          { content: "\f27e"; } // changed ! .. -round ..
+
+.#{$magicons-class-name}-user-female:before        { content: "\f281"; } // changed ! .. -round ..
+.#{$magicons-class-name}-user-male-alt:before      { content: "\f282"; }
+.#{$magicons-class-name}-user-female-alt:before    { content: "\f283"; }
+.#{$magicons-class-name}-company:before            { content: "\f284"; }
+.#{$magicons-class-name}-sun:before                { content: "\f285"; } // changed ! .. -round ..
+.#{$magicons-class-name}-moon:before               { content: "\f286"; } // changed ! .. -round ..
+.#{$magicons-class-name}-inside:before             { content: "\f287"; }
+.#{$magicons-class-name}-outside:before            { content: "\f288"; }
+.#{$magicons-class-name}-wlan:before               { content: "\f289"; }
+.#{$magicons-class-name}-beamer:before             { content: "\f28a"; }
+.#{$magicons-class-name}-micro:before              { content: "\f28b"; } // changed ! .. -round ..
+.#{$magicons-class-name}-plug:before               { content: "\f28c"; } // changed ! .. -round ..
+.#{$magicons-class-name}-internet:before           { content: "\f28d"; }
+.#{$magicons-class-name}-power:before              { content: "\f28e"; } // changed ! .. -round ..
+
+.#{$magicons-class-name}-wheelchair:before         { content: "\f291"; }
+.#{$magicons-class-name}-smoking-sign:before       { content: "\f292"; }
+.#{$magicons-class-name}-smoking:before            { content: "\f293"; }
+.#{$magicons-class-name}-no-smoking:before         { content: "\f294"; }
+
+.#{$magicons-class-name}-parking-sign:before       { content: "\f295"; }
+.#{$magicons-class-name}-parking-meter:before      { content: "\f296"; }
+.#{$magicons-class-name}-elevator:before           { content: "\f297"; }
+.#{$magicons-class-name}-toilette:before           { content: "\f298"; }
+.#{$magicons-class-name}-coffee:before             { content: "\f299"; }
+.#{$magicons-class-name}-water:before              { content: "\f29a"; }
+.#{$magicons-class-name}-pizza:before              { content: "\f29b"; }
+.#{$magicons-class-name}-burger:before             { content: "\f29c"; }
+.#{$magicons-class-name}-softdrink:before          { content: "\f29d"; }
+.#{$magicons-class-name}-fastfood:before           { content: "\f29e"; }
+
+.#{$magicons-class-name}-catering:before           { content: "\f301"; }
+.#{$magicons-class-name}-wine:before               { content: "\f302"; }
+.#{$magicons-class-name}-plates:before             { content: "\f303"; }
+.#{$magicons-class-name}-kitchen:before            { content: "\f304"; }
+.#{$magicons-class-name}-layout-round-table:before { content: "\f305"; }
+.#{$magicons-class-name}-layout-classroom:before   { content: "\f306"; }
+.#{$magicons-class-name}-layout-banquet:before     { content: "\f307"; }
+.#{$magicons-class-name}-layout-theater:before     { content: "\f308"; }
+.#{$magicons-class-name}-layout-u-table:before     { content: "\f309"; }
+.#{$magicons-class-name}-layout-workspace:before   { content: "\f30a"; }
+
+
+
+