font-awesome-sass 4.4.0 → 5.15.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +5 -5
- data/.gitignore +1 -0
- data/README.md +36 -16
- data/assets/fonts/font-awesome/fa-brands-400.eot +0 -0
- data/assets/fonts/font-awesome/fa-brands-400.svg +3717 -0
- data/assets/fonts/font-awesome/fa-brands-400.ttf +0 -0
- data/assets/fonts/font-awesome/fa-brands-400.woff +0 -0
- data/assets/fonts/font-awesome/fa-brands-400.woff2 +0 -0
- data/assets/fonts/font-awesome/fa-regular-400.eot +0 -0
- data/assets/fonts/font-awesome/fa-regular-400.svg +801 -0
- data/assets/fonts/font-awesome/fa-regular-400.ttf +0 -0
- data/assets/fonts/font-awesome/fa-regular-400.woff +0 -0
- data/assets/fonts/font-awesome/fa-regular-400.woff2 +0 -0
- data/assets/fonts/font-awesome/fa-solid-900.eot +0 -0
- data/assets/fonts/font-awesome/fa-solid-900.svg +5028 -0
- data/assets/fonts/font-awesome/fa-solid-900.ttf +0 -0
- data/assets/fonts/font-awesome/fa-solid-900.woff +0 -0
- data/assets/fonts/font-awesome/fa-solid-900.woff2 +0 -0
- data/assets/stylesheets/{font-awesome.scss → _font-awesome.scss} +3 -3
- data/assets/stylesheets/_v4-shims.scss +6 -0
- data/assets/stylesheets/font-awesome/_animated.scss +6 -20
- data/assets/stylesheets/font-awesome/_bordered-pulled.scss +6 -11
- data/assets/stylesheets/font-awesome/_core.scss +16 -6
- data/assets/stylesheets/font-awesome/_fixed-width.scss +1 -1
- data/assets/stylesheets/font-awesome/_icons.scss +1460 -675
- data/assets/stylesheets/font-awesome/_larger.scss +16 -6
- data/assets/stylesheets/font-awesome/_list.scss +7 -8
- data/assets/stylesheets/font-awesome/_mixins.scss +44 -13
- data/assets/stylesheets/font-awesome/_path.scss +50 -8
- data/assets/stylesheets/font-awesome/_rotated-flipped.scss +10 -6
- data/assets/stylesheets/font-awesome/_screen-reader.scss +5 -0
- data/assets/stylesheets/font-awesome/_shims.scss +2066 -0
- data/assets/stylesheets/font-awesome/_stacked.scss +19 -8
- data/assets/stylesheets/font-awesome/_variables.scss +1477 -683
- data/font-awesome-sass.gemspec +3 -4
- data/lib/font-awesome-sass.rb +13 -15
- data/lib/font_awesome/sass/rails/engine.rb +6 -2
- data/lib/font_awesome/sass/rails/helpers.rb +2 -2
- data/lib/font_awesome/sass/rails/railtie.rb +5 -3
- data/lib/font_awesome/sass/version.rb +1 -1
- metadata +31 -35
- data/assets/fonts/font-awesome/fontawesome-webfont.eot +0 -0
- data/assets/fonts/font-awesome/fontawesome-webfont.svg +0 -640
- 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/_extras.scss +0 -44
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
|
-
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
2
|
+
SHA256:
|
3
|
+
metadata.gz: cacaa1219aaab42112307e8a47641b7ebba8861d1c2ac00e93beefccd15a3b94
|
4
|
+
data.tar.gz: 3d848d1e5e78ea46eed168865cd82af8db729dce652dc178a7de75da444e4a38
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 803c5abda6e911d06888a1d1271ab47b07264d26fd74cbe87a474810db83d9365eaf65bca34dedae86df3e2c8711843b6b90cd1f98586399d01c3e4f4f18f68a
|
7
|
+
data.tar.gz: 15ce0e427b37547a0b1a3a50bdf0c23c43de4b2ea3bd10a9f5d28ba4a8335f02e46b437f57a4e1c4b3f3885647ee48b9ea78f5c14e0dadd2445c209777967a5c
|
data/.gitignore
CHANGED
data/README.md
CHANGED
@@ -1,10 +1,22 @@
|
|
1
1
|
# FontAwesome::Sass
|
2
2
|
|
3
|
-
|
3
|
+
[![Gem Version](https://badge.fury.io/rb/font-awesome-sass.svg)](https://badge.fury.io/rb/font-awesome-sass)
|
4
|
+
|
5
|
+
'font-awesome-sass' is a Sass-powered version of [FontAwesome](http://fortawesome.github.io/Font-Awesome/) for your Ruby projects and plays nicely with
|
4
6
|
Ruby on Rails, Compass, Sprockets, etc.
|
5
|
-
|
7
|
+
|
6
8
|
Refactored to support more Ruby environments with code and documentation humbly used from the excellent
|
7
|
-
[bootstrap-sass](https://github.com/twbs/bootstrap-sass) project by the Bootstrap team
|
9
|
+
[bootstrap-sass](https://github.com/twbs/bootstrap-sass) project by the Bootstrap team
|
10
|
+
|
11
|
+
## Breaking Changes
|
12
|
+
|
13
|
+
With the update to Font Awesome 5.x there are some breaking changes that will effect your use of this gem. Some of the changes include:
|
14
|
+
|
15
|
+
* Icon name changes
|
16
|
+
* New icons
|
17
|
+
* The use of an icon style (`solid`, `regular`, or `brands`)
|
18
|
+
|
19
|
+
You can find more detailed information on these changes on our [Getting Started](https://fontawesome.com/get-started/web-fonts-with-css) guide, our [How to Use](https://fontawesome.com/how-to-use/web-fonts-with-css) guide, and our [Upgrading from Version 4](https://fontawesome.com/how-to-use/upgrading-from-4) guide.
|
8
20
|
|
9
21
|
## Installation
|
10
22
|
|
@@ -18,7 +30,7 @@ Please see the appropriate guide for your environment of choice:
|
|
18
30
|
In your Gemfile include:
|
19
31
|
|
20
32
|
```ruby
|
21
|
-
gem 'font-awesome-sass', '~>
|
33
|
+
gem 'font-awesome-sass', '~> 5.15.1'
|
22
34
|
```
|
23
35
|
|
24
36
|
And then execute:
|
@@ -35,23 +47,31 @@ includes the sprockets assets helper Sass functions used for finding the proper
|
|
35
47
|
@import "font-awesome";
|
36
48
|
```
|
37
49
|
|
50
|
+
If `app/assets/stylesheets/application.css.scss` does not exist then rename `app/assets/stylesheets/application.css` and add the `@import` statements below the `*= require` statements but outside of the comment block.
|
51
|
+
|
38
52
|
#### Rails Helper usage
|
39
53
|
|
54
|
+
With Font Awesome 5.x you now need to select what style of icon you want to use. Font Awesome 5.x has 3 styles:
|
55
|
+
|
56
|
+
* solid (`fas`)
|
57
|
+
* regular (`far`)
|
58
|
+
* brands (`fab`)
|
59
|
+
|
40
60
|
In your view:
|
41
61
|
|
42
62
|
```ruby
|
43
|
-
icon('flag')
|
44
|
-
# => <i class="
|
63
|
+
icon('fas', 'flag')
|
64
|
+
# => <i class="fas fa-flag"></i>
|
45
65
|
```
|
46
66
|
|
47
67
|
```ruby
|
48
|
-
icon('
|
49
|
-
# => <i class="
|
68
|
+
icon('far', 'address-book', class: 'strong')
|
69
|
+
# => <i class="far fa-address-book strong"></i>
|
50
70
|
```
|
51
71
|
|
52
72
|
```ruby
|
53
|
-
icon('
|
54
|
-
# => <i id="my-icon" class="
|
73
|
+
icon('fab', 'font-awesome', 'Font Awesome', id: 'my-icon', class: 'strong')
|
74
|
+
# => <i id="my-icon" class="fab fa-font-awesome strong"></i> Font Awesome
|
55
75
|
```
|
56
76
|
|
57
77
|
Note: the icon helper can take a hash of options that will be passed to the content_tag helper
|
@@ -78,18 +98,18 @@ Import the FontAwesome styles
|
|
78
98
|
@import "font-awesome";
|
79
99
|
```
|
80
100
|
|
81
|
-
## Upgrading from FontAwesome::Sass
|
101
|
+
## Upgrading from FontAwesome::Sass 4.x
|
82
102
|
|
83
|
-
Prepend the `
|
103
|
+
Prepend the style of the icon you want to use (`fas`, `far`, `fab`) class to existing icons:
|
84
104
|
|
85
|
-
|
105
|
+
4.x Syntax
|
86
106
|
|
87
107
|
```html
|
88
|
-
<i class="
|
108
|
+
<i class="fa fa-github"></i>
|
89
109
|
```
|
90
110
|
|
91
|
-
|
111
|
+
5.x Syntax (GitHub icon exists in the Brands style)
|
92
112
|
|
93
113
|
```html
|
94
|
-
<i class="
|
114
|
+
<i class="fab fa-github"></i>
|
95
115
|
```
|
Binary file
|