diff --git a/.gitignore b/.gitignore
index 0cb2192..f0e30da 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,2 @@
 config.codekit
+*.sass-cache*
\ No newline at end of file
diff --git a/css/weather-icons-sass.css b/css/weather-icons-sass.css
new file mode 100644
index 0000000..f303e51
--- /dev/null
+++ b/css/weather-icons-sass.css
@@ -0,0 +1,753 @@
+@charset "UTF-8";
+/*!
+ *  Weather Icons 2.0
+ *  Updated July 28th 2015
+ *  Weather themed icons for Bootstrap
+ *  ------------------------------------------------------------------------------
+* Maintained at http://erikflowers.github.io/weather-icons
+ *  http://twitter.com/Erik_UX
+ *
+ *  License
+ *  ------------------------------------------------------------------------------
+ *  - Fpmt licensed under SIL OFL 1.1 -
+ *    http://scripts.sil.org/OFL
+ *  - CSS and LESS are licensed under MIT License -
+ *    http://opensource.org/licenses/mit-license.html
+ *  - Documentation licensed under CC BY 3.0 -
+ *    http://creativecommons.org/licenses/by/3.0/
+ *  - Inspired by and works great as a companion with Font Awesome
+ *    "Font Awesome by Dave Gandy - http://fontawesome.io"
+ *
+ *  Weather Icons Bootstrap Package Author - Erik Flowers - erik@helloerik.com
+ *  ------------------------------------------------------------------------------
+ *  Email: erik@helloerik.com
+ *  Twitter: http://twitter.com/Erik_UX
+ */
+@font-face {
+  font-family: "weathericons";
+  src: url("../font/weathericons-regular-webfont.eot");
+  src: url("../font/weathericons-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../font/weathericons-regular-webfont.woff") format("woff"), url("../font/weathericons-regular-webfont.ttf") format("truetype"), url("../font/weathericons-regular-webfont.svg#weathericons-regular-webfontRg") format("svg");
+  font-weight: normal;
+  font-style: normal;
+}
+.wi {
+  display: inline-block;
+  font-family: "weathericons";
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.wi-day-cloudy-gusts:before {
+  content: "";
+}
+
+.wi-day-cloudy-windy:before {
+  content: "";
+}
+
+.wi-day-cloudy:before {
+  content: "";
+}
+
+.wi-day-fog:before {
+  content: "";
+}
+
+.wi-day-hail:before {
+  content: "";
+}
+
+.wi-day-lightning:before {
+  content: "";
+}
+
+.wi-day-rain-mix:before {
+  content: "";
+}
+
+.wi-day-rain-wind:before {
+  content: "";
+}
+
+.wi-day-rain:before {
+  content: "";
+}
+
+.wi-day-showers:before {
+  content: "";
+}
+
+.wi-day-snow:before {
+  content: "";
+}
+
+.wi-day-sprinkle:before {
+  content: "";
+}
+
+.wi-day-sunny-overcast:before {
+  content: "";
+}
+
+.wi-day-sunny:before {
+  content: "";
+}
+
+.wi-day-storm-showers:before {
+  content: "";
+}
+
+.wi-day-thunderstorm:before {
+  content: "";
+}
+
+.wi-cloudy-gusts:before {
+  content: "";
+}
+
+.wi-cloudy-windy:before {
+  content: "";
+}
+
+.wi-cloudy:before {
+  content: "";
+}
+
+.wi-fog:before {
+  content: "";
+}
+
+.wi-hail:before {
+  content: "";
+}
+
+.wi-lightning:before {
+  content: "";
+}
+
+.wi-rain-mix:before {
+  content: "";
+}
+
+.wi-rain-wind:before {
+  content: "";
+}
+
+.wi-rain:before {
+  content: "";
+}
+
+.wi-showers:before {
+  content: "";
+}
+
+.wi-snow:before {
+  content: "";
+}
+
+.wi-sprinkle:before {
+  content: "";
+}
+
+.wi-storm-showers:before {
+  content: "";
+}
+
+.wi-thunderstorm:before {
+  content: "";
+}
+
+.wi-windy:before {
+  content: "";
+}
+
+.wi-night-alt-cloudy-gusts:before {
+  content: "";
+}
+
+.wi-night-alt-cloudy-windy:before {
+  content: "";
+}
+
+.wi-night-alt-hail:before {
+  content: "";
+}
+
+.wi-night-alt-lightning:before {
+  content: "";
+}
+
+.wi-night-alt-rain-mix:before {
+  content: "";
+}
+
+.wi-night-alt-rain-wind:before {
+  content: "";
+}
+
+.wi-night-alt-rain:before {
+  content: "";
+}
+
+.wi-night-alt-showers:before {
+  content: "";
+}
+
+.wi-night-alt-snow:before {
+  content: "";
+}
+
+.wi-night-alt-sprinkle:before {
+  content: "";
+}
+
+.wi-night-alt-storm-showers:before {
+  content: "";
+}
+
+.wi-night-alt-thunderstorm:before {
+  content: "";
+}
+
+.wi-night-clear:before {
+  content: "";
+}
+
+.wi-night-cloudy-gusts:before {
+  content: "";
+}
+
+.wi-night-cloudy-windy:before {
+  content: "";
+}
+
+.wi-night-cloudy:before {
+  content: "";
+}
+
+.wi-night-hail:before {
+  content: "";
+}
+
+.wi-night-lightning:before {
+  content: "";
+}
+
+.wi-night-rain-mix:before {
+  content: "";
+}
+
+.wi-night-rain-wind:before {
+  content: "";
+}
+
+.wi-night-rain:before {
+  content: "";
+}
+
+.wi-night-showers:before {
+  content: "";
+}
+
+.wi-night-snow:before {
+  content: "";
+}
+
+.wi-night-sprinkle:before {
+  content: "";
+}
+
+.wi-night-storm-showers:before {
+  content: "";
+}
+
+.wi-night-thunderstorm:before {
+  content: "";
+}
+
+.wi-celsius:before {
+  content: "";
+}
+
+.wi-cloud-down:before {
+  content: "";
+}
+
+.wi-cloud-refresh:before {
+  content: "";
+}
+
+.wi-cloud-up:before {
+  content: "";
+}
+
+.wi-cloud:before {
+  content: "";
+}
+
+.wi-degrees:before {
+  content: "";
+}
+
+.wi-down-left:before {
+  content: "";
+}
+
+.wi-down:before {
+  content: "";
+}
+
+.wi-fahrenheit:before {
+  content: "";
+}
+
+.wi-horizon-alt:before {
+  content: "";
+}
+
+.wi-horizon:before {
+  content: "";
+}
+
+.wi-left:before {
+  content: "";
+}
+
+.wi-_reserved_:before {
+  content: "";
+}
+
+.wi-night-fog:before {
+  content: "";
+}
+
+.wi-refresh-alt:before {
+  content: "";
+}
+
+.wi-refresh:before {
+  content: "";
+}
+
+.wi-right:before {
+  content: "";
+}
+
+.wi-sprinkles:before {
+  content: "";
+}
+
+.wi-strong-wind:before {
+  content: "";
+}
+
+.wi-sunrise:before {
+  content: "";
+}
+
+.wi-sunset:before {
+  content: "";
+}
+
+.wi-thermometer-exterior:before {
+  content: "";
+}
+
+.wi-thermometer-internal:before {
+  content: "";
+}
+
+.wi-thermometer:before {
+  content: "";
+}
+
+.wi-tornado:before {
+  content: "";
+}
+
+.wi-up-right:before {
+  content: "";
+}
+
+.wi-up:before {
+  content: "";
+}
+
+.wi-wind-west:before {
+  content: "";
+}
+
+.wi-wind-south-west:before {
+  content: "";
+}
+
+.wi-wind-south-east:before {
+  content: "";
+}
+
+.wi-wind-south:before {
+  content: "";
+}
+
+.wi-wind-north-west:before {
+  content: "";
+}
+
+.wi-wind-north-east:before {
+  content: "";
+}
+
+.wi-wind-north:before {
+  content: "";
+}
+
+.wi-wind-east:before {
+  content: "";
+}
+
+.wi-smoke:before {
+  content: "";
+}
+
+.wi-dust:before {
+  content: "";
+}
+
+.wi-snow-wind:before {
+  content: "";
+}
+
+.wi-day-snow-wind:before {
+  content: "";
+}
+
+.wi-night-snow-wind:before {
+  content: "";
+}
+
+.wi-night-alt-snow-wind:before {
+  content: "";
+}
+
+.wi-day-sleet-storm:before {
+  content: "";
+}
+
+.wi-night-sleet-storm:before {
+  content: "";
+}
+
+.wi-night-alt-sleet-storm:before {
+  content: "";
+}
+
+.wi-day-snow-thunderstorm:before {
+  content: "";
+}
+
+.wi-night-snow-thunderstorm:before {
+  content: "";
+}
+
+.wi-night-alt-snow-thunderstorm:before {
+  content: "";
+}
+
+.wi-solar-eclipse:before {
+  content: "";
+}
+
+.wi-lunar-eclipse:before {
+  content: "";
+}
+
+.wi-meteor:before {
+  content: "";
+}
+
+.wi-hot:before {
+  content: "";
+}
+
+.wi-hurricane:before {
+  content: "";
+}
+
+.wi-smog:before {
+  content: "";
+}
+
+.wi-alien:before {
+  content: "";
+}
+
+.wi-snowflake-cold:before {
+  content: "";
+}
+
+.wi-stars:before {
+  content: "";
+}
+
+.wi-night-partly-cloudy:before {
+  content: "";
+}
+
+.wi-umbrella:before {
+  content: "";
+}
+
+.wi-day-windy:before {
+  content: "";
+}
+
+.wi-night-alt-cloudy:before {
+  content: "";
+}
+
+.wi-up-left:before {
+  content: "";
+}
+
+.wi-down-right:before {
+  content: "";
+}
+
+.wi-time-12:before {
+  content: "";
+}
+
+.wi-time-1:before {
+  content: "";
+}
+
+.wi-time-2:before {
+  content: "";
+}
+
+.wi-time-3:before {
+  content: "";
+}
+
+.wi-time-4:before {
+  content: "";
+}
+
+.wi-time-5:before {
+  content: "";
+}
+
+.wi-time-6:before {
+  content: "";
+}
+
+.wi-time-7:before {
+  content: "";
+}
+
+.wi-time-8:before {
+  content: "";
+}
+
+.wi-time-9:before {
+  content: "";
+}
+
+.wi-time-10:before {
+  content: "";
+}
+
+.wi-time-11:before {
+  content: "";
+}
+
+.wi-moon-new:before {
+  content: "";
+}
+
+.wi-moon-waxing-cresent-1:before {
+  content: "";
+}
+
+.wi-moon-waxing-cresent-2:before {
+  content: "";
+}
+
+.wi-moon-waxing-cresent-3:before {
+  content: "";
+}
+
+.wi-moon-waxing-cresent-4:before {
+  content: "";
+}
+
+.wi-moon-waxing-cresent-5:before {
+  content: "";
+}
+
+.wi-moon-waxing-cresent-6:before {
+  content: "";
+}
+
+.wi-moon-first-quarter:before {
+  content: "";
+}
+
+.wi-moon-waxing-gibbous-1:before {
+  content: "";
+}
+
+.wi-moon-waxing-gibbous-2:before {
+  content: "";
+}
+
+.wi-moon-waxing-gibbous-3:before {
+  content: "";
+}
+
+.wi-moon-waxing-gibbous-4:before {
+  content: "";
+}
+
+.wi-moon-waxing-gibbous-5:before {
+  content: "";
+}
+
+.wi-moon-waxing-gibbous-6:before {
+  content: "";
+}
+
+.wi-moon-full:before {
+  content: "";
+}
+
+.wi-moon-waning-gibbous-1:before {
+  content: "";
+}
+
+.wi-moon-waning-gibbous-2:before {
+  content: "";
+}
+
+.wi-moon-waning-gibbous-3:before {
+  content: "";
+}
+
+.wi-moon-waning-gibbous-4:before {
+  content: "";
+}
+
+.wi-moon-waning-gibbous-5:before {
+  content: "";
+}
+
+.wi-moon-waning-gibbous-6:before {
+  content: "";
+}
+
+.wi-moon-3rd-quarter:before {
+  content: "";
+}
+
+.wi-moon-waning-crescent-1:before {
+  content: "";
+}
+
+.wi-moon-waning-crescent-2:before {
+  content: "";
+}
+
+.wi-moon-waning-crescent-3:before {
+  content: "";
+}
+
+.wi-moon-waning-crescent-4:before {
+  content: "";
+}
+
+.wi-moon-waning-crescent-5:before {
+  content: "";
+}
+
+.wi-moon-waning-crescent-6:before {
+  content: "";
+}
+
+.wi-wind-default:before {
+  content: "";
+}
+
+.wi-day-sleet:before {
+  content: "";
+}
+
+.wi-night-sleet:before {
+  content: "";
+}
+
+.wi-night-alt-sleet:before {
+  content: "";
+}
+
+.wi-sleet:before {
+  content: "";
+}
+
+.wi-day-haze:before {
+  content: "";
+}
+
+.wi-beafort-0:before {
+  content: "";
+}
+
+.wi-beafort-1:before {
+  content: "";
+}
+
+.wi-beafort-2:before {
+  content: "";
+}
+
+.wi-beafort-3:before {
+  content: "";
+}
+
+.wi-beafort-4:before {
+  content: "";
+}
+
+.wi-beafort-5:before {
+  content: "";
+}
+
+.wi-beafort-6:before {
+  content: "";
+}
+
+.wi-beafort-7:before {
+  content: "";
+}
+
+.wi-beafort-8:before {
+  content: "";
+}
+
+.wi-beafort-9:before {
+  content: "";
+}
+
+.wi-beafort-10:before {
+  content: "";
+}
+
+.wi-beafort-11:before {
+  content: "";
+}
+
+.wi-beafort-12:before {
+  content: "";
+}
diff --git a/css/weather-icons-variable.css b/css/weather-icons-variable.css
new file mode 100644
index 0000000..e69de29
diff --git a/docs/css/styles.css b/docs/css/styles.css
index c075db3..50ccc7d 100644
--- a/docs/css/styles.css
+++ b/docs/css/styles.css
@@ -1152,748 +1152,6 @@ td.hidden-lg {
     display: none !important;
   }
 }
-/*!
- *  Weather Icons 1.3
- *  Updated November 30th, 2014
- *  Weather themed icons for Bootstrap
- *  ------------------------------------------------------------------------------
-* Maintained at http://erikflowers.github.io/weather-icons
- *  http://twitter.com/Erik_UX
- *
- *  License
- *  ------------------------------------------------------------------------------
- *  - Fpmt licensed under SIL OFL 1.1 -
- *    http://scripts.sil.org/OFL
- *  - CSS and LESS are licensed under MIT License -
- *    http://opensource.org/licenses/mit-license.html
- *  - Documentation licensed under CC BY 3.0 -
- *    http://creativecommons.org/licenses/by/3.0/
- *  - Inspired by and works great as a companion with Font Awesome
- *    "Font Awesome by Dave Gandy - http://fontawesome.io"
- *
- *  Weather Icons Bootstrap Package Author - Erik Flowers - erik@helloerik.com
- *  ------------------------------------------------------------------------------
- *  Email: erik@helloerik.com
- *  Twitter: http://twitter.com/Erik_UX
- */
-@font-face {
-  font-family: 'weathericons';
-  src: url('../font/weathericons-regular-webfont.eot');
-  src: url('../font/weathericons-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/weathericons-regular-webfont.woff') format('woff'), url('../font/weathericons-regular-webfont.ttf') format('truetype'), url('../font/weathericons-regular-webfont.svg#weathericons-regular-webfontRg') format('svg');
-  font-weight: normal;
-  font-style: normal;
-}
-.wi {
-  display: inline-block;
-  font-family: 'weathericons';
-  font-style: normal;
-  font-weight: normal;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-.wi-day-cloudy-gusts:before {
-  content: "\f000";
-}
-.wi-day-cloudy-windy:before {
-  content: "\f001";
-}
-.wi-day-cloudy:before {
-  content: "\f002";
-}
-.wi-day-fog:before {
-  content: "\f003";
-}
-.wi-day-hail:before {
-  content: "\f004";
-}
-.wi-day-lightning:before {
-  content: "\f005";
-}
-.wi-day-rain-mix:before {
-  content: "\f006";
-}
-.wi-day-rain-wind:before {
-  content: "\f007";
-}
-.wi-day-rain:before {
-  content: "\f008";
-}
-.wi-day-showers:before {
-  content: "\f009";
-}
-.wi-day-snow:before {
-  content: "\f00a";
-}
-.wi-day-sprinkle:before {
-  content: "\f00b";
-}
-.wi-day-sunny-overcast:before {
-  content: "\f00c";
-}
-.wi-day-sunny:before {
-  content: "\f00d";
-}
-.wi-day-storm-showers:before {
-  content: "\f00e";
-}
-.wi-day-thunderstorm:before {
-  content: "\f010";
-}
-.wi-cloudy-gusts:before {
-  content: "\f011";
-}
-.wi-cloudy-windy:before {
-  content: "\f012";
-}
-.wi-cloudy:before {
-  content: "\f013";
-}
-.wi-fog:before {
-  content: "\f014";
-}
-.wi-hail:before {
-  content: "\f015";
-}
-.wi-lightning:before {
-  content: "\f016";
-}
-.wi-rain-mix:before {
-  content: "\f017";
-}
-.wi-rain-wind:before {
-  content: "\f018";
-}
-.wi-rain:before {
-  content: "\f019";
-}
-.wi-showers:before {
-  content: "\f01a";
-}
-.wi-snow:before {
-  content: "\f01b";
-}
-.wi-sprinkle:before {
-  content: "\f01c";
-}
-.wi-storm-showers:before {
-  content: "\f01d";
-}
-.wi-thunderstorm:before {
-  content: "\f01e";
-}
-.wi-windy:before {
-  content: "\f021";
-}
-.wi-night-alt-cloudy-gusts:before {
-  content: "\f022";
-}
-.wi-night-alt-cloudy-windy:before {
-  content: "\f023";
-}
-.wi-night-alt-hail:before {
-  content: "\f024";
-}
-.wi-night-alt-lightning:before {
-  content: "\f025";
-}
-.wi-night-alt-rain-mix:before {
-  content: "\f026";
-}
-.wi-night-alt-rain-wind:before {
-  content: "\f027";
-}
-.wi-night-alt-rain:before {
-  content: "\f028";
-}
-.wi-night-alt-showers:before {
-  content: "\f029";
-}
-.wi-night-alt-snow:before {
-  content: "\f02a";
-}
-.wi-night-alt-sprinkle:before {
-  content: "\f02b";
-}
-.wi-night-alt-storm-showers:before {
-  content: "\f02c";
-}
-.wi-night-alt-thunderstorm:before {
-  content: "\f02d";
-}
-.wi-night-clear:before {
-  content: "\f02e";
-}
-.wi-night-cloudy-gusts:before {
-  content: "\f02f";
-}
-.wi-night-cloudy-windy:before {
-  content: "\f030";
-}
-.wi-night-cloudy:before {
-  content: "\f031";
-}
-.wi-night-hail:before {
-  content: "\f032";
-}
-.wi-night-lightning:before {
-  content: "\f033";
-}
-.wi-night-rain-mix:before {
-  content: "\f034";
-}
-.wi-night-rain-wind:before {
-  content: "\f035";
-}
-.wi-night-rain:before {
-  content: "\f036";
-}
-.wi-night-showers:before {
-  content: "\f037";
-}
-.wi-night-snow:before {
-  content: "\f038";
-}
-.wi-night-sprinkle:before {
-  content: "\f039";
-}
-.wi-night-storm-showers:before {
-  content: "\f03a";
-}
-.wi-night-thunderstorm:before {
-  content: "\f03b";
-}
-.wi-celsius:before {
-  content: "\f03c";
-}
-.wi-cloud-down:before {
-  content: "\f03d";
-}
-.wi-cloud-refresh:before {
-  content: "\f03e";
-}
-.wi-cloud-up:before {
-  content: "\f040";
-}
-.wi-cloud:before {
-  content: "\f041";
-}
-.wi-degrees:before {
-  content: "\f042";
-}
-.wi-down-left:before {
-  content: "\f043";
-}
-.wi-down:before {
-  content: "\f044";
-}
-.wi-fahrenheit:before {
-  content: "\f045";
-}
-.wi-horizon-alt:before {
-  content: "\f046";
-}
-.wi-horizon:before {
-  content: "\f047";
-}
-.wi-left:before {
-  content: "\f048";
-}
-.wi-lightning:before {
-  content: "\f016";
-}
-.wi-night-fog:before {
-  content: "\f04a";
-}
-.wi-refresh-alt:before {
-  content: "\f04b";
-}
-.wi-refresh:before {
-  content: "\f04c";
-}
-.wi-right:before {
-  content: "\f04d";
-}
-.wi-sprinkles:before {
-  content: "\f04e";
-}
-.wi-strong-wind:before {
-  content: "\f050";
-}
-.wi-sunrise:before {
-  content: "\f051";
-}
-.wi-sunset:before {
-  content: "\f052";
-}
-.wi-thermometer-exterior:before {
-  content: "\f053";
-}
-.wi-thermometer-internal:before {
-  content: "\f054";
-}
-.wi-thermometer:before {
-  content: "\f055";
-}
-.wi-tornado:before {
-  content: "\f056";
-}
-.wi-up-right:before {
-  content: "\f057";
-}
-.wi-up:before {
-  content: "\f058";
-}
-.wi-wind-west:before {
-  content: "\f059";
-}
-.wi-wind-south-west:before {
-  content: "\f05a";
-}
-.wi-wind-south-east:before {
-  content: "\f05b";
-}
-.wi-wind-south:before {
-  content: "\f05c";
-}
-.wi-wind-north-west:before {
-  content: "\f05d";
-}
-.wi-wind-north-east:before {
-  content: "\f05e";
-}
-.wi-wind-north:before {
-  content: "\f060";
-}
-.wi-wind-east:before {
-  content: "\f061";
-}
-.wi-smoke:before {
-  content: "\f062";
-}
-.wi-dust:before {
-  content: "\f063";
-}
-.wi-snow-wind:before {
-  content: "\f064";
-}
-.wi-day-snow-wind:before {
-  content: "\f065";
-}
-.wi-night-snow-wind:before {
-  content: "\f066";
-}
-.wi-night-alt-snow-wind:before {
-  content: "\f067";
-}
-.wi-day-sleet-storm:before {
-  content: "\f068";
-}
-.wi-night-sleet-storm:before {
-  content: "\f069";
-}
-.wi-night-alt-sleet-storm:before {
-  content: "\f06a";
-}
-.wi-day-snow-thunderstorm:before {
-  content: "\f06b";
-}
-.wi-night-snow-thunderstorm:before {
-  content: "\f06c";
-}
-.wi-night-alt-snow-thunderstorm:before {
-  content: "\f06d";
-}
-.wi-solar-eclipse:before {
-  content: "\f06e";
-}
-.wi-lunar-eclipse:before {
-  content: "\f070";
-}
-.wi-meteor:before {
-  content: "\f071";
-}
-.wi-hot:before {
-  content: "\f072";
-}
-.wi-hurricane:before {
-  content: "\f073";
-}
-.wi-smog:before {
-  content: "\f074";
-}
-.wi-alien:before {
-  content: "\f075";
-}
-.wi-snowflake-cold:before {
-  content: "\f076";
-}
-.wi-stars:before {
-  content: "\f077";
-}
-.wi-night-partly-cloudy:before {
-  content: "\f083";
-}
-.wi-umbrella:before {
-  content: "\f084";
-}
-.wi-day-windy:before {
-  content: "\f085";
-}
-.wi-night-alt-cloudy:before {
-  content: "\f086";
-}
-.wi-up-left:before {
-  content: "\f087";
-}
-.wi-down-right:before {
-  content: "\f088";
-}
-.wi-time-12:before {
-  content: "\f089";
-}
-.wi-time-1:before {
-  content: "\f08a";
-}
-.wi-time-2:before {
-  content: "\f08b";
-}
-.wi-time-3:before {
-  content: "\f08c";
-}
-.wi-time-4:before {
-  content: "\f08d";
-}
-.wi-time-5:before {
-  content: "\f08e";
-}
-.wi-time-6:before {
-  content: "\f08f";
-}
-.wi-time-7:before {
-  content: "\f090";
-}
-.wi-time-8:before {
-  content: "\f091";
-}
-.wi-time-9:before {
-  content: "\f092";
-}
-.wi-time-10:before {
-  content: "\f093";
-}
-.wi-time-11:before {
-  content: "\f094";
-}
-.wi-day-sleet:before {
-  content: "\f0b2";
-}
-.wi-night-sleet:before {
-  content: "\f0b3";
-}
-.wi-night-alt-sleet:before {
-  content: "\f0b4";
-}
-.wi-sleet:before {
-  content: "\f0b5";
-}
-.wi-day-haze:before {
-  content: "\f0b6";
-}
-.wi-beafort-0:before {
-  content: "\f0b7";
-}
-.wi-beafort-1:before {
-  content: "\f0b8";
-}
-.wi-beafort-2:before {
-  content: "\f0b9";
-}
-.wi-beafort-3:before {
-  content: "\f0ba";
-}
-.wi-beafort-4:before {
-  content: "\f0bb";
-}
-.wi-beafort-5:before {
-  content: "\f0bc";
-}
-.wi-beafort-6:before {
-  content: "\f0bd";
-}
-.wi-beafort-7:before {
-  content: "\f0be";
-}
-.wi-beafort-8:before {
-  content: "\f0bf";
-}
-.wi-beafort-9:before {
-  content: "\f0c0";
-}
-.wi-beafort-10:before {
-  content: "\f0c1";
-}
-.wi-beafort-11:before {
-  content: "\f0c2";
-}
-.wi-beafort-12:before {
-  content: "\f0c3";
-}
-.wi-wind-default:before {
-  content: "\f0b1";
-}
-.wi-wind-default._0-deg {
-  -webkit-transform: rotate(0deg);
-  -moz-transform: rotate(0deg);
-  -ms-transform: rotate(0deg);
-  -o-transform: rotate(0deg);
-  transform: rotate(0deg);
-}
-.wi-wind-default._15-deg {
-  -webkit-transform: rotate(15deg);
-  -moz-transform: rotate(15deg);
-  -ms-transform: rotate(15deg);
-  -o-transform: rotate(15deg);
-  transform: rotate(15deg);
-}
-.wi-wind-default._30-deg {
-  -webkit-transform: rotate(30deg);
-  -moz-transform: rotate(30deg);
-  -ms-transform: rotate(30deg);
-  -o-transform: rotate(30deg);
-  transform: rotate(30deg);
-}
-.wi-wind-default._45-deg {
-  -webkit-transform: rotate(45deg);
-  -moz-transform: rotate(45deg);
-  -ms-transform: rotate(45deg);
-  -o-transform: rotate(45deg);
-  transform: rotate(45deg);
-}
-.wi-wind-default._60-deg {
-  -webkit-transform: rotate(60deg);
-  -moz-transform: rotate(60deg);
-  -ms-transform: rotate(60deg);
-  -o-transform: rotate(60deg);
-  transform: rotate(60deg);
-}
-.wi-wind-default._75-deg {
-  -webkit-transform: rotate(75deg);
-  -moz-transform: rotate(75deg);
-  -ms-transform: rotate(75deg);
-  -o-transform: rotate(75deg);
-  transform: rotate(75deg);
-}
-.wi-wind-default._90-deg {
-  -webkit-transform: rotate(90deg);
-  -moz-transform: rotate(90deg);
-  -ms-transform: rotate(90deg);
-  -o-transform: rotate(90deg);
-  transform: rotate(90deg);
-}
-.wi-wind-default._105-deg {
-  -webkit-transform: rotate(105deg);
-  -moz-transform: rotate(105deg);
-  -ms-transform: rotate(105deg);
-  -o-transform: rotate(105deg);
-  transform: rotate(105deg);
-}
-.wi-wind-default._120-deg {
-  -webkit-transform: rotate(120deg);
-  -moz-transform: rotate(120deg);
-  -ms-transform: rotate(120deg);
-  -o-transform: rotate(120deg);
-  transform: rotate(120deg);
-}
-.wi-wind-default._135-deg {
-  -webkit-transform: rotate(135deg);
-  -moz-transform: rotate(135deg);
-  -ms-transform: rotate(135deg);
-  -o-transform: rotate(135deg);
-  transform: rotate(135deg);
-}
-.wi-wind-default._150-deg {
-  -webkit-transform: rotate(150deg);
-  -moz-transform: rotate(150deg);
-  -ms-transform: rotate(150deg);
-  -o-transform: rotate(150deg);
-  transform: rotate(150deg);
-}
-.wi-wind-default._165-deg {
-  -webkit-transform: rotate(165deg);
-  -moz-transform: rotate(165deg);
-  -ms-transform: rotate(165deg);
-  -o-transform: rotate(165deg);
-  transform: rotate(165deg);
-}
-.wi-wind-default._180-deg {
-  -webkit-transform: rotate(180deg);
-  -moz-transform: rotate(180deg);
-  -ms-transform: rotate(180deg);
-  -o-transform: rotate(180deg);
-  transform: rotate(180deg);
-}
-.wi-wind-default._195-deg {
-  -webkit-transform: rotate(195deg);
-  -moz-transform: rotate(195deg);
-  -ms-transform: rotate(195deg);
-  -o-transform: rotate(195deg);
-  transform: rotate(195deg);
-}
-.wi-wind-default._210-deg {
-  -webkit-transform: rotate(210deg);
-  -moz-transform: rotate(210deg);
-  -ms-transform: rotate(210deg);
-  -o-transform: rotate(210deg);
-  transform: rotate(210deg);
-}
-.wi-wind-default._225-deg {
-  -webkit-transform: rotate(225deg);
-  -moz-transform: rotate(225deg);
-  -ms-transform: rotate(225deg);
-  -o-transform: rotate(225deg);
-  transform: rotate(225deg);
-}
-.wi-wind-default._240-deg {
-  -webkit-transform: rotate(240deg);
-  -moz-transform: rotate(240deg);
-  -ms-transform: rotate(240deg);
-  -o-transform: rotate(240deg);
-  transform: rotate(240deg);
-}
-.wi-wind-default._255-deg {
-  -webkit-transform: rotate(255deg);
-  -moz-transform: rotate(255deg);
-  -ms-transform: rotate(255deg);
-  -o-transform: rotate(255deg);
-  transform: rotate(255deg);
-}
-.wi-wind-default._270-deg {
-  -webkit-transform: rotate(270deg);
-  -moz-transform: rotate(270deg);
-  -ms-transform: rotate(270deg);
-  -o-transform: rotate(270deg);
-  transform: rotate(270deg);
-}
-.wi-wind-default._285-deg {
-  -webkit-transform: rotate(295deg);
-  -moz-transform: rotate(295deg);
-  -ms-transform: rotate(295deg);
-  -o-transform: rotate(295deg);
-  transform: rotate(295deg);
-}
-.wi-wind-default._300-deg {
-  -webkit-transform: rotate(300deg);
-  -moz-transform: rotate(300deg);
-  -ms-transform: rotate(300deg);
-  -o-transform: rotate(300deg);
-  transform: rotate(300deg);
-}
-.wi-wind-default._315-deg {
-  -webkit-transform: rotate(315deg);
-  -moz-transform: rotate(315deg);
-  -ms-transform: rotate(315deg);
-  -o-transform: rotate(315deg);
-  transform: rotate(315deg);
-}
-.wi-wind-default._330-deg {
-  -webkit-transform: rotate(330deg);
-  -moz-transform: rotate(330deg);
-  -ms-transform: rotate(330deg);
-  -o-transform: rotate(330deg);
-  transform: rotate(330deg);
-}
-.wi-wind-default._345-deg {
-  -webkit-transform: rotate(345deg);
-  -moz-transform: rotate(345deg);
-  -ms-transform: rotate(345deg);
-  -o-transform: rotate(345deg);
-  transform: rotate(345deg);
-}
-.wi-moon-new:before {
-  content: "\f095";
-}
-.wi-moon-waxing-cresent-1:before {
-  content: "\f096";
-}
-.wi-moon-waxing-cresent-2:before {
-  content: "\f097";
-}
-.wi-moon-waxing-cresent-3:before {
-  content: "\f098";
-}
-.wi-moon-waxing-cresent-4:before {
-  content: "\f099";
-}
-.wi-moon-waxing-cresent-5:before {
-  content: "\f09a";
-}
-.wi-moon-waxing-cresent-6:before {
-  content: "\f09b";
-}
-.wi-moon-first-quarter:before {
-  content: "\f09c";
-}
-.wi-moon-waxing-gibbous-1:before {
-  content: "\f09d";
-}
-.wi-moon-waxing-gibbous-2:before {
-  content: "\f09e";
-}
-.wi-moon-waxing-gibbous-3:before {
-  content: "\f09f";
-}
-.wi-moon-waxing-gibbous-4:before {
-  content: "\f0a0";
-}
-.wi-moon-waxing-gibbous-5:before {
-  content: "\f0a1";
-}
-.wi-moon-waxing-gibbous-6:before {
-  content: "\f0a2";
-}
-.wi-moon-full:before {
-  content: "\f0a3";
-}
-.wi-moon-waning-gibbous-1:before {
-  content: "\f0a4";
-}
-.wi-moon-waning-gibbous-2:before {
-  content: "\f0a5";
-}
-.wi-moon-waning-gibbous-3:before {
-  content: "\f0a6";
-}
-.wi-moon-waning-gibbous-4:before {
-  content: "\f0a7";
-}
-.wi-moon-waning-gibbous-5:before {
-  content: "\f0a8";
-}
-.wi-moon-waning-gibbous-6:before {
-  content: "\f0a9";
-}
-.wi-moon-3rd-quarter:before {
-  content: "\f0aa";
-}
-.wi-moon-waning-crescent-1:before {
-  content: "\f0ab";
-}
-.wi-moon-waning-crescent-2:before {
-  content: "\f0ac";
-}
-.wi-moon-waning-crescent-3:before {
-  content: "\f0ad";
-}
-.wi-moon-waning-crescent-4:before {
-  content: "\f0ae";
-}
-.wi-moon-waning-crescent-5:before {
-  content: "\f0af";
-}
-.wi-moon-waning-crescent-6:before {
-  content: "\f0b0";
-}
 ::selection,
 -moz::selection {
   background: #0a91ff;
diff --git a/docs/index.html b/docs/index.html
index ecc3f91..afb22fe 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -18,6 +18,7 @@
       
     </script>
     <link rel="stylesheet" href="css/styles.css">
+    <link rel="stylesheet" href="../css/weather-icons-sass.css">
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/docs/jade/index.jade b/docs/jade/index.jade
index ff7b781..3289fc6 100644
--- a/docs/jade/index.jade
+++ b/docs/jade/index.jade
@@ -18,6 +18,7 @@ html
       try{Typekit.load();}catch(e){}    script(src='js/bootstrap.min.js')
     
     link(rel='stylesheet', href='css/styles.css')
+    link(rel='stylesheet', href='../css/weather-icons-sass.css')
     script.
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/docs/less/styles.less b/docs/less/styles.less
index edcc164..288d15e 100644
--- a/docs/less/styles.less
+++ b/docs/less/styles.less
@@ -1,7 +1,7 @@
 @import "bootstrap-includes.less";
 
 
-@import "../../less/weather-icons.less";
+//@import "../../less/weather-icons.less";
 @import "variables.less";
 @import "mixins.less";
 @import "cheatsheet.less";
diff --git a/sass/weather-icons-classes.scss b/sass/weather-icons-classes.scss
new file mode 100644
index 0000000..a1d5628
--- /dev/null
+++ b/sass/weather-icons-classes.scss
@@ -0,0 +1,29 @@
+@font-face {
+    font-family: '#{$wi-font-family}';
+    src: url('#{$wi-path}/#{$wi-font-family}-regular-webfont.eot');
+    src: url('#{$wi-path}/#{$wi-font-family}-regular-webfont.eot?#iefix') format('embedded-opentype'),
+         url('#{$wi-path}/#{$wi-font-family}-regular-webfont.woff') format('woff'),
+         url('#{$wi-path}/#{$wi-font-family}-regular-webfont.ttf') format('truetype'),
+         url('#{$wi-path}/#{$wi-font-family}-regular-webfont.svg#weathericons-regular-webfontRg') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+.#{$wi-css-prefix} {
+  display: inline-block;
+  font-family: '#{$wi-font-family}';
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+
+@each $wi-glyph-name, $wi-glyph-content in $wi-icon-glyphs {
+
+  .#{$wi-css-prefix}-#{$wi-glyph-name}:before {
+
+    content: $wi-glyph-content;
+  }
+}
diff --git a/sass/weather-icons-variables.scss b/sass/weather-icons-variables.scss
new file mode 100644
index 0000000..a5a7292
--- /dev/null
+++ b/sass/weather-icons-variables.scss
@@ -0,0 +1,188 @@
+//Base Variables
+$wi-path:                        "../font";
+$wi-version:                     "2.0";
+$wi-css-prefix:                  wi;
+$wi-font-family:                 weathericons;
+
+//Glyph Names
+
+$wi-icon-glyphs:                 (
+"day-cloudy-gusts":              "\f000",
+"day-cloudy-windy":              "\f001",
+"day-cloudy":                    "\f002",
+"day-fog":                       "\f003",
+"day-hail":                      "\f004",
+"day-lightning":                 "\f005",
+"day-rain-mix":                  "\f006",
+"day-rain-wind":                 "\f007",
+"day-rain":                      "\f008",
+"day-showers":                   "\f009",
+"day-snow":                      "\f00a",
+"day-sprinkle":                  "\f00b",
+"day-sunny-overcast":            "\f00c",
+"day-sunny":                     "\f00d",
+"day-storm-showers":             "\f00e",
+"day-thunderstorm":              "\f010",
+"cloudy-gusts":                  "\f011",
+"cloudy-windy":                  "\f012",
+"cloudy":                        "\f013",
+"fog":                           "\f014",
+"hail":                          "\f015",
+"lightning":                     "\f016",
+"rain-mix":                      "\f017",
+"rain-wind":                     "\f018",
+"rain":                          "\f019",
+"showers":                       "\f01a",
+"snow":                          "\f01b",
+"sprinkle":                      "\f01c",
+"storm-showers":                 "\f01d",
+"thunderstorm":                  "\f01e",
+"windy":                         "\f021",
+"night-alt-cloudy-gusts":        "\f022",
+"night-alt-cloudy-windy":        "\f023",
+"night-alt-hail":                "\f024",
+"night-alt-lightning":           "\f025",
+"night-alt-rain-mix":            "\f026",
+"night-alt-rain-wind":           "\f027",
+"night-alt-rain":                "\f028",
+"night-alt-showers":             "\f029",
+"night-alt-snow":                "\f02a",
+"night-alt-sprinkle":            "\f02b",
+"night-alt-storm-showers":       "\f02c",
+"night-alt-thunderstorm":        "\f02d",
+"night-clear":                   "\f02e",
+"night-cloudy-gusts":            "\f02f",
+"night-cloudy-windy":            "\f030",
+"night-cloudy":                  "\f031",
+"night-hail":                    "\f032",
+"night-lightning":               "\f033",
+"night-rain-mix":                "\f034",
+"night-rain-wind":               "\f035",
+"night-rain":                    "\f036",
+"night-showers":                 "\f037",
+"night-snow":                    "\f038",
+"night-sprinkle":                "\f039",
+"night-storm-showers":           "\f03a",
+"night-thunderstorm":            "\f03b",
+"celsius":                       "\f03c",
+"cloud-down":                    "\f03d",
+"cloud-refresh":                 "\f03e",
+"cloud-up":                      "\f040",
+"cloud":                         "\f041",
+"degrees":                       "\f042",
+"down-left":                     "\f043",
+"down":                          "\f044",
+"fahrenheit":                    "\f045",
+"horizon-alt":                   "\f046",
+"horizon":                       "\f047",
+"left":                          "\f048",
+"_reserved_":                    "\f049",
+"night-fog":                     "\f04a",
+"refresh-alt":                   "\f04b",
+"refresh":                       "\f04c",
+"right":                         "\f04d",
+"sprinkles":                     "\f04e",
+"strong-wind":                   "\f050",
+"sunrise":                       "\f051",
+"sunset":                        "\f052",
+"thermometer-exterior":          "\f053",
+"thermometer-internal":          "\f054",
+"thermometer":                   "\f055",
+"tornado":                       "\f056",
+"up-right":                      "\f057",
+"up":                            "\f058",
+"wind-west":                     "\f059",
+"wind-south-west":               "\f05a",
+"wind-south-east":               "\f05b",
+"wind-south":                    "\f05c",
+"wind-north-west":               "\f05d",
+"wind-north-east":               "\f05e",
+"wind-north":                    "\f060",
+"wind-east":                     "\f061",
+"smoke":                         "\f062",
+"dust":                          "\f063",
+"snow-wind":                     "\f064",
+"day-snow-wind":                 "\f065",
+"night-snow-wind":               "\f066",
+"night-alt-snow-wind":           "\f067",
+"day-sleet-storm":               "\f068",
+"night-sleet-storm":             "\f069",
+"night-alt-sleet-storm":         "\f06a",
+"day-snow-thunderstorm":         "\f06b",
+"night-snow-thunderstorm":       "\f06c",
+"night-alt-snow-thunderstorm":   "\f06d",
+"solar-eclipse":                 "\f06e",
+"lunar-eclipse":                 "\f070",
+"meteor":                        "\f071",
+"hot":                           "\f072",
+"hurricane":                     "\f073",
+"smog":                          "\f074",
+"alien":                         "\f075",
+"snowflake-cold":                "\f076",
+"stars":                         "\f077",
+"night-partly-cloudy":           "\f083",
+"umbrella":                      "\f084",
+"day-windy":                     "\f085",
+"night-alt-cloudy":              "\f086",
+"up-left":                       "\f087",
+"down-right":                    "\f088",
+"time-12":                       "\f089",
+"time-1":                        "\f08a",
+"time-2":                        "\f08b",
+"time-3":                        "\f08c",
+"time-4":                        "\f08d",
+"time-5":                        "\f08e",
+"time-6":                        "\f08f",
+"time-7":                        "\f090",
+"time-8":                        "\f091",
+"time-9":                        "\f092",
+"time-10":                       "\f093",
+"time-11":                       "\f094",
+"moon-new":                      "\f095",
+"moon-waxing-cresent-1":         "\f096",
+"moon-waxing-cresent-2":         "\f097",
+"moon-waxing-cresent-3":         "\f098",
+"moon-waxing-cresent-4":         "\f099",
+"moon-waxing-cresent-5":         "\f09a",
+"moon-waxing-cresent-6":         "\f09b",
+"moon-first-quarter":            "\f09c",
+"moon-waxing-gibbous-1":         "\f09d",
+"moon-waxing-gibbous-2":         "\f09e",
+"moon-waxing-gibbous-3":         "\f09f",
+"moon-waxing-gibbous-4":         "\f0a0",
+"moon-waxing-gibbous-5":         "\f0a1",
+"moon-waxing-gibbous-6":         "\f0a2",
+"moon-full":                     "\f0a3",
+"moon-waning-gibbous-1":         "\f0a4",
+"moon-waning-gibbous-2":         "\f0a5",
+"moon-waning-gibbous-3":         "\f0a6",
+"moon-waning-gibbous-4":         "\f0a7",
+"moon-waning-gibbous-5":         "\f0a8",
+"moon-waning-gibbous-6":         "\f0a9",
+"moon-3rd-quarter":              "\f0aa",
+"moon-waning-crescent-1":        "\f0ab",
+"moon-waning-crescent-2":        "\f0ac",
+"moon-waning-crescent-3":        "\f0ad",
+"moon-waning-crescent-4":        "\f0ae",
+"moon-waning-crescent-5":        "\f0af",
+"moon-waning-crescent-6":        "\f0b0",
+"wind-default":                  "\f0b1",
+"day-sleet":                     "\f0b2",
+"night-sleet":                   "\f0b3",
+"night-alt-sleet":               "\f0b4",
+"sleet":                         "\f0b5",
+"day-haze":                      "\f0b6",
+"beafort-0":                     "\f0b7",
+"beafort-1":                     "\f0b8",
+"beafort-2":                     "\f0b9",
+"beafort-3":                     "\f0ba",
+"beafort-4":                     "\f0bb",
+"beafort-5":                     "\f0bc",
+"beafort-6":                     "\f0bd",
+"beafort-7":                     "\f0be",
+"beafort-8":                     "\f0bf",
+"beafort-9":                     "\f0c0",
+"beafort-10":                    "\f0c1",
+"beafort-11":                    "\f0c2",
+"beafort-12":                    "\f0c3"
+)
\ No newline at end of file
diff --git a/sass/weather-icons.min.scss b/sass/weather-icons.min.scss
new file mode 100644
index 0000000..b0ddd5a
--- /dev/null
+++ b/sass/weather-icons.min.scss
@@ -0,0 +1,36 @@
+/*!
+ *  Weather Icons 1.3
+ *  Updated November 30th, 2014
+ *  Weather themed icons for Bootstrap
+ *  ------------------------------------------------------------------------------
+* Maintained at http://erikflowers.github.io/weather-icons
+ *  http://twitter.com/Erik_UX
+ *
+ *  License
+ *  ------------------------------------------------------------------------------
+ *  - Fpmt licensed under SIL OFL 1.1 -
+ *    http://scripts.sil.org/OFL
+ *  - CSS and LESS are licensed under MIT License -
+ *    http://opensource.org/licenses/mit-license.html
+ *  - Documentation licensed under CC BY 3.0 -
+ *    http://creativecommons.org/licenses/by/3.0/
+ *  - Inspired by and works great as a companion with Font Awesome
+ *    "Font Awesome by Dave Gandy - http://fontawesome.io"
+ *
+ *  Weather Icons Bootstrap Package Author - Erik Flowers - erik@helloerik.com
+ *  ------------------------------------------------------------------------------
+ *  Email: erik@helloerik.com
+ *  Twitter: http://twitter.com/Erik_UX
+ */
+
+
+
+
+@import "weather-icons-variables.less";
+@import "weather-icons-classes.less";
+
+// Include anything you need to make the Weather Icons styled here //
+
+
+
+
diff --git a/sass/weather-icons.scss b/sass/weather-icons.scss
new file mode 100644
index 0000000..022d1b3
--- /dev/null
+++ b/sass/weather-icons.scss
@@ -0,0 +1,34 @@
+/*!
+ *  Weather Icons 2.0
+ *  Updated July 28th 2015
+ *  Weather themed icons for Bootstrap
+ *  ------------------------------------------------------------------------------
+* Maintained at http://erikflowers.github.io/weather-icons
+ *  http://twitter.com/Erik_UX
+ *
+ *  License
+ *  ------------------------------------------------------------------------------
+ *  - Fpmt licensed under SIL OFL 1.1 -
+ *    http://scripts.sil.org/OFL
+ *  - CSS and LESS are licensed under MIT License -
+ *    http://opensource.org/licenses/mit-license.html
+ *  - Documentation licensed under CC BY 3.0 -
+ *    http://creativecommons.org/licenses/by/3.0/
+ *  - Inspired by and works great as a companion with Font Awesome
+ *    "Font Awesome by Dave Gandy - http://fontawesome.io"
+ *
+ *  Weather Icons Bootstrap Package Author - Erik Flowers - erik@helloerik.com
+ *  ------------------------------------------------------------------------------
+ *  Email: erik@helloerik.com
+ *  Twitter: http://twitter.com/Erik_UX
+ */
+
+
+@import 'weather-icons-variables.scss';
+@import 'weather-icons-classes.scss';
+
+
+
+
+
+ 
\ No newline at end of file