Use IcoMoon icons

oddbird · Aug 28, 2012 · 22b9d62 · 22b9d62
1 parent 16fb9ef
commit 22b9d62
Show file tree

Hide file tree

Showing 15 changed files with 211 additions and 283 deletions.
diff --git a/docs/source/fonts/susy.eot b/docs/source/fonts/susy.eot
diff --git a/docs/source/fonts/susy.svg b/docs/source/fonts/susy.svg
diff --git a/docs/source/fonts/susy.ttf b/docs/source/fonts/susy.ttf
diff --git a/docs/source/fonts/susy.woff b/docs/source/fonts/susy.woff
diff --git a/docs/source/index.html.md b/docs/source/index.html.md
@@ -18,15 +18,13 @@
   </p>
 </div>
 <section class="info">
-  <div class="v1-0">
+  <h2 class="version">
-    <h2>
+    <a href="https://rubygems.org/gems/susy">Version 1.0</a>
-      <a href="https://rubygems.org/gems/susy">Version 1.0</a>
+  </h2>
-    </h2>
+  <div class="highlight">
-    <div class="highlight">
+    <pre>gem install susy</pre>
-      <pre>gem install susy</pre>
-    </div>
-    <p><a href="/guides/upgrade-1-0/">Changes <span class="amp">&</span> upgrade instructions »</a></p>
   </div>
+  <p><a href="/guides/upgrade-1-0/">Changes <span class="amp">&</span> upgrade instructions »</a></p>
 </section>
 <figure class="ag-test">
   <figcaption>

diff --git a/docs/source/partials/_contentinfo.haml b/docs/source/partials/_contentinfo.haml
@@ -22,7 +22,7 @@
       <a href="https://github.com/scottkellum/modular-scale">Modular Scale</a>,
       <a href="http://ethanschoonover.com/solarized">Solarized</a> colors,
       <a href="http://pygments.org/">Pygments</a> syntax highlighting,
-      <a href="http://fortawesome.github.com/Font-Awesome/">Font Awesome</a> icons,
+      <a href="http://keyamoon.com/icomoon/">IcoMoon</a> icons,
       and Franklin Gothic with Century OldStyle from
       <a href="http://www.fontspring.com/">Fontspring</a>.
     </p>

diff --git a/docs/source/partials/_navigation.haml b/docs/source/partials/_navigation.haml
@@ -1,13 +1,15 @@
 %ul
-  %li 
+  %li
     %a{ :href => "/guides/getting-started/" } Getting Started
-  %li 
+  %li
     %a{ :href => "/guides/reference/" } Reference
   %li
     %a{ :href => "/demos/" } Demos
   %li
-    %a{ :href => "/sites-using-susy/" } Sites using Susy
+    %a{ :href => "/sites-using-susy/" } Sites
+  %li
+    %a{ :href => "https://github.com/ericam/susy" } Source
   %li
-    %a{ :href => "https://github.com/ericam/susy" } Contribute on Github
+    %a{ :href => "http://stackoverflow.com/questions/tagged/susy-compass"} Support
   %li
-    %a{ :href => "http://twitter.com/compasssusy/" } Follow on Twitter
+    %a{ :href => "http://twitter.com/compasssusy/" } Twitter
diff --git a/docs/source/stylesheets/_base/_base.scss b/docs/source/stylesheets/_base/_base.scss
@@ -2,6 +2,7 @@
 // Imports
 
 @import "compass";
+@import "compass/layout";
 @import "susy";
 
 //-----------------------------------------------------------------------------

diff --git a/docs/source/stylesheets/_demos/_demo.scss b/docs/source/stylesheets/_demos/_demo.scss
@@ -18,10 +18,10 @@
   color: $base1;
   font-style: italic;
   a {
-    #{$link} { 
+    #{$link} {
-      @extend .icon;
+      @extend %icon;
-      @include font-icon-image($icon-arrow-left);
+      @extend %icon-arrow-left;
-      color: $base2; 
+      color: $base2;
     }
     #{$focus} { color: $base3; }
   }

diff --git a/docs/source/stylesheets/_general/_font-awesome.scss b/docs/source/stylesheets/_general/_font-awesome.scss