Added condition code mappings to compiled CSS, switched CSS compilation to use the SASS code base, readme/changelog cleanup.

pull/82/head
Macdonald, Zak 9 years ago
parent 51e6ab8e03
commit 85f4938cd0

@ -3,9 +3,9 @@
* SASS code base!
* **Updates**
* New taxonomy has been adopted which more closely matches FontAwesome
* Less code base
* LessCSS code base
* Moved and renamed to match new taxonomy
* Feature parity between the Less and SASS code bases
* 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`
@ -21,6 +21,9 @@
* `.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**

@ -18,9 +18,9 @@ At this time, there are no other effects/mixins to do advanced icon manipulation
**[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 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 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

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

@ -1,6 +1,10 @@
// 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

@ -1,6 +1,10 @@
// 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

@ -1,6 +1,10 @@
// 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

@ -5,7 +5,6 @@ $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",

Loading…
Cancel
Save