spina.css.sass in spina-template-0.2.14

- old
+ new

@@ -11,12 +11,13 @@
 @import spina/mixins
 
 // Grid
 @import spina/grid
 
-// Fonts
-@import spina/fonts
+// Icons
+@import font-awesome-sprockets
+@import font-awesome
 
 // Animations
 @import spina/animate
 @import spina/custom_animations
 
@@ -82,11 +83,11 @@
   ul li.bottom a
     bottom: 0
     left: 0
     position: absolute
 
-  ul li a:before
+  ul li a i.#{$fa-css-prefix}
     display: block
     font-size: 26px
     margin-bottom: 8px
     text-transform: none
 
@@ -162,25 +163,26 @@
         display: none
 
   ul li a:hover
     color: #333
 
-    small, &:before
+    small, i.#{$fa-css-prefix}
       color: inherit
 
   ul li.active a
     color: $primary-color
 
-    small, &:before
+    small, i.#{$fa-css-prefix}
       color: inherit
 
-  ul li a:before
+  ul li a i.#{$fa-css-prefix}
     color: #666
     display: block
     float: left
     font-size: 24px
     margin-left: -36px
+    text-align: center
     width: 24px
     @include transition(color .15s ease)
 
     @include media($tablet)
       display: none
@@ -298,10 +300,10 @@
   color: #333
   margin: -30px -40px 30px -40px
   padding: 0 40px
   position: relative
 
-  &:before
+  i.#{$fa-css-prefix}
     font-size: 16px
     left: 14px
     opacity: .25
     position: absolute
     top: 12px