erikflowers / weather-icons

215 Weather Themed Icons and CSS
https://github.com/erikflowers/weather-icons
6.93k stars 854 forks source link

Add support for Weather codes #24

Closed adampatterson closed 9 years ago

adampatterson commented 10 years ago

To use these icons with a weather API like Yahoo you need to call them by a weather code. https://developer.yahoo.com/weather/#codes

It would be great to have this as part of the less.

erikflowers commented 10 years ago

I've had this on my mind from the start, I just need a good way to put it in the Less and make it easily callable through the output CSS. I am not sure exactly how to do that. I am assuming I'd wrap the existing classes in new classes named for what Yahoo uses, and include those in the CSS as a sidecar.

.yahoo-34 { .wi-cloudy; }

Like that?

DaAwesomeP commented 10 years ago

See my post here: https://github.com/erikflowers/weather-icons/issues/7#issuecomment-42366341 I outlined how to do it in CSS, SCSS, and LESS.

I prefer SCSS as it is most compatible with other things (like ZURB Foundation and SASS) and is the least like learning an entirely new programming language (it is the most similar to CSS). SCSS/SASS is also very easily combined with Grunt and Grunt Watch, so auto-compiling while developing is not a problem.

erikflowers commented 10 years ago

This will go on the next update list.

erikflowers commented 9 years ago

added for 2.0 due this week