Updated font-face mixin to accept an asset-pipeline argument.

colourgarden · Oct 24, 2012 · f93cf9e · f93cf9e
1 parent dd3d358
commit f93cf9e
Showing 1 changed file with 18 additions and 9 deletions.
diff --git a/app/assets/stylesheets/addons/_font-face.scss b/app/assets/stylesheets/addons/_font-face.scss
@@ -1,12 +1,21 @@
-@mixin font-face($font-family, $file-path, $weight: normal, $style: normal ) {
+@mixin font-face($font-family, $file-path, $weight: normal, $style: normal, $asset-pipeline: false ) {
   @font-face {
-      font-family: $font-family;
+    font-family: $font-family;
+    font-weight: $weight;
+    font-style: $style;
+
+    @if $asset-pipeline == true {
+      src: font-url('#{$file-path}.eot');
+      src: font-url('#{$file-path}.eot?#iefix')          format('embedded-opentype'),
+           font-url('#{$file-path}.woff')                format('woff'),
+           font-url('#{$file-path}.ttf')                 format('truetype'),
+           font-url('#{$file-path}.svg##{$font-family}') format('svg');
+    } @else {
       src: url('#{$file-path}.eot');
-      src: url('#{$file-path}.eot?#iefix') format('embedded-opentype'),
+      src: url('#{$file-path}.eot?#iefix')               format('embedded-opentype'),
-           url('#{$file-path}.woff') format('woff'),
+           url('#{$file-path}.woff')                     format('woff'),
-           url('#{$file-path}.ttf') format('truetype'),
+           url('#{$file-path}.ttf')                      format('truetype'),
-           url('#{$file-path}.svg##{$font-family}') format('svg');
+           url('#{$file-path}.svg##{$font-family}')      format('svg');
-      font-weight: $weight;
+    }
-      font-style: $style;
   }
-}
+}