FlandreScarle7/Font-Awesome
1
0
Fork 0
mirror of https://github.com/FortAwesome/Font-Awesome.git synced 2025-01-15 17:50:28 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Committing SASS and Less sources compiled by the build process.

Browse Source
This commit is contained in:
Macdonald, Zak 2015-06-28 20:33:26 -07:00
parent ba67d21cba
commit 7c5420119c
29 changed files with 2301 additions and 2092 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
README.md
View File

@ -20,7 +20,6 @@ Get started at http://fontawesome.io!
- Full details: http://fontawesome.io/license
##Changelog
- v4.4.0 - SASS/LessCSS refactoring
- v3.0.0 - all icons redesigned from scratch, optimized for Bootstrap's 14px default
- v3.0.1 - much improved rendering in webkit, various bug fixes
- v3.0.2 - much improved rendering and alignment in IE7

3004
css/font-awesome.css vendored
View File

File diff suppressed because it is too large Load Diff

4
css/font-awesome.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
less/animated.less
View File

@ -1,4 +1,4 @@
// Animated Icons
// animated icons
// --------------------------
.@{fa-css-prefix}-spin {

2
less/bordered-pulled.less
View File

@ -1,4 +1,4 @@
// Bordered & Pulled
// bordered and pulled
// -------------------------
.@{fa-css-prefix}-border {

3
less/core.less
View File

@ -1,4 +1,4 @@
// Base Class Definition
// base class definition
// -------------------------
.@{fa-css-prefix} {
@ -9,4 +9,5 @@
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0); // ensures no half-pixel rendering in firefox
}

2
less/fixed-width.less
View File

@ -1,4 +1,4 @@
// Fixed Width Icons
// fixed width icons
// -------------------------
.@{fa-css-prefix}-fw {

3
less/list.less
View File

@ -1,4 +1,4 @@
// List Icons
// list icons
// -------------------------
.@{fa-css-prefix}-ul {
@ -7,7 +7,6 @@
list-style-type: none;
> li { position: relative; }
}
.@{fa-css-prefix}-li {
position: absolute;
left: -@fa-li-width;

3
less/mixins.less
View File

@ -1,4 +1,4 @@
// Mixins
// mixins
// --------------------------
.fa-icon() {
@ -9,6 +9,7 @@
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0); // ensures no half-pixel rendering in firefox
}
.fa-icon-rotate(@degrees) {

8
less/path.less
View File

@ -1,8 +1,10 @@
/* FONT PATH
* -------------------------- */
// font path
// --------------------------
@font-face {
font-family: 'FontAwesome';
font-style: normal;
font-weight: normal;
src: url('@{fa-font-path}/fontawesome-webfont.eot?v=@{fa-version}');
src: url('@{fa-font-path}/fontawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype'),
url('@{fa-font-path}/fontawesome-webfont.woff2?v=@{fa-version}') format('woff2'),
@ -10,6 +12,4 @@
url('@{fa-font-path}/fontawesome-webfont.ttf?v=@{fa-version}') format('truetype'),
url('@{fa-font-path}/fontawesome-webfont.svg?v=@{fa-version}#fontawesomeregular') format('svg');
// src: url('@{fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
font-weight: normal;
font-style: normal;
}

2
less/rotated-flipped.less
View File

@ -1,4 +1,4 @@
// Rotated & Flipped Icons
// rotated and flipped icons
// -------------------------
@rotations-requiring-ie-fix:

45
less/sizes.less
View File

@ -1,13 +1,36 @@
// Icon Sizes
// -------------------------
// icon sizes
// --------------------------
/* makes the font 33% larger relative to the icon container */
.@{fa-css-prefix}-lg {
font-size: (4em / 3);
line-height: (3em / 4);
vertical-align: -15%;
// scale icon size by n
.createIconScales(@iterator: 1) when(@iterator <= length(@fa-var-scales)) {
@fa-icon-scale-name: extract(extract(@fa-var-scales, @iterator), 1);
@fa-icon-scale-name-unquoted: ~"@{fa-icon-scale-name}";
@fa-icon-scale: extract(extract(@fa-var-scales, @iterator), 2);
.@{fa-css-prefix}-@{fa-icon-scale-name-unquoted} {
font-size: floor(@fa-font-size-base * @fa-icon-scale);
line-height: floor(@fa-font-size-base * @fa-icon-scale * 0.75);
vertical-align: -15%;
}
.createIconScales((@iterator + 1));
}
.@{fa-css-prefix}-2x { font-size: 2em; }
.@{fa-css-prefix}-3x { font-size: 3em; }
.@{fa-css-prefix}-4x { font-size: 4em; }
.@{fa-css-prefix}-5x { font-size: 5em; }
.createIconScales();
// multiply icon size by n
.createIconMultipliers(@iterator: 1) when(@iterator <= length(@fa-var-multipliers)) {
@fa-icon-multiplier-name: extract(extract(@fa-var-multipliers, @iterator), 1);
@fa-icon-multiplier-name-unquoted: ~"@{fa-icon-multiplier-name}";
@fa-icon-multiplier: extract(extract(@fa-var-multipliers, @iterator), 2);
.@{fa-css-prefix}-@{fa-icon-multiplier-name-unquoted} {
font-size: floor(@fa-font-size-base * @fa-icon-multiplier);
}
.createIconMultipliers((@iterator + 1));
}
.createIconMultipliers();

2
less/stacked.less
View File

@ -1,4 +1,4 @@
// Stacked Icons
// stacked icons
// -------------------------
.@{fa-css-prefix}-stack {

1212
less/variables.less
View File

File diff suppressed because it is too large Load Diff

2
scss/_animated.scss
View File

@ -1,4 +1,4 @@
// Spinning Icons
// spinning icons
// --------------------------
.#{$fa-css-prefix}-spin {

2
scss/_bordered-pulled.scss
View File

@ -1,4 +1,4 @@
// Bordered & Pulled
// bordered and pulled
// -------------------------
.#{$fa-css-prefix}-border {

3
scss/_core.scss
View File

@ -1,4 +1,4 @@
// Base Class Definition
// base class definition
// -------------------------
.#{$fa-css-prefix} {
@ -9,4 +9,5 @@
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0); // ensures no half-pixel rendering in firefox
}

2
scss/_fixed-width.scss
View File

@ -1,4 +1,4 @@
// Fixed Width Icons
// fixed width icons
// -------------------------
.#{$fa-css-prefix}-fw {

2
scss/_functions.scss
View File

@ -1,4 +1,4 @@
// Functions
// functions
// --------------------------
// extract the number from a unit

18
scss/_larger.scss Normal file
View File

@ -0,0 +1,18 @@
// icon sizes
// -------------------------
// scale icon size by n
@each $fa-icon-scale-name, $fa-icon-scale in $fa-var-scales {
.#{$fa-css-prefix}-#{$fa-icon-scale-name} {
font-size: #{fudge(unitless($fa-font-size-base) * $fa-icon-scale)}px;
line-height: #{fudge(unitless($fa-font-size-base) * $fa-icon-scale * 0.75)}px;
vertical-align: -15%;
}
}
// multiply icon size by n
@each $fa-icon-multiplier-name, $fa-icon-multiplier in $fa-var-multipliers {
.#{$fa-css-prefix}-#{$fa-icon-multiplier-name} {
font-size: #{fudge($fa-font-size-base * $fa-icon-multiplier)}px;
}
}

2
scss/_list.scss
View File

@ -1,4 +1,4 @@
// List Icons
// list icons
// -------------------------
.#{$fa-css-prefix}-ul {

2
scss/_mixins.scss
View File

@ -1,4 +1,4 @@
// Mixins
// mixins
// --------------------------
@mixin fa-icon() {

4
scss/_path.scss
View File

@ -1,5 +1,5 @@
/* FONT PATH
* -------------------------- */
// font path
// --------------------------
@font-face {
font-family: 'FontAwesome';

2
scss/_rotated-flipped.scss
View File

@ -1,4 +1,4 @@
// Rotated & Flipped Icons
// rotated and flipped icons
// -------------------------
$rotations-requiring-ie-fix: (

2
scss/_sizes.scss
View File

@ -1,4 +1,4 @@
// Icon Sizes
// icon sizes
// -------------------------
// scale icon size by n

2
scss/_stacked.scss
View File

@ -1,4 +1,4 @@
// Stacked Icons
// stacked icons
// -------------------------
.#{$fa-css-prefix}-stack {

25
scss/_variables.scss
View File

@ -1,17 +1,18 @@
// Variables
// variables
// --------------------------
$fa-border-color: #eee !default;
$fa-css-prefix: fa !default;
$fa-font-path: "../fonts" !default;
$fa-font-size-base: 14px !default;
//$fa-font-path: "//netdna.bootstrapcdn.com/font-awesome/4.4.0/fonts" !default; // for referencing Bootstrap CDN font files directly
$fa-css-prefix: fa !default;
$fa-version: "4.4.0" !default;
$fa-border-color: #eee !default;
$fa-inverse: #fff !default;
$fa-li-width: (30em / 14) !default;
$fa-version: "4.4.0" !default;
$fa-rotation-increment: 45 !default;
//$fa-font-path: "//netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts" !default; // for referencing Bootstrap CDN font files directly
// the icons
$fa-var-glyphs: (
"adjust": "\f042",
"adn": "\f170",
@ -605,16 +606,16 @@ $fa-var-glyphs: (
"yen": "\f157",
"youtube": "\f167",
"youtube-play": "\f16a",
"youtube-square": "\f166"
"youtube-square": "\f166",
);
// icon sizes - these scale font size and line height
$fa-var-scales: (
"default": 1.000,
"lg": 1.333,
"sm": 0.666,
"xlg": 1.666,
"xsm": 0.333
"lg": 1.333,
"sm": 0.666,
"xlg": 1.666,
"xsm": 0.333
) !default;
// icon size multipliers - these scale font size

16
src/assets/font-awesome/less/larger.less vendored
View File

@ -1,16 +0,0 @@
---
---
// Icon Sizes
// -------------------------
/* makes the font 33% larger relative to the icon container */
.@{fa-css-prefix}-lg {
font-size: (4em / 3);
line-height: (3em / 4);
vertical-align: -15%;
}
.@{fa-css-prefix}-2x { font-size: 2em; }
.@{fa-css-prefix}-3x { font-size: 3em; }
.@{fa-css-prefix}-4x { font-size: 4em; }
.@{fa-css-prefix}-5x { font-size: 5em; }

16
src/assets/font-awesome/scss/_larger.scss vendored
View File

@ -1,16 +0,0 @@
---
---
// Icon Sizes
// -------------------------
/* makes the font 33% larger relative to the icon container */
.#{$fa-css-prefix}-lg {
font-size: (4em / 3);
line-height: (3em / 4);
vertical-align: -15%;
}
.#{$fa-css-prefix}-2x { font-size: 2em; }
.#{$fa-css-prefix}-3x { font-size: 3em; }
.#{$fa-css-prefix}-4x { font-size: 4em; }
.#{$fa-css-prefix}-5x { font-size: 5em; }