Separate Bourbon.

README.md

@@ -47,7 +47,10 @@ _Contains over 750 icons. Total file size: 212kb (compare to stand-alone FontAwe
 
 ## Including Classes via SCSS
 
+_**Note:** Bourbon is a required dependency. See: <http://bourbon.io/> for details._
+
 ```scss
+@import '/path/to/bourbon';
 @import '/path/to/sharkicons/src/sharkicons';
 @include sharkicons-font('/path/to/sharkicons/src');
 @include sharkicon-short-classes;
@@ -58,6 +61,7 @@ _Contains over 750 icons. Total file size: 212kb (compare to stand-alone FontAwe
 ## Custom Classes via SCSS (`prefix` instead of `si`)
 
 ```scss
+@import '/path/to/bourbon';
 @import '/path/to/sharkicons/src/sharkicons';
 @include sharkicons-font('/path/to/sharkicons/src');
 @include sharkicon-custom-classes(prefix);
@@ -68,6 +72,7 @@ _Contains over 750 icons. Total file size: 212kb (compare to stand-alone FontAwe
 ## Scoping Classes via SCSS
 
 ```scss
+@import '/path/to/bourbon';
 @import '/path/to/sharkicons/src/sharkicons';
 @include sharkicons-font('/path/to/sharkicons/src');
 
@@ -83,6 +88,7 @@ _Contains over 750 icons. Total file size: 212kb (compare to stand-alone FontAwe
 _Note: you can do this without including the `sharkicon-[long|short]-classes` if you like._
 
 ```scss
+@import '/path/to/bourbon';
 @import '/path/to/sharkicons/src/sharkicons';
 @include sharkicons-font('/path/to/sharkicons/src');
 // @include sharkicon-short-classes;
@@ -111,6 +117,7 @@ Equivalent to:
 Alternatively, you can pass a second argument to `sharkicon()` to set the before/after specification. The default value is `before`. You might want to change it to `after` in some special case.
 
 ```scss
+@import '/path/to/bourbon';
 @import '/path/to/sharkicons/src/sharkicons';
 @include sharkicons-font('/path/to/sharkicons/src');
 // @include sharkicon-short-classes;

src/_sharkicons.scss

@@ -1,5 +1,4 @@
 @import 'map';
-@import 'vendor/package/bourbon/bourbon-v4.2.3/bourbon';
 
 // Font family.
 @mixin sharkicons-font($dir: '') {
@@ -10,8 +9,8 @@
   @at-root {
     @font-face {
       font-family:            sharkicons;
-      src:                    url($dir + 'fonts/sharkicons.eot?f0bmis');
-      src:                    url($dir + 'fonts/sharkicons.eot?#iefixf0bmis') format('embedded-opentype'), url($dir + 'fonts/sharkicons.ttf?f0bmis') format('truetype'), url($dir + 'fonts/sharkicons.woff?f0bmis') format('woff'), url($dir + 'fonts/sharkicons.svg?f0bmis#sharkicons') format('svg');
+      src:                    url($dir + 'fonts/sharkicons.eot');
+      src:                    url($dir + 'fonts/sharkicons.eot?#iefix') format('embedded-opentype'), url($dir + 'fonts/sharkicons.ttf') format('truetype'), url($dir + 'fonts/sharkicons.woff') format('woff'), url($dir + 'fonts/sharkicons.svg#sharkicons') format('svg');
       font-weight:            normal;
       font-style:             normal;
     }

src/long-classes.scss

@@ -1,3 +1,4 @@
+@import 'vendor/package/bourbon/bourbon-v4.2.3/bourbon';
 @import 'sharkicons';
 @include sharkicons-font;
 @include sharkicon-long-classes;

src/short-classes.scss

@@ -1,3 +1,4 @@
+@import 'vendor/package/bourbon/bourbon-v4.2.3/bourbon';
 @import 'sharkicons';
 @include sharkicons-font;
 @include sharkicon-short-classes;