@ -383,110 +383,110 @@
< div class = "row" >
< div class = "col-sm-12" >
< h3 > Wind Directions - 0 degrees through 345 degrees< / h3 >
< p > Wind direction icons use CSS3 tranform to rotate. Choose your interpretation; point to the wind source, or point in the wind direction. Example: pointing to an east wind would be wi-wind-default._90-deg, but pointing in the direction of an east wind would be wi-wind-default. _270deg. This should give everyone the felxibility they need without having alias names or 24 separate glyphs.< / p >
< p > Wind direction icons use CSS3 tranform to rotate. Choose your interpretation; point to the wind source, or point in the wind direction. Example: pointing to an east wind would be wi-wind-default _90-deg, but pointing in the direction of an east wind would be wi-wind-default _270deg. This should give everyone the felxibility they need without having alias names or 24 separate glyphs.< / p >
< / div >
< / div >
< div class = "row" >
< div class = "col-sm-4" >
< div class = "example" >
< div class = "icon" > < i class = "wi wi-wind-default _0-deg" > < / i > < / div >
< div class = "class" > wi-wind-default. _0-deg< / div >
< div class = "class" > wi-wind-default _0-deg< / div >
< / div >
< div class = "example" >
< div class = "icon" > < i class = "wi wi-wind-default _15-deg" > < / i > < / div >
< div class = "class" > wi-wind-default. _15-deg< / div >
< div class = "class" > wi-wind-default _15-deg< / div >
< / div >
< div class = "example" >
< div class = "icon" > < i class = "wi wi-wind-default _30-deg" > < / i > < / div >
< div class = "class" > wi-wind-default. _30-deg< / div >
< div class = "class" > wi-wind-default _30-deg< / div >
< / div >
< div class = "example" >
< div class = "icon" > < i class = "wi wi-wind-default _45-deg" > < / i > < / div >
< div class = "class" > wi-wind-default. _45-deg< / div >
< div class = "class" > wi-wind-default _45-deg< / div >
< / div >
< div class = "example" >
< div class = "icon" > < i class = "wi wi-wind-default _60-deg" > < / i > < / div >
< div class = "class" > wi-wind-default. _60-deg< / div >
< div class = "class" > wi-wind-default _60-deg< / div >
< / div >
< div class = "example" >
< div class = "icon" > < i class = "wi wi-wind-default _75-deg" > < / i > < / div >
< div class = "class" > wi-wind-default. _75-deg< / div >
< div class = "class" > wi-wind-default _75-deg< / div >
< / div >
< div class = "example" >
< div class = "icon" > < i class = "wi wi-wind-default _90-deg" > < / i > < / div >
< div class = "class" > wi-wind-default. _90-deg< / div >
< div class = "class" > wi-wind-default _90-deg< / div >
< / div >
< div class = "example" >
< div class = "icon" > < i class = "wi wi-wind-default _105-deg" > < / i > < / div >
< div class = "class" > wi-wind-default. _105-deg< / div >
< div class = "class" > wi-wind-default _105-deg< / div >
< / div >
< / div >
< div class = "col-sm-4" >
< div class = "example" >
< div class = "icon" > < i class = "wi wi-wind-default _120-deg" > < / i > < / div >
< div class = "class" > wi-wind-default. _120-deg< / div >
< div class = "class" > wi-wind-default _120-deg< / div >
< / div >
< div class = "example" >
< div class = "icon" > < i class = "wi wi-wind-default _135-deg" > < / i > < / div >
< div class = "class" > wi-wind-default. _135-deg< / div >
< div class = "class" > wi-wind-default _135-deg< / div >
< / div >
< div class = "example" >
< div class = "icon" > < i class = "wi wi-wind-default _150-deg" > < / i > < / div >
< div class = "class" > wi-wind-default. _150-deg< / div >
< div class = "class" > wi-wind-default _150-deg< / div >
< / div >
< div class = "example" >
< div class = "icon" > < i class = "wi wi-wind-default _165-deg" > < / i > < / div >
< div class = "class" > wi-wind-default. _165-deg< / div >
< div class = "class" > wi-wind-default _165-deg< / div >
< / div >
< div class = "example" >
< div class = "icon" > < i class = "wi wi-wind-default _180-deg" > < / i > < / div >
< div class = "class" > wi-wind-default. _180-deg< / div >
< div class = "class" > wi-wind-default _180-deg< / div >
< / div >
< div class = "example" >
< div class = "icon" > < i class = "wi wi-wind-default _195-deg" > < / i > < / div >
< div class = "class" > wi-wind-default. _195-deg< / div >
< div class = "class" > wi-wind-default _195-deg< / div >
< / div >
< div class = "example" >
< div class = "icon" > < i class = "wi wi-wind-default _210-deg" > < / i > < / div >
< div class = "class" > wi-wind-default. _210-deg< / div >
< div class = "class" > wi-wind-default _210-deg< / div >
< / div >
< div class = "example" >
< div class = "icon" > < i class = "wi wi-wind-default _225-deg" > < / i > < / div >
< div class = "class" > wi-wind-default. _225-deg< / div >
< div class = "class" > wi-wind-default _225-deg< / div >
< / div >
< / div >
< div class = "col-sm-4" >
< div class = "example" >
< div class = "icon" > < i class = "wi wi-wind-default _240-deg" > < / i > < / div >
< div class = "class" > wi-wind-default. _240-deg< / div >
< div class = "class" > wi-wind-default _240-deg< / div >
< / div >
< div class = "example" >
< div class = "icon" > < i class = "wi wi-wind-default _255-deg" > < / i > < / div >
< div class = "class" > wi-wind-default. _255-deg< / div >
< div class = "class" > wi-wind-default _255-deg< / div >
< / div >
< div class = "example" >
< div class = "icon" > < i class = "wi wi-wind-default _270-deg" > < / i > < / div >
< div class = "class" > wi-wind-default. _270-deg< / div >
< div class = "class" > wi-wind-default _270-deg< / div >
< / div >
< div class = "example" >
< div class = "icon" > < i class = "wi wi-wind-default _285-deg" > < / i > < / div >
< div class = "class" > wi-wind-default. _285-deg< / div >
< div class = "class" > wi-wind-default _285-deg< / div >
< / div >
< div class = "example" >
< div class = "icon" > < i class = "wi wi-wind-default _300-deg" > < / i > < / div >
< div class = "class" > wi-wind-default. _300-deg< / div >
< div class = "class" > wi-wind-default _300-deg< / div >
< / div >
< div class = "example" >
< div class = "icon" > < i class = "wi wi-wind-default _315-deg" > < / i > < / div >
< div class = "class" > wi-wind-default. _315-deg< / div >
< div class = "class" > wi-wind-default _315-deg< / div >
< / div >
< div class = "example" >
< div class = "icon" > < i class = "wi wi-wind-default _330-deg" > < / i > < / div >
< div class = "class" > wi-wind-default. _330-deg< / div >
< div class = "class" > wi-wind-default _330-deg< / div >
< / div >
< div class = "example" >
< div class = "icon" > < i class = "wi wi-wind-default _345-deg" > < / i > < / div >
< div class = "class" > wi-wind-default. _345-deg< / div >
< div class = "class" > wi-wind-default _345-deg< / div >
< / div >
< / div >
< / div >
Erik R. Flowers
10 years ago