Mirrors
/
erikflowers_weather-icons
mirror of https://github.com/erikflowers/weather-icons.git
2
0
Fork 0
Code Issues Releases Wiki Activity

Add forecast.io

Browse Source
pull/53/head
Christoph Kisfeld 9 years ago
parent bfcedb0dc0
commit 83fa7fc1cd
6 changed files with 101 additions and 1 deletions
Show Stats Download Patch File Download Diff File

39
css/weather-icons.css
Unescape Escape View File

@ -1130,3 +1130,42 @@
.wi-yahoo-3200:before {
content: "\f077";
}
.wi-forecastio-clear-day:before {
content: "\f00d";
}
.wi-forecastio-clear-night:before {
content: "\f02e";
}
.wi-forecastio-rain:before {
content: "\f019";
}
.wi-forecastio-snow:before {
content: "\f01b";
}
.wi-forecastio-sleet:before {
content: "\f0b5";
}
.wi-forecastio-wind:before {
content: "\f050";
}
.wi-forecastio-fog:before {
content: "\f014";
}
.wi-forecastio-cloudy:before {
content: "\f013";
}
.wi-forecastio-partly-cloudy-day:before {
content: "\f002";
}
.wi-forecastio-partly-cloudy-night:before {
content: "\f031";
}
.wi-forecastio-hail:before {
content: "\f015";
}
.wi-forecastio-thunderstorm:before {
content: "\f01e";
}
.wi-forecastio-tornado:before {
content: "\f056";
}

2
css/weather-icons.min.css vendored
View File

File diff suppressed because one or more lines are too long

39
list-forecastio.html
Unescape Escape View File

@ -0,0 +1,39 @@
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" href="css/weather-icons.css">
<style type="text/css">
html {font-family: sans-serif;}
table { border-collapse: collapse; }
tr { border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
td {padding: 5px;}
td:nth-child(2) { font-family: monospace;}
td:nth-child(3) { text-align: center;}
.wi {font-size:2em;}
</style>
</head>
<body>
<table>
<tr>
<th>Icon</th>
<th>wi- Alias</th>
<th><small>Forecast.io<br>Code</small></th>
<th>Forecast.io Description</th>
</tr>
<tr><td><i class="wi wi-forecastio-clear-day"></i></td><td>@day-sunny</td><td>clear-day</td><td>clear-day</td></tr>
<tr><td><i class="wi wi-forecastio-clear-night"></i></td><td>@night-clear</td><td>clear-night</td><td>clear-night</td></tr>
<tr><td><i class="wi wi-forecastio-rain"></i></td><td>@rain</td><td>rain</td><td>rain</td></tr>
<tr><td><i class="wi wi-forecastio-snow"></i></td><td>@snow</td><td>snow</td><td>snow</td></tr>
<tr><td><i class="wi wi-forecastio-sleet"></i></td><td>@sleet</td><td>sleet</td><td>sleet</td></tr>
<tr><td><i class="wi wi-forecastio-wind"></i></td><td>@wind</td><td>wind</td><td>wind</td></tr>
<tr><td><i class="wi wi-forecastio-fog"></i></td><td>@fog</td><td>fog</td><td>fog</td></tr>
<tr><td><i class="wi wi-forecastio-cloudy"></i></td><td>@cloudy</td><td>cloudy</td><td>cloudy</td></tr>
<tr><td><i class="wi wi-forecastio-partly-cloudy-day"></i></td><td>@day-cloudy</td><td>partly-cloudy-day</td><td>partly-cloudy-day</td></tr>
<tr><td><i class="wi wi-forecastio-partly-cloudy-night"></i></td><td>@night-cloudy</td><td>partly-cloudy-night</td><td>partly-cloudy-night</td></tr>
<tr><td><i class="wi wi-forecastio-hail"></i></td><td>@hail</td><td>hail</td><td>hail</td></tr>
<tr><td><i class="wi wi-forecastio-thunderstorm"></i></td><td>@thunderstorm</td><td>thunderstorm</td><td>thunderstorm</td></tr>
<tr><td><i class="wi wi-forecastio-tornado"></i></td><td>@tornado</td><td>tornado</td><td>tornado</td></tr>
</table>
</body>
</html>

20
weather-icons/icon-classes-forecastio.less
Unescape Escape View File

@ -0,0 +1,20 @@
// Codes according to Forecast.io
// Reference:
// Forecast.io API v2 documentation
// https://developer.forecast.io/docs/v2
.@{weather-icons-prefix}-forecastio-clear-day:before { content: @day-sunny ; }
.@{weather-icons-prefix}-forecastio-clear-night:before { content: @night-clear ; }
.@{weather-icons-prefix}-forecastio-rain:before { content: @rain ; }
.@{weather-icons-prefix}-forecastio-snow:before { content: @snow ; }
.@{weather-icons-prefix}-forecastio-sleet:before { content: @sleet ; }
.@{weather-icons-prefix}-forecastio-wind:before { content: @strong-wind ; }
.@{weather-icons-prefix}-forecastio-fog:before { content: @fog ; }
.@{weather-icons-prefix}-forecastio-cloudy:before { content: @cloudy ; }
.@{weather-icons-prefix}-forecastio-partly-cloudy-day:before { content: @day-cloudy ; }
.@{weather-icons-prefix}-forecastio-partly-cloudy-night:before { content: @night-cloudy ; }
.@{weather-icons-prefix}-forecastio-hail:before { content: @hail ; }
.@{weather-icons-prefix}-forecastio-thunderstorm:before { content: @thunderstorm ; }
.@{weather-icons-prefix}-forecastio-tornado:before { content: @tornado ; }

1
weather-icons/weather-icons.less
Unescape Escape View File

@ -30,6 +30,7 @@
@import "icon-classes.less";
@import "icon-classes-wmo4680.less";
@import "icon-classes-yahoo.less";
@import "icon-classes-forecastio.less";
// Include anything you need to make the Weather Icons styled here //

1
weather-icons/weather-icons.min.less
Unescape Escape View File

@ -30,6 +30,7 @@
@import "icon-classes.less";
@import "icon-classes-wmo4680.less";
@import "icon-classes-yahoo.less";
@import "icon-classes-forecastio.less";
// Include anything you need to make the Weather Icons styled here //

Write Preview
Loading…
Cancel
Save