New icons

Author: iurevych

css/flat-ui.css

@@ -397,6 +397,12 @@ h6 {
     .demo-illustrations img.big-illustration {
       height: 111px;
       width: 112px; }
+    .demo-illustrations img.demo-retina-icon {
+      height: 104px;
+      margin-right: -24px;
+      width: 117px; }
+    .demo-illustrations img.pull-big-illustration {
+      margin-right: 12px; }
     .demo-illustrations img:first-child {
       margin-left: 0; }
 

images/illustrations/infinity.png

@@ -508,21 +508,21 @@ <h6 class="palette-headline">SWATCHES</h6>
       <h3 class="demo-panel-title">Vector Icons <small>(14)</small></h3>
       <div class="demo-illustrations">
         <img src="images/illustrations/compass.png" class="big-illustration" src="" />
-        <img src="images/illustrations/settings.png" src="" />
+        <img src="images/illustrations/infinity.png" src="" />
         <img src="images/illustrations/map.png" src="" />
         <img src="images/illustrations/paper.png" src="" />
         <img src="images/illustrations/gift.png" src="" />
         <img src="images/illustrations/time.png" src="" />
         <img src="images/illustrations/calendar.png" src="" />
       </div>
       <div class="demo-illustrations">
-        <img src="images/illustrations/clipboard.png" src="" />
+        <img src="images/illustrations/clipboard.png" class="pull-big-illustration" src="" />
         <img src="images/illustrations/bag.png" src="" />
-        <img src="images/illustrations/share.png" class="big-illustration" src="" />
+        <img src="images/illustrations/share.png" src="" />
         <img src="images/illustrations/colors.png" src="" />
         <img src="images/illustrations/mail.png" src="" />
         <img src="images/illustrations/book.png" src="" />
-        <img src="images/illustrations/news.png" src="" />
+        <img src="images/illustrations/retina.png" class="demo-retina-icon" src="" />
       </div>
 
       <div class="demo-icons">
@@ -658,7 +658,7 @@ <h3 class="tile-title">Web Oriented</h3>
 
         <div class="span3">
           <div class="tile">
-            <img class="tile-image" alt="" src="images/illustrations/settings.png" />
+            <img class="tile-image" alt="" src="images/illustrations/infinity.png" />
             <h3 class="tile-title">Easy to Customize</h3>
             <p>Vector-based shapes and minimum of layer styles.</p>
             <a class="btn btn-primary btn-large btn-block" href="#">Get Pro</a>
@@ -676,7 +676,7 @@ <h3 class="tile-title">Color Swatches</h3>
 
         <div class="span3">
           <div class="tile tile-hot">
-            <img class="tile-image big-illustration" alt="" src="images/illustrations/share.png" />
+            <img class="tile-image" alt="" src="images/illustrations/share.png" />
             <h3 class="tile-title">Free for Share</h3>
             <p>Your likes, shares and comments helps us.</p>
             <a class="btn btn-primary btn-large btn-block" href="#">Get Pro</a>

images/illustrations/news.png

@@ -105,6 +105,14 @@
       height: 111px
       width: 112px
 
+    &.demo-retina-icon
+      height: 104px
+      margin-right: -24px
+      width: 117px
+
+    &.pull-big-illustration
+      margin-right: 12px
+
     &:first-child
       margin-left: 0