font-awesome-sass 6.1.1 → 6.1.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CODE_OF_CONDUCT.md +74 -0
- data/README.md +7 -59
- data/assets/stylesheets/font-awesome/_animated.scss +27 -90
- data/assets/stylesheets/font-awesome/_bordered-pulled.scss +4 -4
- data/assets/stylesheets/font-awesome/_brands.scss +9 -12
- data/assets/stylesheets/font-awesome/_core.scss +1 -1
- data/assets/stylesheets/font-awesome/_functions.scss +2 -2
- data/assets/stylesheets/font-awesome/_icons.scss +1 -3
- data/assets/stylesheets/font-awesome/_list.scss +1 -3
- data/assets/stylesheets/font-awesome/_mixins.scss +5 -4
- data/assets/stylesheets/font-awesome/_regular.scss +8 -9
- data/assets/stylesheets/font-awesome/_rotated-flipped.scss +1 -1
- data/assets/stylesheets/font-awesome/_shims.scss +625 -1192
- data/assets/stylesheets/font-awesome/_sizing.scss +1 -1
- data/assets/stylesheets/font-awesome/_solid.scss +8 -8
- data/assets/stylesheets/font-awesome/_variables.scss +167 -99
- data/lib/font_awesome/sass/version.rb +1 -1
- metadata +3 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: e8f971797296d05b70ae30be5981892ad19d0da083a7648d006e54ad803a63b8
|
4
|
+
data.tar.gz: 9b89ebd2290b5973883aa114a907b21be6d4d3e036ea716a3b319ec2ab69be2a
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 876f4c374c7d93e9ac7c9d4ab609ec70e2675fc488d23cfeaa429ae137d587a4a04387613a02ff2c3eeaa6e920dcfa91b808009c6d6f01b626dd4f0448eeecac
|
7
|
+
data.tar.gz: 4bc6d16aa2b2664cbc26bc5344a0fb9e78d8a408e0ca387a5e2062eee7a413ff3fd358b95ae90ec85bc5408b7b25d87171cf7a8fcb5ccf5f7a54923babd948af
|
data/CODE_OF_CONDUCT.md
ADDED
@@ -0,0 +1,74 @@
|
|
1
|
+
# Contributor Covenant Code of Conduct
|
2
|
+
|
3
|
+
## Our Pledge
|
4
|
+
|
5
|
+
In the interest of fostering an open and welcoming environment, we as
|
6
|
+
contributors and maintainers pledge to make participation in our project and
|
7
|
+
our community a harassment-free experience for everyone, regardless of age, body
|
8
|
+
size, disability, ethnicity, gender identity and expression, level of experience,
|
9
|
+
nationality, personal appearance, race, religion, or sexual identity and
|
10
|
+
orientation.
|
11
|
+
|
12
|
+
## Our Standards
|
13
|
+
|
14
|
+
Examples of behavior that contributes to creating a positive environment
|
15
|
+
include:
|
16
|
+
|
17
|
+
* Using welcoming and inclusive language
|
18
|
+
* Being respectful of differing viewpoints and experiences
|
19
|
+
* Gracefully accepting constructive criticism
|
20
|
+
* Focusing on what is best for the community
|
21
|
+
* Showing empathy towards other community members
|
22
|
+
|
23
|
+
Examples of unacceptable behavior by participants include:
|
24
|
+
|
25
|
+
* The use of sexualized language or imagery and unwelcome sexual attention or
|
26
|
+
advances
|
27
|
+
* Trolling, insulting/derogatory comments, and personal or political attacks
|
28
|
+
* Public or private harassment
|
29
|
+
* Publishing others' private information, such as a physical or electronic
|
30
|
+
address, without explicit permission
|
31
|
+
* Other conduct which could reasonably be considered inappropriate in a
|
32
|
+
professional setting
|
33
|
+
|
34
|
+
## Our Responsibilities
|
35
|
+
|
36
|
+
Project maintainers are responsible for clarifying the standards of acceptable
|
37
|
+
behavior and are expected to take appropriate and fair corrective action in
|
38
|
+
response to any instances of unacceptable behavior.
|
39
|
+
|
40
|
+
Project maintainers have the right and responsibility to remove, edit, or
|
41
|
+
reject comments, commits, code, wiki edits, issues, and other contributions
|
42
|
+
not aligned to this Code of Conduct, or to ban temporarily or
|
43
|
+
permanently any contributor for other behaviors that they deem inappropriate,
|
44
|
+
threatening, offensive, or harmful.
|
45
|
+
|
46
|
+
## Scope
|
47
|
+
|
48
|
+
This Code of Conduct applies both within project spaces and in public spaces
|
49
|
+
when an individual is representing the project or its community. Examples of
|
50
|
+
representing a project or community includes using an official project e-mail
|
51
|
+
address, posting via an official social media account or acting as an appointed
|
52
|
+
representative at an online or offline event. Representation of a project may be
|
53
|
+
further defined and clarified by project maintainers.
|
54
|
+
|
55
|
+
## Enforcement
|
56
|
+
|
57
|
+
Instances of abusive, harassing, or otherwise unacceptable behavior may be
|
58
|
+
reported by contacting the project team at <hello@fontawesome.com>. All
|
59
|
+
complaints will be reviewed and investigated and will result in a response that
|
60
|
+
is deemed necessary and appropriate to the circumstances. The project team is
|
61
|
+
obligated to maintain confidentiality about to the reporter of an incident.
|
62
|
+
Further details of specific enforcement policies may be posted separately.
|
63
|
+
|
64
|
+
Project maintainers who do not follow or enforce the Code of Conduct in good
|
65
|
+
faith may face temporary or permanent repercussions as determined by other
|
66
|
+
members of the project's leadership.
|
67
|
+
|
68
|
+
## Attribution
|
69
|
+
|
70
|
+
This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,
|
71
|
+
available at [https://contributor-covenant.org/version/1/4][version]
|
72
|
+
|
73
|
+
[homepage]: https://contributor-covenant.org
|
74
|
+
[version]: https://contributor-covenant.org/version/1/4/
|
data/README.md
CHANGED
@@ -2,70 +2,18 @@
|
|
2
2
|
|
3
3
|
[![Gem Version](https://badge.fury.io/rb/font-awesome-sass.svg)](https://badge.fury.io/rb/font-awesome-sass)
|
4
4
|
|
5
|
-
'font-awesome-sass' is a Sass-powered version of [Font Awesome](http://fontawesome.com/) for your Ruby projects with specific support for Ruby on Rails and Sprockets.
|
5
|
+
> 'font-awesome-sass' is a Sass-powered version of [Font Awesome](http://fontawesome.com/) for your Ruby projects with specific support for Ruby on Rails and Sprockets.
|
6
6
|
|
7
7
|
Refactored to support more Ruby environments with code and documentation humbly used from the excellent [bootstrap-sass](https://github.com/twbs/bootstrap-sass) project by the Bootstrap team
|
8
8
|
|
9
|
-
|
9
|
+
---
|
10
10
|
|
11
|
-
##
|
11
|
+
## Documentation
|
12
12
|
|
13
|
-
|
13
|
+
Official documentation is hosted at fontawesome.com. Check out the [Ruby on Rails](https://fontawesome.com/docs/web/use-with/ruby-on-rails/) docs.
|
14
14
|
|
15
|
-
|
15
|
+
## How to Help
|
16
16
|
|
17
|
-
|
18
|
-
gem 'font-awesome-sass', '~> 6.1.1'
|
19
|
-
```
|
17
|
+
1. Review the following docs before diving in: [CODE_OF_CONDUCT.md](CODE_OF_CONDUCT.md)
|
20
18
|
|
21
|
-
|
22
|
-
|
23
|
-
```sh
|
24
|
-
bundle install
|
25
|
-
```
|
26
|
-
|
27
|
-
Import the FontAwesome styles in your `app/assets/stylesheets/application.css.scss`. The `font-awesome` file includes all the tools needed to get Font Awesome up and running for Rails.
|
28
|
-
|
29
|
-
```scss
|
30
|
-
@import "font-awesome";
|
31
|
-
```
|
32
|
-
|
33
|
-
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.
|
34
|
-
|
35
|
-
#### Rails Helper usage
|
36
|
-
|
37
|
-
With Font Awesome Free 6.x you now need to select what style of icon you want to use. Font Awesome Free 6.x has 3 styles:
|
38
|
-
|
39
|
-
* solid (`fa-solid` or `fas`)
|
40
|
-
* regular (`fa-regular` or `far`)
|
41
|
-
* brands (`fa-brands` or `fab`)
|
42
|
-
|
43
|
-
In your view:
|
44
|
-
|
45
|
-
```ruby
|
46
|
-
icon('fa-solid', 'flag')
|
47
|
-
# => <i class="fa-solid fa-flag" aria-hidden="true"></i>
|
48
|
-
icon('fas', 'flag')
|
49
|
-
# => <i class="fas fa-flag" aria-hidden="true"></i>
|
50
|
-
|
51
|
-
```
|
52
|
-
|
53
|
-
```ruby
|
54
|
-
icon('fa-regular', 'address-book', class: 'strong')
|
55
|
-
# => <i class="fa-regular fa-address-book strong" aria-hidden="true"></i>
|
56
|
-
icon('far', 'address-book', class: 'strong')
|
57
|
-
# => <i class="far fa-address-book strong" aria-hidden="true"></i>
|
58
|
-
```
|
59
|
-
|
60
|
-
```ruby
|
61
|
-
icon('fa-brands', 'font-awesome', 'Font Awesome', id: 'my-icon', class: 'strong')
|
62
|
-
# => <i id="my-icon" class="fa-brands fa-font-awesome strong" aria-hidden="true"></i> Font Awesome
|
63
|
-
icon('fab', 'font-awesome', 'Font Awesome', id: 'my-icon', class: 'strong')
|
64
|
-
# => <i id="my-icon" class="fab fa-font-awesome strong" aria-hidden="true"></i> Font Awesome
|
65
|
-
```
|
66
|
-
|
67
|
-
Note: the icon helper can take a hash of options that will be passed to the content_tag helper
|
68
|
-
|
69
|
-
### Other Ruby Projects
|
70
|
-
|
71
|
-
The `path.scss` file contains a function for using the `font-path` function if found. If the function is not found it will use the `$fa-font-path` variable for the path to the webfont files. You can override this variable to where your framework will store the webfonts files.
|
19
|
+
2. Check the existing [issues](https://github.com/FortAwesome/font-awesome-sass/issues) and see if you can help!
|
@@ -16,7 +16,7 @@
|
|
16
16
|
animation-direction: var(--#{$fa-css-prefix}-animation-direction, normal);
|
17
17
|
animation-duration: var(--#{$fa-css-prefix}-animation-duration, 1s);
|
18
18
|
animation-iteration-count: var(--#{$fa-css-prefix}-animation-iteration-count, infinite);
|
19
|
-
animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, cubic-bezier(0.
|
19
|
+
animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, cubic-bezier(0.280, 0.840, 0.420, 1));
|
20
20
|
}
|
21
21
|
|
22
22
|
.#{$fa-css-prefix}-fade {
|
@@ -25,7 +25,7 @@
|
|
25
25
|
animation-direction: var(--#{$fa-css-prefix}-animation-direction, normal);
|
26
26
|
animation-duration: var(--#{$fa-css-prefix}-animation-duration, 1s);
|
27
27
|
animation-iteration-count: var(--#{$fa-css-prefix}-animation-iteration-count, infinite);
|
28
|
-
animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, cubic-bezier(
|
28
|
+
animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, cubic-bezier(.4,0,.6,1));
|
29
29
|
}
|
30
30
|
|
31
31
|
.#{$fa-css-prefix}-beat-fade {
|
@@ -34,7 +34,7 @@
|
|
34
34
|
animation-direction: var(--#{$fa-css-prefix}-animation-direction, normal);
|
35
35
|
animation-duration: var(--#{$fa-css-prefix}-animation-duration, 1s);
|
36
36
|
animation-iteration-count: var(--#{$fa-css-prefix}-animation-iteration-count, infinite);
|
37
|
-
animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, cubic-bezier(
|
37
|
+
animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, cubic-bezier(.4,0,.6,1));
|
38
38
|
}
|
39
39
|
|
40
40
|
.#{$fa-css-prefix}-flip {
|
@@ -99,60 +99,26 @@
|
|
99
99
|
}
|
100
100
|
|
101
101
|
@keyframes #{$fa-css-prefix}-beat {
|
102
|
-
0%,
|
103
|
-
|
104
|
-
transform: scale(1);
|
105
|
-
}
|
106
|
-
45% {
|
107
|
-
transform: scale(var(--#{$fa-css-prefix}-beat-scale, 1.25));
|
108
|
-
}
|
102
|
+
0%, 90% { transform: scale(1); }
|
103
|
+
45% { transform: scale(var(--#{$fa-css-prefix}-beat-scale, 1.25)); }
|
109
104
|
}
|
110
105
|
|
111
106
|
@keyframes #{$fa-css-prefix}-bounce {
|
112
|
-
0%
|
113
|
-
|
114
|
-
}
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
)
|
120
|
-
translateY(0);
|
121
|
-
}
|
122
|
-
30% {
|
123
|
-
transform: scale(
|
124
|
-
var(--#{$fa-css-prefix}-bounce-jump-scale-x, 0.9),
|
125
|
-
var(--#{$fa-css-prefix}-bounce-jump-scale-y, 1.1)
|
126
|
-
)
|
127
|
-
translateY(var(--#{$fa-css-prefix}-bounce-height, -0.5em));
|
128
|
-
}
|
129
|
-
50% {
|
130
|
-
transform: scale(
|
131
|
-
var(--#{$fa-css-prefix}-bounce-land-scale-x, 1.05),
|
132
|
-
var(--#{$fa-css-prefix}-bounce-land-scale-y, 0.95)
|
133
|
-
)
|
134
|
-
translateY(0);
|
135
|
-
}
|
136
|
-
57% {
|
137
|
-
transform: scale(1, 1) translateY(var(--#{$fa-css-prefix}-bounce-rebound, -0.125em));
|
138
|
-
}
|
139
|
-
64% {
|
140
|
-
transform: scale(1, 1) translateY(0);
|
141
|
-
}
|
142
|
-
100% {
|
143
|
-
transform: scale(1, 1) translateY(0);
|
144
|
-
}
|
107
|
+
0% { transform: scale(1,1) translateY(0); }
|
108
|
+
10% { transform: scale(var(--#{$fa-css-prefix}-bounce-start-scale-x, 1.1),var(--#{$fa-css-prefix}-bounce-start-scale-y, 0.9)) translateY(0); }
|
109
|
+
30% { transform: scale(var(--#{$fa-css-prefix}-bounce-jump-scale-x, 0.9),var(--#{$fa-css-prefix}-bounce-jump-scale-y, 1.1)) translateY(var(--#{$fa-css-prefix}-bounce-height, -0.5em)); }
|
110
|
+
50% { transform: scale(var(--#{$fa-css-prefix}-bounce-land-scale-x, 1.05),var(--#{$fa-css-prefix}-bounce-land-scale-y, 0.95)) translateY(0); }
|
111
|
+
57% { transform: scale(1,1) translateY(var(--#{$fa-css-prefix}-bounce-rebound, -0.125em)); }
|
112
|
+
64% { transform: scale(1,1) translateY(0); }
|
113
|
+
100% { transform: scale(1,1) translateY(0); }
|
145
114
|
}
|
146
115
|
|
147
116
|
@keyframes #{$fa-css-prefix}-fade {
|
148
|
-
50% {
|
149
|
-
opacity: var(--#{$fa-css-prefix}-fade-opacity, 0.4);
|
150
|
-
}
|
117
|
+
50% { opacity: var(--#{$fa-css-prefix}-fade-opacity, 0.4); }
|
151
118
|
}
|
152
119
|
|
153
120
|
@keyframes #{$fa-css-prefix}-beat-fade {
|
154
|
-
0%,
|
155
|
-
100% {
|
121
|
+
0%, 100% {
|
156
122
|
opacity: var(--#{$fa-css-prefix}-beat-fade-opacity, 0.4);
|
157
123
|
transform: scale(1);
|
158
124
|
}
|
@@ -164,53 +130,24 @@
|
|
164
130
|
|
165
131
|
@keyframes #{$fa-css-prefix}-flip {
|
166
132
|
50% {
|
167
|
-
transform: rotate3d(
|
168
|
-
var(--#{$fa-css-prefix}-flip-x, 0),
|
169
|
-
var(--#{$fa-css-prefix}-flip-y, 1),
|
170
|
-
var(--#{$fa-css-prefix}-flip-z, 0),
|
171
|
-
var(--#{$fa-css-prefix}-flip-angle, -180deg)
|
172
|
-
);
|
133
|
+
transform: rotate3d(var(--#{$fa-css-prefix}-flip-x, 0), var(--#{$fa-css-prefix}-flip-y, 1), var(--#{$fa-css-prefix}-flip-z, 0), var(--#{$fa-css-prefix}-flip-angle, -180deg));
|
173
134
|
}
|
174
135
|
}
|
175
136
|
|
176
137
|
@keyframes #{$fa-css-prefix}-shake {
|
177
|
-
0% {
|
178
|
-
|
179
|
-
}
|
180
|
-
|
181
|
-
|
182
|
-
}
|
183
|
-
|
184
|
-
|
185
|
-
|
186
|
-
}
|
187
|
-
12%,
|
188
|
-
28% {
|
189
|
-
transform: rotate(18deg);
|
190
|
-
}
|
191
|
-
16% {
|
192
|
-
transform: rotate(-22deg);
|
193
|
-
}
|
194
|
-
20% {
|
195
|
-
transform: rotate(22deg);
|
196
|
-
}
|
197
|
-
32% {
|
198
|
-
transform: rotate(-12deg);
|
199
|
-
}
|
200
|
-
36% {
|
201
|
-
transform: rotate(12deg);
|
202
|
-
}
|
203
|
-
40%,
|
204
|
-
100% {
|
205
|
-
transform: rotate(0deg);
|
206
|
-
}
|
138
|
+
0% { transform: rotate(-15deg); }
|
139
|
+
4% { transform: rotate(15deg); }
|
140
|
+
8%, 24% { transform: rotate(-18deg); }
|
141
|
+
12%, 28% { transform: rotate(18deg); }
|
142
|
+
16% { transform: rotate(-22deg); }
|
143
|
+
20% { transform: rotate(22deg); }
|
144
|
+
32% { transform: rotate(-12deg); }
|
145
|
+
36% { transform: rotate(12deg); }
|
146
|
+
40%, 100% { transform: rotate(0deg); }
|
207
147
|
}
|
208
148
|
|
209
149
|
@keyframes #{$fa-css-prefix}-spin {
|
210
|
-
0% {
|
211
|
-
|
212
|
-
}
|
213
|
-
100% {
|
214
|
-
transform: rotate(360deg);
|
215
|
-
}
|
150
|
+
0% { transform: rotate(0deg); }
|
151
|
+
100% { transform: rotate(360deg); }
|
216
152
|
}
|
153
|
+
|
@@ -9,12 +9,12 @@
|
|
9
9
|
padding: var(--#{$fa-css-prefix}-border-padding, #{$fa-border-padding});
|
10
10
|
}
|
11
11
|
|
12
|
-
.#{$fa-css-prefix}-pull-left {
|
12
|
+
.#{$fa-css-prefix}-pull-left {
|
13
13
|
float: left;
|
14
|
-
margin-right: var(--#{$fa-css-prefix}-pull-margin, #{$fa-pull-margin});
|
14
|
+
margin-right: var(--#{$fa-css-prefix}-pull-margin, #{$fa-pull-margin});
|
15
15
|
}
|
16
16
|
|
17
|
-
.#{$fa-css-prefix}-pull-right {
|
17
|
+
.#{$fa-css-prefix}-pull-right {
|
18
18
|
float: right;
|
19
|
-
margin-left: var(--#{$fa-css-prefix}-pull-margin, #{$fa-pull-margin});
|
19
|
+
margin-left: var(--#{$fa-css-prefix}-pull-margin, #{$fa-pull-margin});
|
20
20
|
}
|
@@ -1,33 +1,30 @@
|
|
1
1
|
/*!
|
2
|
-
* Font Awesome Free 6.1.
|
2
|
+
* Font Awesome Free 6.1.2 by @fontawesome - https://fontawesome.com
|
3
3
|
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
4
4
|
* Copyright 2022 Fonticons, Inc.
|
5
5
|
*/
|
6
|
-
@import
|
7
|
-
@import
|
6
|
+
@import 'functions';
|
7
|
+
@import 'variables';
|
8
8
|
|
9
|
-
:root,
|
10
|
-
:host {
|
9
|
+
:root, :host {
|
11
10
|
--#{$fa-css-prefix}-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
|
12
11
|
}
|
13
12
|
|
14
13
|
@font-face {
|
15
|
-
font-family:
|
14
|
+
font-family: 'Font Awesome 6 Brands';
|
16
15
|
font-style: normal;
|
17
16
|
font-weight: 400;
|
18
17
|
font-display: $fa-font-display;
|
19
|
-
src: url(fa-font-path(
|
20
|
-
url(fa-font-path(
|
18
|
+
src: url(fa-font-path('fa-brands-400.woff2')) format('woff2'),
|
19
|
+
url(fa-font-path('fa-brands-400.ttf')) format('truetype');
|
21
20
|
}
|
22
21
|
|
23
22
|
.fab,
|
24
23
|
.#{$fa-css-prefix}-brands {
|
25
|
-
font-family:
|
24
|
+
font-family: 'Font Awesome 6 Brands';
|
26
25
|
font-weight: 400;
|
27
26
|
}
|
28
27
|
|
29
28
|
@each $name, $icon in $fa-brand-icons {
|
30
|
-
.#{$fa-css-prefix}-#{$name}:before {
|
31
|
-
content: unquote('"#{ $icon }"');
|
32
|
-
}
|
29
|
+
.#{$fa-css-prefix}-#{$name}:before { content: unquote("\"#{ $icon }\""); }
|
33
30
|
}
|
@@ -2,7 +2,7 @@
|
|
2
2
|
// -------------------------
|
3
3
|
|
4
4
|
.#{$fa-css-prefix} {
|
5
|
-
font-family: var(--#{$fa-css-prefix}-style-family,
|
5
|
+
font-family: var(--#{$fa-css-prefix}-style-family, '#{$fa-style-family}');
|
6
6
|
font-weight: var(--#{$fa-css-prefix}-style, #{$fa-style});
|
7
7
|
}
|
8
8
|
|
@@ -3,7 +3,7 @@
|
|
3
3
|
|
4
4
|
// fa-content: convenience function used to set content property
|
5
5
|
@function fa-content($fa-var) {
|
6
|
-
@return unquote(
|
6
|
+
@return unquote("\"#{ $fa-var }\"");
|
7
7
|
}
|
8
8
|
|
9
9
|
// fa-divide: Originally obtained from the Bootstrap https://github.com/twbs/bootstrap
|
@@ -51,7 +51,7 @@
|
|
51
51
|
$remainder: $remainder - $divisor;
|
52
52
|
}
|
53
53
|
@if $remainder > 0 and $precision > 0 {
|
54
|
-
$remainder: fa-divide($remainder * 10, $divisor, $precision - 1) *
|
54
|
+
$remainder: fa-divide($remainder * 10, $divisor, $precision - 1) * .1;
|
55
55
|
}
|
56
56
|
@return ($quotient + $remainder) * $sign;
|
57
57
|
}
|
@@ -5,7 +5,5 @@
|
|
5
5
|
readers do not read off random characters that represent icons */
|
6
6
|
|
7
7
|
@each $name, $icon in $fa-icons {
|
8
|
-
.#{$fa-css-prefix}-#{$name}::before {
|
9
|
-
content: unquote('"#{ $icon }"');
|
10
|
-
}
|
8
|
+
.#{$fa-css-prefix}-#{$name}::before { content: unquote("\"#{ $icon }\""); }
|
11
9
|
}
|
@@ -13,7 +13,7 @@
|
|
13
13
|
}
|
14
14
|
|
15
15
|
// sets relative font-sizing and alignment (in _sizing)
|
16
|
-
@mixin fa-size($font-size) {
|
16
|
+
@mixin fa-size ($font-size) {
|
17
17
|
font-size: fa-divide($font-size, $fa-size-scale-base) * 1em; // converts step in sizing scale into an em-based value that's relative to the scale's base
|
18
18
|
line-height: fa-divide(1, $font-size) * 1em; // sets the line-height of the icon back to that of it's parent
|
19
19
|
vertical-align: (fa-divide(6, $font-size) - fa-divide(3, 8)) * 1em; // vertically centers the icon taking into account the surrounding text's descender
|
@@ -49,7 +49,7 @@
|
|
49
49
|
@extend .fa-solid;
|
50
50
|
|
51
51
|
&::before {
|
52
|
-
content: unquote(
|
52
|
+
content: unquote("\"#{ $fa-var }\"");
|
53
53
|
}
|
54
54
|
}
|
55
55
|
|
@@ -58,7 +58,7 @@
|
|
58
58
|
@extend .fa-regular;
|
59
59
|
|
60
60
|
&::before {
|
61
|
-
content: unquote(
|
61
|
+
content: unquote("\"#{ $fa-var }\"");
|
62
62
|
}
|
63
63
|
}
|
64
64
|
|
@@ -67,6 +67,7 @@
|
|
67
67
|
@extend .fa-brands;
|
68
68
|
|
69
69
|
&::before {
|
70
|
-
content: unquote(
|
70
|
+
content: unquote("\"#{ $fa-var }\"");
|
71
71
|
}
|
72
72
|
}
|
73
|
+
|
@@ -1,27 +1,26 @@
|
|
1
1
|
/*!
|
2
|
-
* Font Awesome Free 6.1.
|
2
|
+
* Font Awesome Free 6.1.2 by @fontawesome - https://fontawesome.com
|
3
3
|
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
4
4
|
* Copyright 2022 Fonticons, Inc.
|
5
5
|
*/
|
6
|
-
@import
|
7
|
-
@import
|
6
|
+
@import 'functions';
|
7
|
+
@import 'variables';
|
8
8
|
|
9
|
-
:root,
|
10
|
-
:host {
|
9
|
+
:root, :host {
|
11
10
|
--#{$fa-css-prefix}-font-regular: normal 400 1em/1 "#{ $fa-style-family }";
|
12
11
|
}
|
13
12
|
|
14
13
|
@font-face {
|
15
|
-
font-family:
|
14
|
+
font-family: 'Font Awesome 6 Free';
|
16
15
|
font-style: normal;
|
17
16
|
font-weight: 400;
|
18
17
|
font-display: $fa-font-display;
|
19
|
-
src: url(fa-font-path(
|
20
|
-
url(fa-font-path(
|
18
|
+
src: url(fa-font-path('fa-regular-400.woff2')) format('woff2'),
|
19
|
+
url(fa-font-path('fa-regular-400.ttf')) format('truetype');
|
21
20
|
}
|
22
21
|
|
23
22
|
.far,
|
24
23
|
.#{$fa-css-prefix}-regular {
|
25
|
-
font-family:
|
24
|
+
font-family: 'Font Awesome 6 Free';
|
26
25
|
font-weight: 400;
|
27
26
|
}
|