pull/82/merge
Zak MacDonald 9 years ago
commit 2e4713b3bf

33
.gitignore vendored

@ -0,0 +1,33 @@
*.pyc
*.egg-info
*.db
*.db.old
*.swp
*.db-journal
.coverage
.DS_Store
.installed.cfg
_gh_pages/*
.idea/*
.svn/*
src/website/static/*
src/website/media/*
bin
cfcache
develop-eggs
dist
downloads
eggs
parts
tmp
.sass-cache
node_modules
src/website/settingslocal.py
stunnel.log
.ruby-version
.bundle

@ -0,0 +1,52 @@
### 2.0.0
* **Additions**
* SASS code base!
* **Updates**
* New taxonomy has been adopted which more closely matches FontAwesome
* LessCSS code base
* Moved and renamed to match new taxonomy
* Feature parity between the LessCSS and SASS code bases
* Closer feature parity with FontAwesome for both code bases
* **Deprecations**
* `font-family` is no longer customizable and is locked to `WeatherIcon`
* Rotation syntax has been simplified from `.wi-wind-default_*-deg` `.wi-rotate-*`
* Icons
* `.wind-beafort-*` has been renamed `.wind-beaufort-*` to rectify a typo
* Prefixed directional icons with `.direction-`
* `.down` becomes `.direction-down`
* `.down-left` becomes `.direction-down-left`
* `.down-right` becomes `.direction-down-right`
* `.left` becomes `.direction-left`
* `.right` becomes `.direction-right`
* `.up` becomes `.direction-up`
* `.up-left` becomes `.direction-up-left`
* `.up-right` becomes `.direction-up-right`
* **Known Issues**
* Condition code mappings do not work in the LessCSS code base. This is due to a known issue with using variable interpolation during `extend()`. For this reason, the bundled CSS is now built using the SASS code base in order to allow for condition code mappings. Sorry, LessCSS users.
* More info: http://lesscss.org/features/#extend-feature-selector-interpolation-with-extend
### 1.3.0
* **Additions**
* Icons
* `.day-haze`
* `.day-sleet`
* `.day-windy`
* `.down-right`
* `.moon-3rd-quarter`
* `.moon-first-quarter`
* `.moon-full`
* `.moon-new`
* `.moon-waning-crescent-*` [1-6]
* `.moon-waning-gibbous-*` [1-6]
* `.moon-waxing-cresent-*` [1-6]
* `.moon-waxing-gibbous-*` [1-6]
* `.night-alt-cloudy`
* `.night-alt-sleet`
* `.night-sleet`
* `.sleet`
* `.time-*` [1-12]
* Clocks, class name matches hour of day indicated
* `.umbrella`
* `.up-left`
* `.wind-beafort-*` [0-12]
* Representation of Beaufort scale

@ -1,48 +1,52 @@
# Weather Icons
*Version 1.3 - November 30th, 2014*
## Weather Icons
*Version 2.0.0*
## A free, open source icon-font of Weather icons
### A free, open source icon-font of Weather icons
Weather Icons is a font of 189 weather themed icons, ready to be dropped right into [Bootstrap](http://www.getbootstrap.com) or any other project.
Weather Icons is a font of 189 weather themed icons, ready to be dropped right into [Bootstrap](http://www.getbootstrap.com), [Foundation](http://foundation.zurb.com) or any other project.
Inspired by [Font Awesome](http://fontawesome.io/), they work in essentially the same way. They are infinitley scalable and any CSS that can be applied to text can be applied to them. All you need to do to insert an icon is add the base class and the specific icon class to an "i" element:
``<i class="wi wi-day-lightning"></i>``
```html
<i class="wi wi-day-lightning"></i>
```
At this time, there are no other effects/mixins to do advanced icon manipulation yet.
![Icon Preview](http://wes.io/WeM5/preview.png)
####[View demo and full icon reference](http://erikflowers.github.io/weather-icons/)
**[View demo and full icon reference](http://erikflowers.github.io/weather-icons/)**
## Getting Started
Getting started is easy. First, put the fonts in the directory ABOVE your css directory. By default, the fonts are referencing a ../fonts/ folder that is on the same level as /css. This can be changed via the `@WeatherIconPath` variable in variables.less
### Getting Started
Getting started is easy. First, put the fonts in the directory ABOVE your css directory. By default, the fonts are referencing a ../fonts/ folder that is on the same level as /css. This can be changed via the `$wi-font-path` variable in `scss/_variables.scss`
Include in your main .less file `weather-icons/weather-icons.less` and that is all you need to do.
Include in your main .less file `scss/weather-icons.scss` and that is all you need to do.
It is best to download the [repo](http://www.github.com/erikflowers/weather-icons) from Github if you want to keep up to date. Please report any issues or requests to the repository here
It is best to clone [the GitHub repo](http://www.github.com/erikflowers/weather-icons) if you want to keep up to date. Please report any issues or requests to the repository here
#### CSS Only Method
If you just want to add a css file to your project with no Less compiling, you just need to reference the `weather-icons.css` included in the css folder. *If you are not familiar with using Bootstrap, or using Bootstrap in the precompiled Less mode, I would recommend you give it a try)*
## New in version 1.3
Umbrella, day-windy, night-alt-cloudy, up-left, down-right, day-sleet, night-sleet, night-alt-sleet, sleet, day-haze.
28 moon phase icons
12 clock icons
13 Beaufort Scale icons
### CSS Only Method
The pre-compiled CSS sources are compiled using the Less source. To get started using the CSS files, simply copy them to `css/` in your site's root folder and then include the following line of code in your HTML file's `<head>`:
```html
<link rel="stylesheet" type="text/css" href="css/weather-icons.min.css">
```
### Collaboration
If you feel so inclined to add icon ideas, icon art, or other fixes/changes to how the package works, feel free to help! I'd also love it if someone wanted to make this a component as well for bower, npm, component, etc. No idea how to do that myself (yet).
## Credit
The icon designs are originally by [Lukas Bischoff](http://www.twitter.com/artill). Icon art for v1.1 forward, HTML, Less, and CSS are by [me (Erik)](http://www.helloerik.com).
### Contact
Weather Icons is maintained by
* Erik Flowers
* [@Erik_UX](http://www.twitter.com/Erik_UX)
* [helloerik.com](http://www.helloerik.com)
* Zak MacDonald
* [github.com/zakmac](http://www.zakmac.com)
* [zakmac.com](http://www.zakmac.com)
### License and credit
* The icon designs are originally by [Lukas Bischoff](http://www.twitter.com/artill)
* Icon art for v1.1 forward, HTML, original Less, and CSS are by [Erik Flowers](http://www.helloerik.com)
* Less refactor and SASS are by [Zak MacDonald](http://github.com/zakmac)
None of this would be possible without [Bootstrap](http://www.getbootstrap.com), [Font Awesome](http://fontawesome.io/) and [Lukas Bischoff](http://www.twitter.com/artill). I just put it all together into a neat package. Cheatsheet provided by Michael Woywod.
Weather Icons licensed under [SIL OFL 1.1](http://scripts.sil.org/OFL) &mdash; Code licensed under [MIT License](http://opensource.org/licenses/mit-license.html) &mdash; Documentation licensed under [CC BY 3.0](http://creativecommons.org/licenses/by/3.0)
## Contact
Weather Icons is maintained by me, Erik Flowers. Reach me at [@Erik_UX](http://www.twitter.com/Erik_UX) or at [http://www.helloerik.com](http://www.helloerik.com).

@ -1,23 +1,21 @@
{
"name": "weather-icons",
"version": "1.3.2",
"version": "2.0.0",
"homepage": "http://erikflowers.github.io/weather-icons/",
"keywords": [
"css", "icon-font", "weather", "icon", "icons"
"css", "icon-font", "weather", "icon", "icons", "weather-icons"
],
"authors": [
"Erik Flowers <erik@helloerik.com>"
"Erik Flowers <erik@helloerik.com>",
"Zak MacDonald <me@zakmac.com>"
],
"description": "189 weather themed icons inspired by Font Awesome and ready for Bootstrap",
"license": "MIT",
"main": [
"./css/weather-icons.css",
"./css/weather-icons.min.css",
"./weather-icons/weather-icons.less",
"./less/weather-icons.less",
"./scss/weather-icons.scss",
"./font/*"
],
"ignore": [
"cheatsheet/",
"reference/"
]
}

@ -1,4 +0,0 @@
# Weather Icons
*Version 1.3 - November 30th, 2014*
If you want to just include the CSS itself, just reference this file. Make sure you have the `font` folder that holds all the font files a level above the CSS folder. If you want to change it, you'll have to edit it in the source.

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 156 KiB

After

Width:  |  Height:  |  Size: 156 KiB

@ -0,0 +1,32 @@
var fs = require('fs');
var gulp = require('gulp');
var less = require('gulp-less');
var minifyCSS = require('gulp-minify-css');
var path = require('path');
var rename = require('gulp-rename');
var sass = require('gulp-sass');
gulp.task('less', function () {
return gulp.src(fs.realpathSync('./less/weather-icons.less'))
.pipe(less({
paths: [ path.join(__dirname, 'less', 'includes') ]
}))
.pipe(gulp.dest('./css'));
});
gulp.task('sass', function () {
return gulp.src(fs.realpathSync('./scss/weather-icons.scss'))
.pipe(sass({
paths: [ path.join(__dirname, 'scss', 'includes') ]
}))
.pipe(gulp.dest('./css'));
});
gulp.task('mini', function () {
return gulp.src(fs.realpathSync('./css/weather-icons.css'))
.pipe(minifyCSS({keepBreaks: false}))
.pipe(rename({
suffix: '.min'
}))
.pipe(gulp.dest('./css'));
});

@ -0,0 +1,15 @@
// base class definition
// --------------------------
// lifted from FontAwesome
// https://github.com/FortAwesome/Font-Awesome/blob/6549e2920b0a27213b895200becc485ab01e9974/less/core.less
.@{wi-css-prefix} {
display: inline-block;
font-size: inherit; // can't have font-size inherit on line above, so need to override
font: normal normal normal @wi-font-size-base/1 WeatherIcons; // shortening font declaration
text-rendering: auto; // optimizelegibility throws things off #1094
transform: translate(0, 0); // ensures no half-pixel rendering in firefox
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}

@ -0,0 +1,10 @@
// fixed width icons
// --------------------------
// lifted from FontAwesome
// https://github.com/FortAwesome/Font-Awesome/blob/6549e2920b0a27213b895200becc485ab01e9974/less/fixed-width.less
.@{wi-css-prefix}-fw {
text-align: center;
width: (18em / 14);
}

@ -0,0 +1,16 @@
// icon font
// --------------------------
// lifted from FontAwesome
// https://github.com/FortAwesome/Font-Awesome/blob/6549e2920b0a27213b895200becc485ab01e9974/less/path.less
@font-face {
font-family: 'WeatherIcons';
font-style: normal;
font-weight: normal;
src: url('@{wi-font-path}/weathericons-webfont.eot?v=@{wi-version}');
src: url('@{wi-font-path}/weathericons-webfont.eot?#iefix&v=@{wi-version}') format('embedded-opentype'),
url('@{wi-font-path}/weathericons-webfont.woff?v=@{wi-version}') format('woff'),
url('@{wi-font-path}/weathericons-webfont.ttf?v=@{wi-version}') format('truetype'),
url('@{wi-font-path}/weathericons-webfont.svg?v=@{wi-version}#weathericonregular') format('svg');
}

@ -0,0 +1,2 @@
// functions
// --------------------------

@ -0,0 +1,17 @@
// icon definitions
// --------------------------
// create icon definitions
.createIconClasses(@iterator: 1) when(@iterator <= length(@wi-icon-glyphs)) {
@wi-glyph-name: extract(extract(@wi-icon-glyphs, @iterator), 1);
@wi-glyph-name-unquoted: ~"@{wi-glyph-name}";
.@{wi-css-prefix}-@{wi-glyph-name-unquoted}:before {
content: extract(extract(@wi-icon-glyphs, @iterator), 2);
}
.createIconClasses((@iterator + 1));
}
.createIconClasses();

@ -0,0 +1,38 @@
// mixins
// -------------------------
// lifted from FontAwesome
// https://github.com/FortAwesome/Font-Awesome/blob/6549e2920b0a27213b895200becc485ab01e9974/less/mixins.less
.fa-icon() {
display: inline-block;
font-size: inherit; // can't have font-size inherit on line above, so need to override
font: normal normal normal @wi-font-size-base/1 WeatherIcons; // shortening font declaration
text-rendering: auto; // optimizelegibility throws things off #1094
transform: translate(0, 0); // ensures no half-pixel rendering in firefox
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
.wi-icon-rotate(@degrees) {
& when (mod(@degrees, 90) = 0) {
@rotation: @degrees / 90;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation);
}
-webkit-transform: rotate(~"@{degrees}deg");
-ms-transform: rotate(~"@{degrees}deg");
transform: rotate(~"@{degrees}deg");
}
.wi-icon-flip(@horiz, @vert, @rotation) {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation, mirror=1);
-webkit-transform: scale(@horiz, @vert);
-ms-transform: scale(@horiz, @vert);
transform: scale(@horiz, @vert);
}

@ -0,0 +1,47 @@
// rotated and flipped icons
// -------------------------
@rotations-requiring-ie-fix:
"flip-horizontal",
"flip-vertical";
@z: '';
// calculate classes and values for rotation
.calculateRotations(@i) when (@i >= 0) {
@z: ~"@{wi-css-prefix}-rotate-@{i}";
.@{z} when (mod(@i, @wi-rotate-by) = 0) {
.wi-icon-rotate(@i);
}
.calculateRotations((@i - 1));
}
.calculateRotations(359);
// flip icons horizontal/vertical
.@{wi-css-prefix}-flip-horizontal { .wi-icon-flip(-1, 1, 0); }
.@{wi-css-prefix}-flip-vertical { .wi-icon-flip(1, -1, 2); }
// ie 8-9 fix
// -------------------------
// todo: check on assigning an array of selectors to the selector instead of using
// this loop
:root {
.calculateIEFixes(@i) when (@i >= 0) {
// iterate
.calculateIEFixes((@i - 1));
@z: ~"@{wi-css-prefix}-rotate-@{i}";
.@{z} when (mod(@i, 90) = 0) {
filter: none;
}
}
.calculateIEFixes(359);
}

@ -0,0 +1,36 @@
// icon sizes
// --------------------------
// scale icon size by n
.createIconScales(@iterator: 1) when(@iterator <= length(@wi-icon-scales)) {
@wi-icon-scale-name: extract(extract(@wi-icon-scales, @iterator), 1);
@wi-icon-scale-name-unquoted: ~"@{wi-icon-scale-name}";
@wi-icon-scale: extract(extract(@wi-icon-scales, @iterator), 2);
.@{wi-css-prefix}-@{wi-icon-scale-name-unquoted} {
font-size: unit(@wi-icon-scale, em);
line-height: unit(@wi-icon-scale * 0.75, em);
vertical-align: -15%;
}
.createIconScales((@iterator + 1));
}
.createIconScales();
// multiply icon size by n
.createIconMultipliers(@iterator: 1) when(@iterator <= length(@wi-icon-multipliers)) {
@wi-icon-multiplier-name: extract(extract(@wi-icon-multipliers, @iterator), 1);
@wi-icon-multiplier-name-unquoted: ~"@{wi-icon-multiplier-name}";
@wi-icon-multiplier: extract(extract(@wi-icon-multipliers, @iterator), 2);
.@{wi-css-prefix}-@{wi-icon-multiplier-name-unquoted} {
font-size: unit(@wi-icon-multiplier, em);
}
.createIconMultipliers((@iterator + 1));
}
.createIconMultipliers();

@ -0,0 +1,210 @@
// variables
// --------------------------
@wi-font-path : "../fonts";
@wi-font-size-base: 14px;
@wi-css-prefix : wi;
@wi-rotate-by : 15;
@wi-version : "2.0.0";
// @wi-border-color: #eee;
// @wi-inverse: #fff;
// @wi-li-width: (30em / 14);
// icon sizes - these scale font size and line height
// key value pair, creates selectors like `.wi-lg`
@wi-icon-scales:
"default" 1.000,
"lg" 1.333,
"sm" 0.666,
"xl" 1.666,
"xs" 0.333;
// icon size multipliers - these scale font size
// key value pair, creates selectors like `.w-2x`
@wi-icon-multipliers:
"2x" 2,
"3x" 3,
"4x" 4,
"5x" 5;
// icon glyphs
// key value pair, creates selectors like `.wi-day-cloudy`
@wi-icon-glyphs:
"_reserved_" "\f049",
"alien" "\f075",
"celsius" "\f03c",
"cloud" "\f041",
"cloud-down" "\f03d",
"cloud-refresh" "\f03e",
"cloud-up" "\f040",
"cloudy" "\f013",
"cloudy-gusts" "\f011",
"cloudy-windy" "\f012",
"day-cloudy" "\f002",
"day-cloudy-gusts" "\f000",
"day-cloudy-windy" "\f001",
"day-fog" "\f003",
"day-hail" "\f004",
"day-haze" "\f0b6",
"day-lightning" "\f005",
"day-rain" "\f008",
"day-rain-mix" "\f006",
"day-rain-wind" "\f007",
"day-showers" "\f009",
"day-sleet" "\f0b2",
"day-sleet-storm" "\f068",
"day-snow" "\f00a",
"day-snow-thunderstorm" "\f06b",
"day-snow-wind" "\f065",
"day-sprinkle" "\f00b",
"day-storm-showers" "\f00e",
"day-sunny" "\f00d",
"day-sunny-overcast" "\f00c",
"day-thunderstorm" "\f010",
"day-windy" "\f085",
"degrees" "\f042",
"direction-down" "\f044",
"direction-down-left" "\f043",
"direction-down-right" "\f088",
"direction-left" "\f048",
"direction-right" "\f04d",
"direction-up" "\f058",
"direction-up-left" "\f087",
"direction-up-right" "\f057",
"dust" "\f063",
"fahrenheit" "\f045",
"fog" "\f014",
"hail" "\f015",
"horizon" "\f047",
"horizon-alt" "\f046",
"hot" "\f072",
"hurricane" "\f073",
"lightning" "\f016",
"lunar-eclipse" "\f070",
"meteor" "\f071",
"moon-3rd-quarter" "\f0aa",
"moon-first-quarter" "\f09c",
"moon-full" "\f0a3",
"moon-new" "\f095",
"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",
"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-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-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",
"night-alt-cloudy" "\f086",
"night-alt-cloudy-gusts" "\f022",
"night-alt-cloudy-windy" "\f023",
"night-alt-hail" "\f024",
"night-alt-lightning" "\f025",
"night-alt-rain" "\f028",
"night-alt-rain-mix" "\f026",
"night-alt-rain-wind" "\f027",
"night-alt-showers" "\f029",
"night-alt-sleet" "\f0b4",
"night-alt-sleet-storm" "\f06a",
"night-alt-snow" "\f02a",
"night-alt-snow-thunderstorm" "\f06d",
"night-alt-snow-wind" "\f067",
"night-alt-sprinkle" "\f02b",
"night-alt-storm-showers" "\f02c",
"night-alt-thunderstorm" "\f02d",
"night-clear" "\f02e",
"night-cloudy" "\f031",
"night-cloudy-gusts" "\f02f",
"night-cloudy-windy" "\f030",
"night-fog" "\f04a",
"night-hail" "\f032",
"night-lightning" "\f033",
"night-partly-cloudy" "\f083",
"night-rain" "\f036",
"night-rain-mix" "\f034",
"night-rain-wind" "\f035",
"night-showers" "\f037",
"night-sleet" "\f0b3",
"night-sleet-storm" "\f069",
"night-snow" "\f038",
"night-snow-thunderstorm" "\f06c",
"night-snow-wind" "\f066",
"night-sprinkle" "\f039",
"night-storm-showers" "\f03a",
"night-thunderstorm" "\f03b",
"rain" "\f019",
"rain-mix" "\f017",
"rain-wind" "\f018",
"refresh" "\f04c",
"refresh-alt" "\f04b",
"showers" "\f01a",
"sleet" "\f0b5",
"smog" "\f074",
"smoke" "\f062",
"snow" "\f01b",
"snow-wind" "\f064",
"snowflake-cold" "\f076",
"solar-eclipse" "\f06e",
"sprinkle" "\f01c",
"sprinkles" "\f04e",
"stars" "\f077",
"storm-showers" "\f01d",
"strong-wind" "\f050",
"sunrise" "\f051",
"sunset" "\f052",
"thermometer" "\f055",
"thermometer-exterior" "\f053",
"thermometer-internal" "\f054",
"thunderstorm" "\f01e",
"time-1" "\f08a",
"time-10" "\f093",
"time-11" "\f094",
"time-12" "\f089",
"time-2" "\f08b",
"time-3" "\f08c",
"time-4" "\f08d",
"time-5" "\f08e",
"time-6" "\f08f",
"time-7" "\f090",
"time-8" "\f091",
"time-9" "\f092",
"tornado" "\f056",
"umbrella" "\f084",
"wind-beaufort-0" "\f0b7",
"wind-beaufort-1" "\f0b8",
"wind-beaufort-2" "\f0b9",
"wind-beaufort-3" "\f0ba",
"wind-beaufort-4" "\f0bb",
"wind-beaufort-5" "\f0bc",
"wind-beaufort-6" "\f0bd",
"wind-beaufort-7" "\f0be",
"wind-beaufort-8" "\f0bf",
"wind-beaufort-9" "\f0c0",
"wind-beaufort-10" "\f0c1",
"wind-beaufort-11" "\f0c2",
"wind-beaufort-12" "\f0c3",
"wind-default" "\f0b1",
"wind-east" "\f061",
"wind-north" "\f060",
"wind-north-east" "\f05e",
"wind-north-west" "\f05d",
"wind-south" "\f05c",
"wind-south-east" "\f05b",
"wind-south-west" "\f05a",
"wind-west" "\f059",
"windy" "\f021";

@ -0,0 +1,41 @@
// icon definitions
// --------------------------
// note: this mapping functionality is currently not supported in LessCSS due to
// a known issue with selector interpolation
// http://lesscss.org/features/#extend-feature-selector-interpolation-with-extend
@forecast-io-mapping-namespace: forecast-io;
// create the icon definitions
@forecast-io-condition-code-mappings:
"clear-day" "day-sunny",
"clear-night" "night-clear",
"cloudy" "cloudy",
"fog" "fog",
"hail" "hail",
"partly-cloudy-day" "day-cloudy",
"partly-cloudy-night" "night-partly-cloudy",
"rain" "rain",
"sleet" "sleet",
"snow" "snow",
"thunderstorm" "thunderstorm",
"tornado" "tornado",
"wind" "windy";
// generate condition code mapping classes and @extend the matching class
// todo: extend() doesn't seem to function...
.createForecastIOMappings(@iterator: 1) when(@iterator <= length(@forecast-io-condition-code-mappings)) {
@forecast-io-condition-code: extract(extract(@forecast-io-condition-code-mappings, @iterator), 1);
@forecast-io-condition-code-mapping: extract(extract(@forecast-io-condition-code-mappings, @iterator), 2);
@forecast-io-condition-code-mapping-unquoted: ~"@{forecast-io-condition-code-mapping}";
.@{wi-css-prefix}-@{forecast-io-mapping-namespace}-@{forecast-io-condition-code}:before {
&:extend(.@{wi-css-prefix}-@{forecast-io-condition-code-mapping-unquoted}:before all);
}
.createForecastIOMappings((@iterator + 1));
}
.createForecastIOMappings();

@ -0,0 +1,101 @@
// icon definitions
// --------------------------
// note: this mapping functionality is currently not supported in LessCSS due to
// a known issue with selector interpolation
// http://lesscss.org/features/#extend-feature-selector-interpolation-with-extend
@owm-mapping-namespace: owm;
// create the icon definitions
@owm-condition-code-mappings:
200 "storm-showers",
201 "storm-showers",
202 "thunderstorm",
210 "storm-showers",
211 "storm-showers",
212 "thunderstorm",
221 "storm-showers",
230 "storm-showers",
231 "storm-showers",
232 "storm-showers",
300 "sprinkle",
301 "showers",
302 "showers",
310 "rain-mix",
311 "rain-mix",
312 "rain-mix",
313 "rain-mix",
314 "rain-mix",
321 "showers",
500 "showers",
501 "rain",
502 "rain",
503 "rain",
504 "rain",
511 "sleet",
520 "rain-mix",
521 "rain-mix",
522 "showers",
531 "showers",
600 "snow",
601 "snow",
602 "snow",
611 "sleet",
612 "sleet",
615 "rain-mix",
616 "rain-mix",
620 "rain-mix",
621 "rain-mix",
622 "rain-mix",
701 "sprinkles",
711 "smoke",
721 "day-haze",
731 "dust",
741 "fog",
751 "dust",
761 "dust",
762 "dust",
771 "strong-wind",
781 "tornado",
800 "day-sunny",
801 "day-cloudy",
802 "day-cloudy",
803 "day-cloudy",
804 "cloudy",
900 "tornado",
901 "hurricane",
902 "hurricane",
903 "snowflake-cold",
904 "hot",
905 "windy",
906 "hail",
951 "wind-beaufort-0",
952 "wind-beaufort-2",
953 "wind-beaufort-3",
954 "wind-beaufort-4",
955 "wind-beaufort-5",
956 "wind-beaufort-6",
957 "wind-beaufort-7",
958 "wind-beaufort-8",
959 "wind-beaufort-9",
960 "wind-beaufort-10",
961 "wind-beaufort-11",
962 "wind-beaufort-12";
// generate condition code mapping classes and @extend the matching class
// todo: extend() doesn't seem to function...
.createOWMMappings(@iterator: 1) when(@iterator <= length(@owm-condition-code-mappings)) {
@owm-condition-code: extract(extract(@owm-condition-code-mappings, @iterator), 1);
@owm-condition-code-mapping: extract(extract(@owm-condition-code-mappings, @iterator), 2);
@owm-condition-code-mapping-unquoted: ~"@{owm-condition-code-mapping}";
.@{wi-css-prefix}-@{owm-mapping-namespace}-@{owm-condition-code}:before {
&:extend(.@{wi-css-prefix}-@{owm-condition-code-mapping-unquoted}:before all);
}
.createOWMMappings((@iterator + 1));
}
.createOWMMappings();

@ -0,0 +1,78 @@
// icon definitions
// --------------------------
// note: this mapping functionality is currently not supported in LessCSS due to
// a known issue with selector interpolation
// http://lesscss.org/features/#extend-feature-selector-interpolation-with-extend
@yahoo-mapping-namespace: yahoo;
// create the icon definitions
// lifted from @aloncarmel: https://gist.github.com/aloncarmel/8575527
@yahoo-condition-code-mappings:
0 "tornado",
1 "hurricane",
2 "hurricane",
3 "thunderstorm",
4 "thunderstorm",
5 "snow",
6 "rain-mix",
7 "rain-mix",
8 "sprinkle",
9 "sprinkle",
10 "hail",
11 "showers",
12 "showers",
13 "snow",
14 "storm-showers",
15 "snow",
16 "snow",
17 "hail",
18 "hail",
19 "cloudy-gusts",
20 "fog",
21 "fog",
22 "fog",
23 "cloudy-gusts",
24 "cloudy-windy",
25 "thermometer",
26 "cloudy",
27 "night-cloudy",
28 "day-cloudy",
29 "night-cloudy",
30 "day-cloudy",
31 "night-clear",
32 "day-sunny",
33 "night-clear",
34 "day-sunny-overcast",
35 "hail",
36 "day-sunny",
37 "thunderstorm",
38 "thunderstorm",
39 "thunderstorm",
40 "storm-showers",
41 "snow",
42 "snow",
43 "snow",
44 "cloudy",
45 "lightning",
46 "snow",
47 "thunderstorm",
3200 "cloud";
// generate condition code mapping classes and @extend the matching class
// todo: extend() doesn't seem to function...
.createYahooMappings(@iterator: 1) when(@iterator <= length(@yahoo-condition-code-mappings)) {
@yahoo-condition-code: extract(extract(@yahoo-condition-code-mappings, @iterator), 1);
@yahoo-condition-code-mapping: extract(extract(@yahoo-condition-code-mappings, @iterator), 2);
@yahoo-condition-code-mapping-unquoted: ~"@{yahoo-condition-code-mapping}";
.@{wi-css-prefix}-@{yahoo-mapping-namespace}-@{yahoo-condition-code}:before {
&:extend(.@{wi-css-prefix}-@{yahoo-condition-code-mapping-unquoted}:before all);
}
.createYahooMappings((@iterator + 1));
}
.createYahooMappings();

@ -0,0 +1,48 @@
/**
* Weather Icons 2.0.0
* A weather themed icon font
* ---------------------------------------------------------------------------
* Maintained at http://erikflowers.github.io/weather-icons
*
* License
* ---------------------------------------------------------------------------
* - Fpmt licensed under SIL OFL 1.1 -
* http://scripts.sil.org/OFL
* - CSS, SASS 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 to Font Awesome
* "Font Awesome by Dave Gandy - http://fontawesome.io"
*
* Weather Icons Bootstrap Package Author - Erik Flowers
* ---------------------------------------------------------------------------
* Email: erik@helloerik.com
* Twitter: http://twitter.com/Erik_UX
*
* Weather Icons Contributor - Zak MacDonald
* ---------------------------------------------------------------------------
* Email: me@zakmac.com
*/
// the building blocks
@import "_variables.less";
@import "_mixins.less";
@import "_font.less";
@import "_core.less";
// @import "_functions.less";
@import "_icons.less";
// the sizzle
// @import "_animated.less";
// @import "_bordered-pulled.less";
@import "_fixed-width.less";
// @import "_list.less";
@import "_rotated-flipped.less";
@import "_sizes.less";
// @import "_stacked.less";
// mappings
@import "mappings/_forecast-io.less";
@import "mappings/_open-weather-map.less";
@import "mappings/_yahoo-weather.less";

@ -0,0 +1,19 @@
{
"name": "TEST",
"version": "0.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"devDependencies": {
"fs": "0.0.2",
"gulp": "^3.9.0",
"gulp-less": "^3.0.3",
"gulp-minify-css": "^1.2.0",
"gulp-rename": "^1.2.2",
"gulp-sass": "<1.7.5"
}
}

@ -0,0 +1,15 @@
// base class definition
// --------------------------
// lifted from FontAwesome
// https://github.com/FortAwesome/Font-Awesome/blob/6549e2920b0a27213b895200becc485ab01e9974/scss/core.scss
.#{$wi-css-prefix} {
display: inline-block;
font-size: inherit; // can't have font-size inherit on line above, so need to override
font: normal normal normal #{$wi-font-size-base}/1 WeatherIcons; // shortening font declaration
text-rendering: auto; // optimizelegibility throws things off #1094
transform: translate(0, 0); // ensures no half-pixel rendering in firefox
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}

@ -0,0 +1,10 @@
// fixed width icons
// --------------------------
// lifted from FontAwesome
// https://github.com/FortAwesome/Font-Awesome/blob/6549e2920b0a27213b895200becc485ab01e9974/less/fixed-width.less
.#{$wi-css-prefix}-fw {
text-align: center;
width: (18em / 14);
}

@ -0,0 +1,16 @@
// icon font
// --------------------------
// lifted from FontAwesome
// https://github.com/FortAwesome/Font-Awesome/blob/6549e2920b0a27213b895200becc485ab01e9974/scss/path.scss
@font-face {
font-family: 'WeatherIcons';
font-style: normal;
font-weight: normal;
src: url('#{$wi-font-path}/weathericons-webfont.eot?v=#{$wi-version}');
src: url('#{$wi-font-path}/weathericons-webfont.eot?#iefix&v=#{$wi-version}') format('embedded-opentype'),
url('#{$wi-font-path}/weathericons-webfont.woff?v=#{$wi-version}') format('woff'),
url('#{$wi-font-path}/weathericons-webfont.ttf?v=#{$wi-version}') format('truetype'),
url('#{$wi-font-path}/weathericons-webfont.svg?v=#{$wi-version}#weathericonregular') format('svg');
}

@ -0,0 +1,39 @@
// functions
// --------------------------
// extract the number from a unit
@function unitless($number) {
@return $number / ($number * 0 + 1);
}
// fudge a number to an accuracy of n <= 6 decimal places
@function fudge($number, $places: 0) {
$fraction: 10;
$number: unitless($number);
$return: null;
@if $places == 0 {
@return round($number);
} @else {
@if $places > 6 {
$places: 6;
}
// how sweet life could be with some simple trig... no loop necessary
// $fraction: (10 ^ $places);
// @return round($number * $fraction) / $fraction;
@for $i from 1 through $places {
$fraction: $fraction * 10;
}
@return round($number * $fraction) / $fraction;
}
}

@ -0,0 +1,11 @@
// icon definitions
// --------------------------
// create icon definitions
@each $wi-glyph-name, $wi-glyph-content in $wi-icon-glyphs {
.#{$wi-css-prefix}-#{$wi-glyph-name}:before {
content: $wi-glyph-content;
}
}

@ -0,0 +1,37 @@
// mixins
// -------------------------
// lifted from FontAwesome
// https://github.com/FortAwesome/Font-Awesome/blob/6549e2920b0a27213b895200becc485ab01e9974/scss/mixins.scss
@mixin wi-icon() {
display: inline-block;
font: normal normal normal #{$wi-font-size-base}/1 WeatherIcons; // shortening font declaration
font-size: inherit; // can't have font-size inherit on line above, so need to override
text-rendering: auto; // optimizelegibility throws things off #1094
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0); // ensures no half-pixel rendering in firefox
}
@mixin wi-icon-rotate($degrees) {
@if $degrees == 0 or $degrees % 90 == 0 {
$rotation: $degrees / 90;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
}
-webkit-transform: rotate(#{$degrees}deg);
-ms-transform: rotate(#{$degrees}deg);
transform: rotate(#{$degrees}deg);
}
@mixin wi-icon-flip($horiz, $vert, $rotation) {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
-webkit-transform: scale($horiz, $vert);
-ms-transform: scale($horiz, $vert);
transform: scale($horiz, $vert);
}

@ -0,0 +1,49 @@
// rotated and flipped icons
// -------------------------
$rotations-requiring-ie-fix: (
"flip-horizontal",
"flip-vertical"
);
$z: '';
// calculate classes and values for rotation
@for $i from 0 through 359 {
@if $i == 0 or $i % $wi-rotate-by == 0 {
$z: #{$wi-css-prefix}-rotate-#{$i};
.#{$z} {
@include wi-icon-rotate($i);
}
// check if this item needs
@if $i == 0 or $i % 90 == 0 {
$rotations-requiring-ie-fix: append($rotations-requiring-ie-fix, #{$z});
}
}
}
// flip icons horizontal/vertical
.#{$wi-css-prefix}-flip-horizontal { @include wi-icon-flip(-1, 1, 0); }
.#{$wi-css-prefix}-flip-vertical { @include wi-icon-flip(1, -1, 2); }
// ie 8-9 fix
// -------------------------
// todo: check on assigning an array of selectors to the selector instead of using
// this loop
:root {
@each $fix in $rotations-requiring-ie-fix {
.#{$fix} {
filter: none;
}
}
}

@ -0,0 +1,22 @@
// icon sizes
// --------------------------
// scale icon size by n
@each $wi-icon-scale-name, $wi-icon-scale in $wi-icon-scales {
.#{$wi-css-prefix}-#{$wi-icon-scale-name} {
font-size: #{$wi-icon-scale}em;
line-height: #{$wi-icon-scale * 0.75}em;
vertical-align: -15%;
}
}
// multiply icon size by n
@each $wi-icon-multiplier-name, $wi-icon-multiplier in $wi-icon-multipliers {
.#{$wi-css-prefix}-#{$wi-icon-multiplier-name} {
font-size: #{$wi-icon-multiplier}em;
}
}

@ -0,0 +1,213 @@
// variables
// --------------------------
$wi-font-path : "../fonts" !default;
$wi-font-size-base: 14px !default;
$wi-css-prefix : wi !default;
$wi-rotate-by : 15 !default;
$wi-version : "2.0.0" !default;
// $wi-border-color: #eee !default;
// $wi-inverse: #fff !default;
// $wi-li-width: (30em / 14) !default;
// icon sizes - these scale font size and line height
// key value pair, creates selectors like `.wi-lg`
$wi-icon-scales: (
"default": 1.000,
"lg" : 1.333,
"sm" : 0.666,
"xl" : 1.666,
"xs" : 0.333
) !default;
// icon size multipliers - these scale font size
// key value pair, creates selectors like `.w-2x`
$wi-icon-multipliers: (
"2x": 2.000,
"3x": 3.000,
"4x": 4.000,
"5x": 5.000
) !default;
// icon glyphs
// key value pair, creates selectors like `.wi-day-cloudy`
$wi-icon-glyphs: (
"_reserved_" : "\f049",
"alien" : "\f075",
"celsius" : "\f03c",
"cloud" : "\f041",
"cloud-down" : "\f03d",
"cloud-refresh" : "\f03e",
"cloud-up" : "\f040",
"cloudy" : "\f013",
"cloudy-gusts" : "\f011",
"cloudy-windy" : "\f012",
"day-cloudy" : "\f002",
"day-cloudy-gusts" : "\f000",
"day-cloudy-windy" : "\f001",
"day-fog" : "\f003",
"day-hail" : "\f004",
"day-haze" : "\f0b6",
"day-lightning" : "\f005",
"day-rain" : "\f008",
"day-rain-mix" : "\f006",
"day-rain-wind" : "\f007",
"day-showers" : "\f009",
"day-sleet" : "\f0b2",
"day-sleet-storm" : "\f068",
"day-snow" : "\f00a",
"day-snow-thunderstorm" : "\f06b",
"day-snow-wind" : "\f065",
"day-sprinkle" : "\f00b",
"day-storm-showers" : "\f00e",
"day-sunny" : "\f00d",
"day-sunny-overcast" : "\f00c",
"day-thunderstorm" : "\f010",
"day-windy" : "\f085",
"degrees" : "\f042",
"direction-down" : "\f044",
"direction-down-left" : "\f043",
"direction-down-right" : "\f088",
"direction-left" : "\f048",
"direction-right" : "\f04d",
"direction-up" : "\f058",
"direction-up-left" : "\f087",
"direction-up-right" : "\f057",
"dust" : "\f063",
"fahrenheit" : "\f045",
"fog" : "\f014",
"hail" : "\f015",
"horizon" : "\f047",
"horizon-alt" : "\f046",
"hot" : "\f072",
"hurricane" : "\f073",
"lightning" : "\f016",
"lunar-eclipse" : "\f070",
"meteor" : "\f071",
"moon-3rd-quarter" : "\f0aa",
"moon-first-quarter" : "\f09c",
"moon-full" : "\f0a3",
"moon-new" : "\f095",
"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",
"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-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-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",
"night-alt-cloudy" : "\f086",
"night-alt-cloudy-gusts" : "\f022",
"night-alt-cloudy-windy" : "\f023",
"night-alt-hail" : "\f024",
"night-alt-lightning" : "\f025",
"night-alt-rain" : "\f028",
"night-alt-rain-mix" : "\f026",
"night-alt-rain-wind" : "\f027",
"night-alt-showers" : "\f029",
"night-alt-sleet" : "\f0b4",
"night-alt-sleet-storm" : "\f06a",
"night-alt-snow" : "\f02a",
"night-alt-snow-thunderstorm": "\f06d",
"night-alt-snow-wind" : "\f067",
"night-alt-sprinkle" : "\f02b",
"night-alt-storm-showers" : "\f02c",
"night-alt-thunderstorm" : "\f02d",
"night-clear" : "\f02e",
"night-cloudy" : "\f031",
"night-cloudy-gusts" : "\f02f",
"night-cloudy-windy" : "\f030",
"night-fog" : "\f04a",
"night-hail" : "\f032",
"night-lightning" : "\f033",
"night-partly-cloudy" : "\f083",
"night-rain" : "\f036",
"night-rain-mix" : "\f034",
"night-rain-wind" : "\f035",
"night-showers" : "\f037",
"night-sleet" : "\f0b3",
"night-sleet-storm" : "\f069",
"night-snow" : "\f038",
"night-snow-thunderstorm" : "\f06c",
"night-snow-wind" : "\f066",
"night-sprinkle" : "\f039",
"night-storm-showers" : "\f03a",
"night-thunderstorm" : "\f03b",
"rain" : "\f019",
"rain-mix" : "\f017",
"rain-wind" : "\f018",
"refresh" : "\f04c",
"refresh-alt" : "\f04b",
"showers" : "\f01a",
"sleet" : "\f0b5",
"smog" : "\f074",
"smoke" : "\f062",
"snow" : "\f01b",
"snow-wind" : "\f064",
"snowflake-cold" : "\f076",
"solar-eclipse" : "\f06e",
"sprinkle" : "\f01c",
"sprinkles" : "\f04e",
"stars" : "\f077",
"storm-showers" : "\f01d",
"strong-wind" : "\f050",
"sunrise" : "\f051",
"sunset" : "\f052",
"thermometer" : "\f055",
"thermometer-exterior" : "\f053",
"thermometer-internal" : "\f054",
"thunderstorm" : "\f01e",
"time-1" : "\f08a",
"time-10" : "\f093",
"time-11" : "\f094",
"time-12" : "\f089",
"time-2" : "\f08b",
"time-3" : "\f08c",
"time-4" : "\f08d",
"time-5" : "\f08e",
"time-6" : "\f08f",
"time-7" : "\f090",
"time-8" : "\f091",
"time-9" : "\f092",
"tornado" : "\f056",
"umbrella" : "\f084",
"wind-beaufort-0" : "\f0b7",
"wind-beaufort-1" : "\f0b8",
"wind-beaufort-2" : "\f0b9",
"wind-beaufort-3" : "\f0ba",
"wind-beaufort-4" : "\f0bb",
"wind-beaufort-5" : "\f0bc",
"wind-beaufort-6" : "\f0bd",
"wind-beaufort-7" : "\f0be",
"wind-beaufort-8" : "\f0bf",
"wind-beaufort-9" : "\f0c0",
"wind-beaufort-10" : "\f0c1",
"wind-beaufort-11" : "\f0c2",
"wind-beaufort-12" : "\f0c3",
"wind-default" : "\f0b1",
"wind-east" : "\f061",
"wind-north" : "\f060",
"wind-north-east" : "\f05e",
"wind-north-west" : "\f05d",
"wind-south" : "\f05c",
"wind-south-east" : "\f05b",
"wind-south-west" : "\f05a",
"wind-west" : "\f059",
"windy" : "\f021"
) !default;

@ -0,0 +1,30 @@
// icon definitions
// --------------------------
$forecast-io-mapping-namespace: forecast-io;
// create the icon definitions
$forecast-io-condition-code-mappings: (
"clear-day" : "day-sunny",
"clear-night" : "night-clear",
"cloudy" : "cloudy",
"fog" : "fog",
"hail" : "hail",
"partly-cloudy-day" : "day-cloudy",
"partly-cloudy-night": "night-partly-cloudy",
"rain" : "rain",
"sleet" : "sleet",
"snow" : "snow",
"thunderstorm" : "thunderstorm",
"tornado" : "tornado",
"wind" : "windy"
);
// generate condition code mapping classes and @extend the matching class
@each $forecast-io-condition-code, $forecast-io-condition-code-mapping in $forecast-io-condition-code-mappings {
.#{$wi-css-prefix}-#{$forecast-io-mapping-namespace}-#{$forecast-io-condition-code}:before {
@extend .#{$wi-css-prefix}-#{$forecast-io-condition-code-mapping};
}
}

@ -0,0 +1,90 @@
// icon definitions
// --------------------------
$owm-mapping-namespace: owm;
// create the icon definitions
$owm-condition-code-mappings: (
200: "storm-showers",
201: "storm-showers",
202: "thunderstorm",
210: "storm-showers",
211: "storm-showers",
212: "thunderstorm",
221: "storm-showers",
230: "storm-showers",
231: "storm-showers",
232: "storm-showers",
300: "sprinkle",
301: "showers",
302: "showers",
310: "rain-mix",
311: "rain-mix",
312: "rain-mix",
313: "rain-mix",
314: "rain-mix",
321: "showers",
500: "showers",
501: "rain",
502: "rain",
503: "rain",
504: "rain",
511: "sleet",
520: "rain-mix",
521: "rain-mix",
522: "showers",
531: "showers",
600: "snow",
601: "snow",
602: "snow",
611: "sleet",
612: "sleet",
615: "rain-mix",
616: "rain-mix",
620: "rain-mix",
621: "rain-mix",
622: "rain-mix",
701: "sprinkles",
711: "smoke",
721: "day-haze",
731: "dust",
741: "fog",
751: "dust",
761: "dust",
762: "dust",
771: "strong-wind",
781: "tornado",
800: "day-sunny",
801: "day-cloudy",
802: "day-cloudy",
803: "day-cloudy",
804: "cloudy",
900: "tornado",
901: "hurricane",
902: "hurricane",
903: "snowflake-cold",
904: "hot",
905: "windy",
906: "hail",
951: "wind-beaufort-0",
952: "wind-beaufort-2",
953: "wind-beaufort-3",
954: "wind-beaufort-4",
955: "wind-beaufort-5",
956: "wind-beaufort-6",
957: "wind-beaufort-7",
958: "wind-beaufort-8",
959: "wind-beaufort-9",
960: "wind-beaufort-10",
961: "wind-beaufort-11",
962: "wind-beaufort-12"
);
// generate condition code mapping classes and @extend the matching class
@each $owm-condition-code, $owm-condition-code-mapping in $owm-condition-code-mappings {
.#{$wi-css-prefix}-#{$owm-mapping-namespace}-#{$owm-condition-code}:before {
@extend .#{$wi-css-prefix}-#{$owm-condition-code-mapping};
}
}

@ -0,0 +1,67 @@
// icon definitions
// --------------------------
$yahoo-mapping-namespace: yahoo;
// create the icon definitions
// lifted from @aloncarmel: https://gist.github.com/aloncarmel/8575527
$yahoo-condition-code-mappings: (
0 : "tornado",
1 : "hurricane",
2 : "hurricane",
3 : "thunderstorm",
4 : "thunderstorm",
5 : "snow",
6 : "rain-mix",
7 : "rain-mix",
8 : "sprinkle",
9 : "sprinkle",
10 : "hail",
11 : "showers",
12 : "showers",
13 : "snow",
14 : "storm-showers",
15 : "snow",
16 : "snow",
17 : "hail",
18 : "hail",
19 : "cloudy-gusts",
20 : "fog",
21 : "fog",
22 : "fog",
23 : "cloudy-gusts",
24 : "cloudy-windy",
25 : "thermometer",
26 : "cloudy",
27 : "night-cloudy",
28 : "day-cloudy",
29 : "night-cloudy",
30 : "day-cloudy",
31 : "night-clear",
32 : "day-sunny",
33 : "night-clear",
34 : "day-sunny-overcast",
35 : "hail",
36 : "day-sunny",
37 : "thunderstorm",
38 : "thunderstorm",
39 : "thunderstorm",
40 : "storm-showers",
41 : "snow",
42 : "snow",
43 : "snow",
44 : "cloudy",
45 : "lightning",
46 : "snow",
47 : "thunderstorm",
3200: "cloud"
);
// generate condition code mapping classes and @extend the matching class
@each $yahoo-condition-code, $yahoo-condition-code-mapping in $yahoo-condition-code-mappings {
.#{$wi-css-prefix}-#{$yahoo-mapping-namespace}-#{$yahoo-condition-code}:before {
@extend .#{$wi-css-prefix}-#{$yahoo-condition-code-mapping};
}
}

@ -0,0 +1,48 @@
/**
* Weather Icons 2.0.0
* A weather themed icon font
* ---------------------------------------------------------------------------
* Maintained at http://erikflowers.github.io/weather-icons
*
* License
* ---------------------------------------------------------------------------
* - Fpmt licensed under SIL OFL 1.1 -
* http://scripts.sil.org/OFL
* - CSS, SASS 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 to Font Awesome
* "Font Awesome by Dave Gandy - http://fontawesome.io"
*
* Weather Icons Bootstrap Package Author - Erik Flowers
* ---------------------------------------------------------------------------
* Email: erik@helloerik.com
* Twitter: http://twitter.com/Erik_UX
*
* Weather Icons Contributor - Zak MacDonald
* ---------------------------------------------------------------------------
* Email: me@zakmac.com
*/
// the building blocks
@import "variables";
@import "mixins";
@import "font";
@import "core";
@import "functions";
@import "icons";
// the sizzle
// @import "animated";
// @import "bordered-pulled";
// @import "fixed-width";
// @import "list";
@import "rotated-flipped";
@import "sizes";
// @import "stacked";
// mappings
@import "mappings/forecast-io";
@import "mappings/open-weather-map";
@import "mappings/yahoo-weather";

@ -1,6 +0,0 @@
# Weather Icons
*Version 1.3 - November 30th, 2014*
These are the Bootstrap ready Less files. Put the "weather-icons" folder inside your main Less folder and import it with the rest of your less imports.
**Remember** your CSS is going to look for the fonts in `./css`, a directory above.

@ -1,247 +0,0 @@
@font-face {
font-family: '@{weather-icons-font-family}';
src: url('@{weather-icons-path}/@{weather-icons-font-family}-regular-webfont.eot');
src: url('@{weather-icons-path}/@{weather-icons-font-family}-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('@{weather-icons-path}/@{weather-icons-font-family}-regular-webfont.woff') format('woff'),
url('@{weather-icons-path}/@{weather-icons-font-family}-regular-webfont.ttf') format('truetype'),
url('@{weather-icons-path}/@{weather-icons-font-family}-regular-webfont.svg#weathericons-regular-webfontRg') format('svg');
font-weight: normal;
font-style: normal;
}
.@{weather-icons-prefix} {
display: inline-block;
font-family: '@{weather-icons-font-family}';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
// Day
.@{weather-icons-prefix}-day-cloudy-gusts:before { content: @day-cloudy-gusts ; }
.@{weather-icons-prefix}-day-cloudy-windy:before { content: @day-cloudy-windy ; }
.@{weather-icons-prefix}-day-cloudy:before { content: @day-cloudy ; }
.@{weather-icons-prefix}-day-fog:before { content: @day-fog ; }
.@{weather-icons-prefix}-day-hail:before { content: @day-hail ; }
.@{weather-icons-prefix}-day-lightning:before { content: @day-lightning ; }
.@{weather-icons-prefix}-day-rain-mix:before { content: @day-rain-mix ; }
.@{weather-icons-prefix}-day-rain-wind:before { content: @day-rain-wind ; }
.@{weather-icons-prefix}-day-rain:before { content: @day-rain ; }
.@{weather-icons-prefix}-day-showers:before { content: @day-showers ; }
.@{weather-icons-prefix}-day-snow:before { content: @day-snow ; }
.@{weather-icons-prefix}-day-sprinkle:before { content: @day-sprinkle ; }
.@{weather-icons-prefix}-day-sunny-overcast:before { content: @day-sunny-overcast ; }
.@{weather-icons-prefix}-day-sunny:before { content: @day-sunny ; }
.@{weather-icons-prefix}-day-storm-showers:before { content: @day-storm-showers ; }
.@{weather-icons-prefix}-day-thunderstorm:before { content: @day-thunderstorm ; }
// Neutral-
.@{weather-icons-prefix}-cloudy-gusts:before { content: @cloudy-gusts ; }
.@{weather-icons-prefix}-cloudy-windy:before { content: @cloudy-windy ; }
.@{weather-icons-prefix}-cloudy:before { content: @cloudy ; }
.@{weather-icons-prefix}-fog:before { content: @fog ; }
.@{weather-icons-prefix}-hail:before { content: @hail ; }
.@{weather-icons-prefix}-lightning:before { content: @lightning ; }
.@{weather-icons-prefix}-rain-mix:before { content: @rain-mix ; }
.@{weather-icons-prefix}-rain-wind:before { content: @rain-wind ; }
.@{weather-icons-prefix}-rain:before { content: @rain ; }
.@{weather-icons-prefix}-showers:before { content: @showers ; }
.@{weather-icons-prefix}-snow:before { content: @snow ; }
.@{weather-icons-prefix}-sprinkle:before { content: @sprinkle ; }
.@{weather-icons-prefix}-storm-showers:before { content: @storm-showers ; }
.@{weather-icons-prefix}-thunderstorm:before { content: @thunderstorm ; }
.@{weather-icons-prefix}-windy:before { content: @windy ; }
// Night
.@{weather-icons-prefix}-night-alt-cloudy-gusts:before { content: @night-alt-cloudy-gusts ; }
.@{weather-icons-prefix}-night-alt-cloudy-windy:before { content: @night-alt-cloudy-windy ; }
.@{weather-icons-prefix}-night-alt-hail:before { content: @night-alt-hail ; }
.@{weather-icons-prefix}-night-alt-lightning:before { content: @night-alt-lightning ; }
.@{weather-icons-prefix}-night-alt-rain-mix:before { content: @night-alt-rain-mix ; }
.@{weather-icons-prefix}-night-alt-rain-wind:before { content: @night-alt-rain-wind ; }
.@{weather-icons-prefix}-night-alt-rain:before { content: @night-alt-rain ; }
.@{weather-icons-prefix}-night-alt-showers:before { content: @night-alt-showers ; }
.@{weather-icons-prefix}-night-alt-snow:before { content: @night-alt-snow ; }
.@{weather-icons-prefix}-night-alt-sprinkle:before { content: @night-alt-sprinkle ; }
.@{weather-icons-prefix}-night-alt-storm-showers:before { content: @night-alt-storm-showers ; }
.@{weather-icons-prefix}-night-alt-thunderstorm:before { content: @night-alt-thunderstorm ; }
.@{weather-icons-prefix}-night-clear:before { content: @night-clear ; }
.@{weather-icons-prefix}-night-cloudy-gusts:before { content: @night-cloudy-gusts ; }
.@{weather-icons-prefix}-night-cloudy-windy:before { content: @night-cloudy-windy ; }
.@{weather-icons-prefix}-night-cloudy:before { content: @night-cloudy ; }
.@{weather-icons-prefix}-night-hail:before { content: @night-hail ; }
.@{weather-icons-prefix}-night-lightning:before { content: @night-lightning ; }
.@{weather-icons-prefix}-night-rain-mix:before { content: @night-rain-mix ; }
.@{weather-icons-prefix}-night-rain-wind:before { content: @night-rain-wind ; }
.@{weather-icons-prefix}-night-rain:before { content: @night-rain ; }
.@{weather-icons-prefix}-night-showers:before { content: @night-showers ; }
.@{weather-icons-prefix}-night-snow:before { content: @night-snow ; }
.@{weather-icons-prefix}-night-sprinkle:before { content: @night-sprinkle ; }
.@{weather-icons-prefix}-night-storm-showers:before { content: @night-storm-showers ; }
.@{weather-icons-prefix}-night-thunderstorm:before { content: @night-thunderstorm ; }
// Misc
.@{weather-icons-prefix}-celsius:before { content: @celsius ; }
.@{weather-icons-prefix}-cloud-down:before { content: @cloud-down ; }
.@{weather-icons-prefix}-cloud-refresh:before { content: @cloud-refresh ; }
.@{weather-icons-prefix}-cloud-up:before { content: @cloud-up ; }
.@{weather-icons-prefix}-cloud:before { content: @cloud ; }
.@{weather-icons-prefix}-degrees:before { content: @degrees ; }
.@{weather-icons-prefix}-down-left:before { content: @down-left ; }
.@{weather-icons-prefix}-down:before { content: @down ; }
.@{weather-icons-prefix}-fahrenheit:before { content: @fahrenheit ; }
.@{weather-icons-prefix}-horizon-alt:before { content: @horizon-alt ; }
.@{weather-icons-prefix}-horizon:before { content: @horizon ; }
.@{weather-icons-prefix}-left:before { content: @left ; }
.@{weather-icons-prefix}-lightning:before { content: @lightning ; }
.@{weather-icons-prefix}-night-fog:before { content: @night-fog ; }
.@{weather-icons-prefix}-refresh-alt:before { content: @refresh-alt ; }
.@{weather-icons-prefix}-refresh:before { content: @refresh ; }
.@{weather-icons-prefix}-right:before { content: @right ; }
.@{weather-icons-prefix}-sprinkles:before { content: @sprinkles ; }
.@{weather-icons-prefix}-strong-wind:before { content: @strong-wind ; }
.@{weather-icons-prefix}-sunrise:before { content: @sunrise ; }
.@{weather-icons-prefix}-sunset:before { content: @sunset ; }
.@{weather-icons-prefix}-thermometer-exterior:before { content: @thermometer-exterior ; }
.@{weather-icons-prefix}-thermometer-internal:before { content: @thermometer-internal ; }
.@{weather-icons-prefix}-thermometer:before { content: @thermometer ; }
.@{weather-icons-prefix}-tornado:before { content: @tornado ; }
.@{weather-icons-prefix}-up-right:before { content: @up-right ; }
.@{weather-icons-prefix}-up:before { content: @up ; }
.@{weather-icons-prefix}-wind-west:before { content: @wind-west ; }
.@{weather-icons-prefix}-wind-south-west:before { content: @wind-south-west ; }
.@{weather-icons-prefix}-wind-south-east:before { content: @wind-south-east ; }
.@{weather-icons-prefix}-wind-south:before { content: @wind-south ; }
.@{weather-icons-prefix}-wind-north-west:before { content: @wind-north-west ; }
.@{weather-icons-prefix}-wind-north-east:before { content: @wind-north-east ; }
.@{weather-icons-prefix}-wind-north:before { content: @wind-north ; }
.@{weather-icons-prefix}-wind-east:before { content: @wind-east ; }
// New v1.1
.@{weather-icons-prefix}-smoke:before { content: @smoke ; }
.@{weather-icons-prefix}-dust:before { content: @dust ; }
.@{weather-icons-prefix}-snow-wind:before { content: @snow-wind ; }
.@{weather-icons-prefix}-day-snow-wind:before { content: @day-snow-wind ; }
.@{weather-icons-prefix}-night-snow-wind:before { content: @night-snow-wind ; }
.@{weather-icons-prefix}-night-alt-snow-wind:before { content: @night-alt-snow-wind ; }
.@{weather-icons-prefix}-day-sleet-storm:before { content: @day-sleet-storm ; }
.@{weather-icons-prefix}-night-sleet-storm:before { content: @night-sleet-storm ; }
.@{weather-icons-prefix}-night-alt-sleet-storm:before { content: @night-alt-sleet-storm ; }
.@{weather-icons-prefix}-day-snow-thunderstorm:before { content: @day-snow-thunderstorm ; }
.@{weather-icons-prefix}-night-snow-thunderstorm:before { content: @night-snow-thunderstorm ; }
.@{weather-icons-prefix}-night-alt-snow-thunderstorm:before { content: @night-alt-snow-thunderstorm ; }
.@{weather-icons-prefix}-solar-eclipse:before { content: @solar-eclipse ; }
.@{weather-icons-prefix}-lunar-eclipse:before { content: @lunar-eclipse ; }
.@{weather-icons-prefix}-meteor:before { content: @meteor ; }
.@{weather-icons-prefix}-hot:before { content: @hot ; }
.@{weather-icons-prefix}-hurricane:before { content: @hurricane ; }
.@{weather-icons-prefix}-smog:before { content: @smog ; }
.@{weather-icons-prefix}-alien:before { content: @alien ; }
.@{weather-icons-prefix}-snowflake-cold:before { content: @snowflake-cold ; }
.@{weather-icons-prefix}-stars:before { content: @stars ; }
.@{weather-icons-prefix}-night-partly-cloudy:before { content: @night-partly-cloudy ; }
// New 1.3
.@{weather-icons-prefix}-umbrella:before { content: @umbrella ; }
.@{weather-icons-prefix}-day-windy:before { content: @day-windy ; }
.@{weather-icons-prefix}-night-alt-cloudy:before { content: @night-alt-cloudy ; }
.@{weather-icons-prefix}-up-left:before { content: @up-left ; }
.@{weather-icons-prefix}-down-right:before { content: @down-right ; }
.@{weather-icons-prefix}-time-12:before { content: @time-12 ; }
.@{weather-icons-prefix}-time-1:before { content: @time-1 ; }
.@{weather-icons-prefix}-time-2:before { content: @time-2 ; }
.@{weather-icons-prefix}-time-3:before { content: @time-3 ; }
.@{weather-icons-prefix}-time-4:before { content: @time-4 ; }
.@{weather-icons-prefix}-time-5:before { content: @time-5 ; }
.@{weather-icons-prefix}-time-6:before { content: @time-6 ; }
.@{weather-icons-prefix}-time-7:before { content: @time-7 ; }
.@{weather-icons-prefix}-time-8:before { content: @time-8 ; }
.@{weather-icons-prefix}-time-9:before { content: @time-9 ; }
.@{weather-icons-prefix}-time-10:before { content: @time-10 ; }
.@{weather-icons-prefix}-time-11:before { content: @time-11 ; }
//
.@{weather-icons-prefix}-day-sleet:before { content: @day-sleet ; }
.@{weather-icons-prefix}-night-sleet:before { content: @night-sleet ; }
.@{weather-icons-prefix}-night-alt-sleet:before { content: @night-alt-sleet ; }
.@{weather-icons-prefix}-sleet:before { content: @sleet ; }
.@{weather-icons-prefix}-day-haze:before { content: @day-haze ; }
.@{weather-icons-prefix}-beafort-0:before { content: @beafort-0 ; }
.@{weather-icons-prefix}-beafort-1:before { content: @beafort-1 ; }
.@{weather-icons-prefix}-beafort-2:before { content: @beafort-2 ; }
.@{weather-icons-prefix}-beafort-3:before { content: @beafort-3 ; }
.@{weather-icons-prefix}-beafort-4:before { content: @beafort-4 ; }
.@{weather-icons-prefix}-beafort-5:before { content: @beafort-5 ; }
.@{weather-icons-prefix}-beafort-6:before { content: @beafort-6 ; }
.@{weather-icons-prefix}-beafort-7:before { content: @beafort-7 ; }
.@{weather-icons-prefix}-beafort-8:before { content: @beafort-8 ; }
.@{weather-icons-prefix}-beafort-9:before { content: @beafort-9 ; }
.@{weather-icons-prefix}-beafort-10:before { content: @beafort-10 ; }
.@{weather-icons-prefix}-beafort-11:before { content: @beafort-11 ; }
.@{weather-icons-prefix}-beafort-12:before { content: @beafort-12 ; }
// Wind Variables 1.3
.@{weather-icons-prefix}-wind-default:before { content: @wind-default ; }
.wind-rotate(@degrees) {
-webkit-transform: rotate(@degrees);
-moz-transform: rotate(@degrees);
-ms-transform: rotate(@degrees);
-o-transform: rotate(@degrees);
transform: rotate(@degrees);
}
.@{weather-icons-prefix}-wind-default {
&._0-deg {.wind-rotate(0deg); }
&._15-deg {.wind-rotate(15deg); }
&._30-deg {.wind-rotate(30deg); }
&._45-deg {.wind-rotate(45deg); }
&._60-deg {.wind-rotate(60deg); }
&._75-deg {.wind-rotate(75deg); }
&._90-deg {.wind-rotate(90deg); }
&._105-deg {.wind-rotate(105deg); }
&._120-deg {.wind-rotate(120deg); }
&._135-deg {.wind-rotate(135deg); }
&._150-deg {.wind-rotate(150deg); }
&._165-deg {.wind-rotate(165deg); }
&._180-deg {.wind-rotate(180deg); }
&._195-deg {.wind-rotate(195deg); }
&._210-deg {.wind-rotate(210deg); }
&._225-deg {.wind-rotate(225deg); }
&._240-deg {.wind-rotate(240deg); }
&._255-deg {.wind-rotate(255deg); }
&._270-deg {.wind-rotate(270deg); }
&._285-deg {.wind-rotate(295deg); }
&._300-deg {.wind-rotate(300deg); }
&._315-deg {.wind-rotate(315deg); }
&._330-deg {.wind-rotate(330deg); }
&._345-deg {.wind-rotate(345deg); }
}
// Moon phases, v1.3
.@{weather-icons-prefix}-moon-new:before { content: @moon-new ; }
.@{weather-icons-prefix}-moon-waxing-cresent-1:before { content: @moon-waxing-cresent-1 ; }
.@{weather-icons-prefix}-moon-waxing-cresent-2:before { content: @moon-waxing-cresent-2 ; }
.@{weather-icons-prefix}-moon-waxing-cresent-3:before { content: @moon-waxing-cresent-3 ; }
.@{weather-icons-prefix}-moon-waxing-cresent-4:before { content: @moon-waxing-cresent-4 ; }
.@{weather-icons-prefix}-moon-waxing-cresent-5:before { content: @moon-waxing-cresent-5 ; }
.@{weather-icons-prefix}-moon-waxing-cresent-6:before { content: @moon-waxing-cresent-6 ; }
.@{weather-icons-prefix}-moon-first-quarter:before { content: @moon-first-quarter ; }
.@{weather-icons-prefix}-moon-waxing-gibbous-1:before { content: @moon-waxing-gibbous-1 ; }
.@{weather-icons-prefix}-moon-waxing-gibbous-2:before { content: @moon-waxing-gibbous-2 ; }
.@{weather-icons-prefix}-moon-waxing-gibbous-3:before { content: @moon-waxing-gibbous-3 ; }
.@{weather-icons-prefix}-moon-waxing-gibbous-4:before { content: @moon-waxing-gibbous-4 ; }
.@{weather-icons-prefix}-moon-waxing-gibbous-5:before { content: @moon-waxing-gibbous-5 ; }
.@{weather-icons-prefix}-moon-waxing-gibbous-6:before { content: @moon-waxing-gibbous-6 ; }
.@{weather-icons-prefix}-moon-full:before { content: @moon-full ; }
.@{weather-icons-prefix}-moon-waning-gibbous-1:before { content: @moon-waning-gibbous-1 ; }
.@{weather-icons-prefix}-moon-waning-gibbous-2:before { content: @moon-waning-gibbous-2 ; }
.@{weather-icons-prefix}-moon-waning-gibbous-3:before { content: @moon-waning-gibbous-3 ; }
.@{weather-icons-prefix}-moon-waning-gibbous-4:before { content: @moon-waning-gibbous-4 ; }
.@{weather-icons-prefix}-moon-waning-gibbous-5:before { content: @moon-waning-gibbous-5 ; }
.@{weather-icons-prefix}-moon-waning-gibbous-6:before { content: @moon-waning-gibbous-6 ; }
.@{weather-icons-prefix}-moon-3rd-quarter:before { content: @moon-3rd-quarter ; }
.@{weather-icons-prefix}-moon-waning-crescent-1:before { content: @moon-waning-crescent-1 ; }
.@{weather-icons-prefix}-moon-waning-crescent-2:before { content: @moon-waning-crescent-2 ; }
.@{weather-icons-prefix}-moon-waning-crescent-3:before { content: @moon-waning-crescent-3 ; }
.@{weather-icons-prefix}-moon-waning-crescent-4:before { content: @moon-waning-crescent-4 ; }
.@{weather-icons-prefix}-moon-waning-crescent-5:before { content: @moon-waning-crescent-5 ; }
.@{weather-icons-prefix}-moon-waning-crescent-6:before { content: @moon-waning-crescent-6 ; }

@ -1,208 +0,0 @@
// Base Variables
@weather-icons-path: "../font";
@WeatherIconVersion: "1.3.0";
@weather-icons-prefix: wi;
@weather-icons-font-family: weathericons;
// Glyph Names
@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";
// New v1.2
@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";
// Moon Phases
//@old-moon-full: "\f078";
//@old-moon-waxing-gibbous: "\f079";
//@old-moon-waxing-quarter: "\f07a";
//@old-moon-waxing-crescent: "\f07b";
//@old-moon-young: "\f07c";
//@old-moon-new: "\f07d";
//@old-moon-old: "\f07e";
//@old-moon-waning-crescent: "\f080";
//@old-moon-waning-quarter: "\f081";
//@old-moon-waning-gibbous: "\f082";
// More new v1.2
@night-partly-cloudy: "\f083";
// New 1.3 11-30-14
@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 Phases
@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";

@ -1,36 +0,0 @@
/*!
* 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 "variables.less";
@import "icon-classes.less";
// Include anything you need to make the Weather Icons styled here //

@ -1,36 +0,0 @@
/*!
* 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 "variables.less";
@import "icon-classes.less";
// Include anything you need to make the Weather Icons styled here //
Loading…
Cancel
Save