Font-Awesome/less/icons.less
Macdonald, Zak 4e952325ec Less refactor, changes outlined below:
**functions.less**
- added convenience functions
  - `fudge` fudge a number from 0-6 decimal places
  - `unitless` simple hack to parse a number from a unit

**icons.less**
- removed explicit definitions in favor of a loop iterating `@fa-var-glyphs`

**mixins.less**
- removed requirement to pass `@rotation` to `@fa-icon-rotate`, it is now calculated
  - calculation required since `@fa-rotation-increment` is configurable, meaning not every rotation may adhere to 90 degree increments requiring @rotation

**rotated-flipped.less**
- rotations are now calculated by a loop iterating `@fa-rotation-increment`
- the ie fix is now calculated using a loop iterating only the rotation selectors requiring intervention
  - this is required now that `@fa-rotation-increment` eists

**sizes.less**
- sizes are now calculated by a loop iterating `@fa-var-scales`
  - this new method supports the existing `.fa-lg` selector, as well as introducing: `.fa-xsm` (33%), `.fa-sm` (66%x), `.fa-default` (100%), `.fa-xlg` (166%)
- multipliers are now calculated by a loop iterating `@fa-var-multipliers`
  - this new method supports all existing multipliers (`.fa-2x`, `.fa-3x`, `.fa-4x`, `.fa-5x`)

**variables.less**
- added variables:
  - deprecated explicit icon variables in favor of an array value (`@fa-var-glyphs`)
  - `@fa-rotation-increment`
  - `@fa-var-scales`
  - `@fa-var-multipliers`

**font-awesome.less**
- added `functions.less`

**misc.**
- minor code cleanup
2015-06-28 18:43:06 -07:00

13 lines
520 B
Plaintext

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.createIconClasses(@iterator: 1) when(@iterator <= length(@fa-icon-glyphs)) {
@fa-glyph-name: extract(extract(@fa-icon-glyphs, @iterator), 1);
@fa-glyph-name-unquoted: ~"@{fa-glyph-name}";
.@{fa-css-prefix}-@{fa-glyph-name-unquoted}:before {
content: extract(extract(@fa-icon-glyphs, @iterator), 2);
}
.createIconClasses((@iterator + 1));
}
.createIconClasses();