nex-font-awesome-sass 4.7.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/.gitignore +20 -0
- data/Gemfile +4 -0
- data/LICENSE.txt +22 -0
- data/README.md +97 -0
- data/Rakefile +1 -0
- data/assets/fonts/font-awesome/fontawesome-webfont.eot +0 -0
- data/assets/fonts/font-awesome/fontawesome-webfont.svg +2671 -0
- data/assets/fonts/font-awesome/fontawesome-webfont.ttf +0 -0
- data/assets/fonts/font-awesome/fontawesome-webfont.woff +0 -0
- data/assets/fonts/font-awesome/fontawesome-webfont.woff2 +0 -0
- data/assets/stylesheets/_font-awesome-compass.scss +5 -0
- data/assets/stylesheets/_font-awesome-sprockets.scss +5 -0
- data/assets/stylesheets/_font-awesome.scss +18 -0
- data/assets/stylesheets/font-awesome/_animated.scss +34 -0
- data/assets/stylesheets/font-awesome/_bordered-pulled.scss +25 -0
- data/assets/stylesheets/font-awesome/_core.scss +12 -0
- data/assets/stylesheets/font-awesome/_fixed-width.scss +6 -0
- data/assets/stylesheets/font-awesome/_icons.scss +789 -0
- data/assets/stylesheets/font-awesome/_larger.scss +13 -0
- data/assets/stylesheets/font-awesome/_list.scss +19 -0
- data/assets/stylesheets/font-awesome/_mixins.scss +60 -0
- data/assets/stylesheets/font-awesome/_path.scss +14 -0
- data/assets/stylesheets/font-awesome/_rotated-flipped.scss +20 -0
- data/assets/stylesheets/font-awesome/_screen-reader.scss +5 -0
- data/assets/stylesheets/font-awesome/_stacked.scss +20 -0
- data/assets/stylesheets/font-awesome/_variables.scss +802 -0
- data/font-awesome-sass.gemspec +27 -0
- data/lib/font-awesome-sass.rb +78 -0
- data/lib/font_awesome/sass/rails/engine.rb +17 -0
- data/lib/font_awesome/sass/rails/helpers.rb +19 -0
- data/lib/font_awesome/sass/rails/railtie.rb +13 -0
- data/lib/font_awesome/sass/version.rb +5 -0
- metadata +145 -0
@@ -0,0 +1,13 @@
|
|
1
|
+
// Icon Sizes
|
2
|
+
// -------------------------
|
3
|
+
|
4
|
+
/* makes the font 33% larger relative to the icon container */
|
5
|
+
.#{$fa-css-prefix}-lg {
|
6
|
+
font-size: (4em / 3);
|
7
|
+
line-height: (3em / 4);
|
8
|
+
vertical-align: -15%;
|
9
|
+
}
|
10
|
+
.#{$fa-css-prefix}-2x { font-size: 2em; }
|
11
|
+
.#{$fa-css-prefix}-3x { font-size: 3em; }
|
12
|
+
.#{$fa-css-prefix}-4x { font-size: 4em; }
|
13
|
+
.#{$fa-css-prefix}-5x { font-size: 5em; }
|
@@ -0,0 +1,19 @@
|
|
1
|
+
// List Icons
|
2
|
+
// -------------------------
|
3
|
+
|
4
|
+
.#{$fa-css-prefix}-ul {
|
5
|
+
padding-left: 0;
|
6
|
+
margin-left: $fa-li-width;
|
7
|
+
list-style-type: none;
|
8
|
+
> li { position: relative; }
|
9
|
+
}
|
10
|
+
.#{$fa-css-prefix}-li {
|
11
|
+
position: absolute;
|
12
|
+
left: -$fa-li-width;
|
13
|
+
width: $fa-li-width;
|
14
|
+
top: (2em / 14);
|
15
|
+
text-align: center;
|
16
|
+
&.#{$fa-css-prefix}-lg {
|
17
|
+
left: -$fa-li-width + (4em / 14);
|
18
|
+
}
|
19
|
+
}
|
@@ -0,0 +1,60 @@
|
|
1
|
+
// Mixins
|
2
|
+
// --------------------------
|
3
|
+
|
4
|
+
@mixin fa-icon() {
|
5
|
+
display: inline-block;
|
6
|
+
font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
|
7
|
+
font-size: inherit; // can't have font-size inherit on line above, so need to override
|
8
|
+
text-rendering: auto; // optimizelegibility throws things off #1094
|
9
|
+
-webkit-font-smoothing: antialiased;
|
10
|
+
-moz-osx-font-smoothing: grayscale;
|
11
|
+
|
12
|
+
}
|
13
|
+
|
14
|
+
@mixin fa-icon-rotate($degrees, $rotation) {
|
15
|
+
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
|
16
|
+
-webkit-transform: rotate($degrees);
|
17
|
+
-ms-transform: rotate($degrees);
|
18
|
+
transform: rotate($degrees);
|
19
|
+
}
|
20
|
+
|
21
|
+
@mixin fa-icon-flip($horiz, $vert, $rotation) {
|
22
|
+
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";
|
23
|
+
-webkit-transform: scale($horiz, $vert);
|
24
|
+
-ms-transform: scale($horiz, $vert);
|
25
|
+
transform: scale($horiz, $vert);
|
26
|
+
}
|
27
|
+
|
28
|
+
|
29
|
+
// Only display content to screen readers. A la Bootstrap 4.
|
30
|
+
//
|
31
|
+
// See: http://a11yproject.com/posts/how-to-hide-content/
|
32
|
+
|
33
|
+
@mixin sr-only {
|
34
|
+
position: absolute;
|
35
|
+
width: 1px;
|
36
|
+
height: 1px;
|
37
|
+
padding: 0;
|
38
|
+
margin: -1px;
|
39
|
+
overflow: hidden;
|
40
|
+
clip: rect(0,0,0,0);
|
41
|
+
border: 0;
|
42
|
+
}
|
43
|
+
|
44
|
+
// Use in conjunction with .sr-only to only display content when it's focused.
|
45
|
+
//
|
46
|
+
// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
|
47
|
+
//
|
48
|
+
// Credit: HTML5 Boilerplate
|
49
|
+
|
50
|
+
@mixin sr-only-focusable {
|
51
|
+
&:active,
|
52
|
+
&:focus {
|
53
|
+
position: static;
|
54
|
+
width: auto;
|
55
|
+
height: auto;
|
56
|
+
margin: 0;
|
57
|
+
overflow: visible;
|
58
|
+
clip: auto;
|
59
|
+
}
|
60
|
+
}
|
@@ -0,0 +1,14 @@
|
|
1
|
+
/* FONT PATH
|
2
|
+
* -------------------------- */
|
3
|
+
|
4
|
+
@font-face {
|
5
|
+
font-family: 'FontAwesome';
|
6
|
+
src: url(if($fa-sass-asset-helper, fa-font-path('#{$fa-font-path}#{$fa-font-name}.eot?v=#{$fa-version}'), '#{$fa-font-path}#{$fa-font-name}.eot?v=#{$fa-version}'));
|
7
|
+
src: url(if($fa-sass-asset-helper, fa-font-path('#{$fa-font-path}#{$fa-font-name}.eot?v=#{$fa-version}#iefix'), '#{$fa-font-path}#{$fa-font-name}.eot?v=#{$fa-version}#iefix')) format('embedded-opentype'),
|
8
|
+
url(if($fa-sass-asset-helper, fa-font-path('#{$fa-font-path}#{$fa-font-name}.woff2?v=#{$fa-version}'), '#{$fa-font-path}#{$fa-font-name}.woff2?v=#{$fa-version}')) format('woff2'),
|
9
|
+
url(if($fa-sass-asset-helper, fa-font-path('#{$fa-font-path}#{$fa-font-name}.woff?v=#{$fa-version}'), '#{$fa-font-path}#{$fa-font-name}.woff?v=#{$fa-version}')) format('woff'),
|
10
|
+
url(if($fa-sass-asset-helper, fa-font-path('#{$fa-font-path}#{$fa-font-name}.ttf?v=#{$fa-version}'), '#{$fa-font-path}#{$fa-font-name}.ttf?v=#{$fa-version}')) format('truetype'),
|
11
|
+
url(if($fa-sass-asset-helper, fa-font-path('#{$fa-font-path}#{$fa-font-name}.svg?v=#{$fa-version}#fontawesomeregular'), '#{$fa-font-path}#{$fa-font-name}.svg?v=#{$fa-version}#fontawesomeregular')) format('svg');
|
12
|
+
font-weight: normal;
|
13
|
+
font-style: normal;
|
14
|
+
}
|
@@ -0,0 +1,20 @@
|
|
1
|
+
// Rotated & Flipped Icons
|
2
|
+
// -------------------------
|
3
|
+
|
4
|
+
.#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); }
|
5
|
+
.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
|
6
|
+
.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
|
7
|
+
|
8
|
+
.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
|
9
|
+
.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
|
10
|
+
|
11
|
+
// Hook for IE8-9
|
12
|
+
// -------------------------
|
13
|
+
|
14
|
+
:root .#{$fa-css-prefix}-rotate-90,
|
15
|
+
:root .#{$fa-css-prefix}-rotate-180,
|
16
|
+
:root .#{$fa-css-prefix}-rotate-270,
|
17
|
+
:root .#{$fa-css-prefix}-flip-horizontal,
|
18
|
+
:root .#{$fa-css-prefix}-flip-vertical {
|
19
|
+
filter: none;
|
20
|
+
}
|
@@ -0,0 +1,20 @@
|
|
1
|
+
// Stacked Icons
|
2
|
+
// -------------------------
|
3
|
+
|
4
|
+
.#{$fa-css-prefix}-stack {
|
5
|
+
position: relative;
|
6
|
+
display: inline-block;
|
7
|
+
width: 2em;
|
8
|
+
height: 2em;
|
9
|
+
line-height: 2em;
|
10
|
+
vertical-align: middle;
|
11
|
+
}
|
12
|
+
.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
|
13
|
+
position: absolute;
|
14
|
+
left: 0;
|
15
|
+
width: 100%;
|
16
|
+
text-align: center;
|
17
|
+
}
|
18
|
+
.#{$fa-css-prefix}-stack-1x { line-height: inherit; }
|
19
|
+
.#{$fa-css-prefix}-stack-2x { font-size: 2em; }
|
20
|
+
.#{$fa-css-prefix}-inverse { color: $fa-inverse; }
|