font-awesome-sass 4.7.0 → 6.4.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +5 -5
- data/CODE_OF_CONDUCT.md +74 -0
- data/README.md +8 -86
- data/assets/fonts/font-awesome/fa-brands-400.ttf +0 -0
- data/assets/fonts/font-awesome/fa-brands-400.woff2 +0 -0
- data/assets/fonts/font-awesome/fa-regular-400.ttf +0 -0
- data/assets/fonts/font-awesome/fa-regular-400.woff2 +0 -0
- data/assets/fonts/font-awesome/fa-solid-900.ttf +0 -0
- data/assets/fonts/font-awesome/fa-solid-900.woff2 +0 -0
- data/assets/stylesheets/_font-awesome.scss +10 -4
- data/assets/stylesheets/font-awesome/_animated.scss +140 -21
- data/assets/stylesheets/font-awesome/_bordered-pulled.scss +12 -17
- data/assets/stylesheets/font-awesome/_brands.scss +30 -0
- data/assets/stylesheets/font-awesome/_core.scss +37 -6
- data/assets/stylesheets/font-awesome/_fixed-width.scss +3 -2
- data/assets/stylesheets/font-awesome/_functions.scss +66 -0
- data/assets/stylesheets/font-awesome/_icons.scss +8 -787
- data/assets/stylesheets/font-awesome/_list.scss +8 -9
- data/assets/stylesheets/font-awesome/_mixins.scss +57 -42
- data/assets/stylesheets/font-awesome/_regular.scss +26 -0
- data/assets/stylesheets/font-awesome/_rotated-flipped.scss +25 -14
- data/assets/stylesheets/font-awesome/_screen-reader.scss +12 -3
- data/assets/stylesheets/font-awesome/_shims.scss +2042 -0
- data/assets/stylesheets/font-awesome/_sizing.scss +16 -0
- data/assets/stylesheets/font-awesome/_solid.scss +26 -0
- data/assets/stylesheets/font-awesome/_stacked.scss +22 -10
- data/assets/stylesheets/font-awesome/_variables.scss +4956 -797
- data/font-awesome-sass.gemspec +2 -4
- data/lib/font-awesome-sass.rb +6 -26
- data/lib/font_awesome/sass/rails/engine.rb +5 -3
- data/lib/font_awesome/sass/rails/helpers.rb +3 -2
- data/lib/font_awesome/sass/rails/railtie.rb +5 -3
- data/lib/font_awesome/sass/version.rb +1 -1
- metadata +25 -50
- data/assets/fonts/font-awesome/fontawesome-webfont.eot +0 -0
- data/assets/fonts/font-awesome/fontawesome-webfont.svg +0 -2671
- 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 +0 -5
- data/assets/stylesheets/_font-awesome-sprockets.scss +0 -5
- data/assets/stylesheets/font-awesome/_larger.scss +0 -13
- data/assets/stylesheets/font-awesome/_path.scss +0 -14
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
|
-
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
2
|
+
SHA256:
|
3
|
+
metadata.gz: 513699154fac8758bf35a6644df33526c17dff5fe1c7ca6bac6c6e43f22bb601
|
4
|
+
data.tar.gz: 56c7055822802a9619135c47f05caac3349f760964c9a3a1c99236150431c3ae
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: d5ef4b4e157a07211b612ffdc7bf15c108a474e60440010276a68316fcf27c0c504cc27241e57060eea4ad7bb9a21ee3816e17231a1b8124de8752fe8629e18f
|
7
|
+
data.tar.gz: 372dfecfe1c8aa15c9ad07737c44f5b090932e3746b861e0f985632e64d746c1407d812a660989003af9eac703af900b65e0bc24e3790ee1ba9940506a2aeb3b
|
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,96 +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 [
|
6
|
-
Ruby on Rails, Compass, Sprockets, etc.
|
7
|
-
|
8
|
-
Refactored to support more Ruby environments with code and documentation humbly used from the excellent
|
9
|
-
[bootstrap-sass](https://github.com/twbs/bootstrap-sass) project by the Bootstrap team
|
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.
|
10
6
|
|
11
|
-
|
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
|
12
8
|
|
13
|
-
|
9
|
+
---
|
14
10
|
|
15
|
-
|
16
|
-
* [Compass](#b-compass-without-rails) not on Rails.
|
11
|
+
## Documentation
|
17
12
|
|
18
|
-
|
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.
|
19
14
|
|
20
|
-
|
15
|
+
## How to Help
|
21
16
|
|
22
|
-
|
23
|
-
gem 'font-awesome-sass', '~> 4.7.0'
|
24
|
-
```
|
17
|
+
1. Review the following docs before diving in: [CODE_OF_CONDUCT.md](CODE_OF_CONDUCT.md)
|
25
18
|
|
26
|
-
|
27
|
-
|
28
|
-
```sh
|
29
|
-
bundle install
|
30
|
-
```
|
31
|
-
|
32
|
-
Import the FontAwesome styles in your `app/assets/stylesheets/application.css.scss`. The `font-awesome-sprockets` file
|
33
|
-
includes the sprockets assets helper Sass functions used for finding the proper path to the font file.
|
34
|
-
|
35
|
-
```scss
|
36
|
-
@import "font-awesome-sprockets";
|
37
|
-
@import "font-awesome";
|
38
|
-
```
|
39
|
-
|
40
|
-
#### Rails Helper usage
|
41
|
-
|
42
|
-
In your view:
|
43
|
-
|
44
|
-
```ruby
|
45
|
-
icon('flag')
|
46
|
-
# => <i class="fa fa-flag"></i>
|
47
|
-
```
|
48
|
-
|
49
|
-
```ruby
|
50
|
-
icon('flag', class: 'strong')
|
51
|
-
# => <i class="fa fa-flag strong"></i>
|
52
|
-
```
|
53
|
-
|
54
|
-
```ruby
|
55
|
-
icon('flag', 'Font Awesome', id: 'my-icon', class: 'strong')
|
56
|
-
# => <i id="my-icon" class="fa fa-flag strong"></i> Font Awesome
|
57
|
-
```
|
58
|
-
|
59
|
-
Note: the icon helper can take a hash of options that will be passed to the content_tag helper
|
60
|
-
|
61
|
-
### b. Compass without Rails
|
62
|
-
|
63
|
-
Install the gem
|
64
|
-
|
65
|
-
```sh
|
66
|
-
gem install font-awesome-sass
|
67
|
-
```
|
68
|
-
|
69
|
-
If you have an existing Compass project:
|
70
|
-
|
71
|
-
```ruby
|
72
|
-
# config.rb:
|
73
|
-
require 'font-awesome-sass'
|
74
|
-
```
|
75
|
-
|
76
|
-
Import the FontAwesome styles
|
77
|
-
|
78
|
-
```scss
|
79
|
-
@import "font-awesome-compass";
|
80
|
-
@import "font-awesome";
|
81
|
-
```
|
82
|
-
|
83
|
-
## Upgrading from FontAwesome::Sass 3.x
|
84
|
-
|
85
|
-
Prepend the `fa` class to existing icons:
|
86
|
-
|
87
|
-
3.x Syntax
|
88
|
-
|
89
|
-
```html
|
90
|
-
<i class="icon-github"></i>
|
91
|
-
```
|
92
|
-
|
93
|
-
4.x Syntax
|
94
|
-
|
95
|
-
```html
|
96
|
-
<i class="fa fa-github"></i>
|
97
|
-
```
|
19
|
+
2. Check the existing [issues](https://github.com/FortAwesome/font-awesome-sass/issues) and see if you can help!
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
@@ -1,13 +1,16 @@
|
|
1
1
|
/*!
|
2
|
-
*
|
3
|
-
*
|
2
|
+
* Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
|
3
|
+
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
4
|
+
* Copyright 2022 Fonticons, Inc.
|
4
5
|
*/
|
6
|
+
// Font Awesome core compile (Web Fonts-based)
|
7
|
+
// -------------------------
|
5
8
|
|
9
|
+
@import "font-awesome/functions";
|
6
10
|
@import "font-awesome/variables";
|
7
11
|
@import "font-awesome/mixins";
|
8
|
-
@import "font-awesome/path";
|
9
12
|
@import "font-awesome/core";
|
10
|
-
@import "font-awesome/
|
13
|
+
@import "font-awesome/sizing";
|
11
14
|
@import "font-awesome/fixed-width";
|
12
15
|
@import "font-awesome/list";
|
13
16
|
@import "font-awesome/bordered-pulled";
|
@@ -16,3 +19,6 @@
|
|
16
19
|
@import "font-awesome/stacked";
|
17
20
|
@import "font-awesome/icons";
|
18
21
|
@import "font-awesome/screen-reader";
|
22
|
+
@import "font-awesome/solid";
|
23
|
+
@import "font-awesome/regular";
|
24
|
+
@import "font-awesome/brands";
|
@@ -1,34 +1,153 @@
|
|
1
|
-
//
|
1
|
+
// animating icons
|
2
2
|
// --------------------------
|
3
3
|
|
4
|
+
.#{$fa-css-prefix}-beat {
|
5
|
+
animation-name: #{$fa-css-prefix}-beat;
|
6
|
+
animation-delay: var(--#{$fa-css-prefix}-animation-delay, 0s);
|
7
|
+
animation-direction: var(--#{$fa-css-prefix}-animation-direction, normal);
|
8
|
+
animation-duration: var(--#{$fa-css-prefix}-animation-duration, 1s);
|
9
|
+
animation-iteration-count: var(--#{$fa-css-prefix}-animation-iteration-count, infinite);
|
10
|
+
animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, ease-in-out);
|
11
|
+
}
|
12
|
+
|
13
|
+
.#{$fa-css-prefix}-bounce {
|
14
|
+
animation-name: #{$fa-css-prefix}-bounce;
|
15
|
+
animation-delay: var(--#{$fa-css-prefix}-animation-delay, 0s);
|
16
|
+
animation-direction: var(--#{$fa-css-prefix}-animation-direction, normal);
|
17
|
+
animation-duration: var(--#{$fa-css-prefix}-animation-duration, 1s);
|
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.280, 0.840, 0.420, 1));
|
20
|
+
}
|
21
|
+
|
22
|
+
.#{$fa-css-prefix}-fade {
|
23
|
+
animation-name: #{$fa-css-prefix}-fade;
|
24
|
+
animation-delay: var(--#{$fa-css-prefix}-animation-delay, 0s);
|
25
|
+
animation-direction: var(--#{$fa-css-prefix}-animation-direction, normal);
|
26
|
+
animation-duration: var(--#{$fa-css-prefix}-animation-duration, 1s);
|
27
|
+
animation-iteration-count: var(--#{$fa-css-prefix}-animation-iteration-count, infinite);
|
28
|
+
animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, cubic-bezier(.4,0,.6,1));
|
29
|
+
}
|
30
|
+
|
31
|
+
.#{$fa-css-prefix}-beat-fade {
|
32
|
+
animation-name: #{$fa-css-prefix}-beat-fade;
|
33
|
+
animation-delay: var(--#{$fa-css-prefix}-animation-delay, 0s);
|
34
|
+
animation-direction: var(--#{$fa-css-prefix}-animation-direction, normal);
|
35
|
+
animation-duration: var(--#{$fa-css-prefix}-animation-duration, 1s);
|
36
|
+
animation-iteration-count: var(--#{$fa-css-prefix}-animation-iteration-count, infinite);
|
37
|
+
animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, cubic-bezier(.4,0,.6,1));
|
38
|
+
}
|
39
|
+
|
40
|
+
.#{$fa-css-prefix}-flip {
|
41
|
+
animation-name: #{$fa-css-prefix}-flip;
|
42
|
+
animation-delay: var(--#{$fa-css-prefix}-animation-delay, 0s);
|
43
|
+
animation-direction: var(--#{$fa-css-prefix}-animation-direction, normal);
|
44
|
+
animation-duration: var(--#{$fa-css-prefix}-animation-duration, 1s);
|
45
|
+
animation-iteration-count: var(--#{$fa-css-prefix}-animation-iteration-count, infinite);
|
46
|
+
animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, ease-in-out);
|
47
|
+
}
|
48
|
+
|
49
|
+
.#{$fa-css-prefix}-shake {
|
50
|
+
animation-name: #{$fa-css-prefix}-shake;
|
51
|
+
animation-delay: var(--#{$fa-css-prefix}-animation-delay, 0s);
|
52
|
+
animation-direction: var(--#{$fa-css-prefix}-animation-direction, normal);
|
53
|
+
animation-duration: var(--#{$fa-css-prefix}-animation-duration, 1s);
|
54
|
+
animation-iteration-count: var(--#{$fa-css-prefix}-animation-iteration-count, infinite);
|
55
|
+
animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, linear);
|
56
|
+
}
|
57
|
+
|
4
58
|
.#{$fa-css-prefix}-spin {
|
5
|
-
-
|
6
|
-
|
59
|
+
animation-name: #{$fa-css-prefix}-spin;
|
60
|
+
animation-delay: var(--#{$fa-css-prefix}-animation-delay, 0s);
|
61
|
+
animation-direction: var(--#{$fa-css-prefix}-animation-direction, normal);
|
62
|
+
animation-duration: var(--#{$fa-css-prefix}-animation-duration, 2s);
|
63
|
+
animation-iteration-count: var(--#{$fa-css-prefix}-animation-iteration-count, infinite);
|
64
|
+
animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, linear);
|
7
65
|
}
|
8
66
|
|
9
|
-
.#{$fa-css-prefix}-
|
10
|
-
-
|
11
|
-
animation: fa-spin 1s infinite steps(8);
|
67
|
+
.#{$fa-css-prefix}-spin-reverse {
|
68
|
+
--#{$fa-css-prefix}-animation-direction: reverse;
|
12
69
|
}
|
13
70
|
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
}
|
19
|
-
|
20
|
-
|
21
|
-
|
71
|
+
.#{$fa-css-prefix}-pulse,
|
72
|
+
.#{$fa-css-prefix}-spin-pulse {
|
73
|
+
animation-name: #{$fa-css-prefix}-spin;
|
74
|
+
animation-direction: var(--#{$fa-css-prefix}-animation-direction, normal);
|
75
|
+
animation-duration: var(--#{$fa-css-prefix}-animation-duration, 1s);
|
76
|
+
animation-iteration-count: var(--#{$fa-css-prefix}-animation-iteration-count, infinite);
|
77
|
+
animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, steps(8));
|
78
|
+
}
|
79
|
+
|
80
|
+
// if agent or operating system prefers reduced motion, disable animations
|
81
|
+
// see: https://www.smashingmagazine.com/2020/09/design-reduced-motion-sensitivities/
|
82
|
+
// see: https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion
|
83
|
+
@media (prefers-reduced-motion: reduce) {
|
84
|
+
.#{$fa-css-prefix}-beat,
|
85
|
+
.#{$fa-css-prefix}-bounce,
|
86
|
+
.#{$fa-css-prefix}-fade,
|
87
|
+
.#{$fa-css-prefix}-beat-fade,
|
88
|
+
.#{$fa-css-prefix}-flip,
|
89
|
+
.#{$fa-css-prefix}-pulse,
|
90
|
+
.#{$fa-css-prefix}-shake,
|
91
|
+
.#{$fa-css-prefix}-spin,
|
92
|
+
.#{$fa-css-prefix}-spin-pulse {
|
93
|
+
animation-delay: -1ms;
|
94
|
+
animation-duration: 1ms;
|
95
|
+
animation-iteration-count: 1;
|
96
|
+
transition-delay: 0s;
|
97
|
+
transition-duration: 0s;
|
22
98
|
}
|
23
99
|
}
|
24
100
|
|
25
|
-
@keyframes fa-
|
26
|
-
0% {
|
27
|
-
|
28
|
-
|
101
|
+
@keyframes #{$fa-css-prefix}-beat {
|
102
|
+
0%, 90% { transform: scale(1); }
|
103
|
+
45% { transform: scale(var(--#{$fa-css-prefix}-beat-scale, 1.25)); }
|
104
|
+
}
|
105
|
+
|
106
|
+
@keyframes #{$fa-css-prefix}-bounce {
|
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); }
|
114
|
+
}
|
115
|
+
|
116
|
+
@keyframes #{$fa-css-prefix}-fade {
|
117
|
+
50% { opacity: var(--#{$fa-css-prefix}-fade-opacity, 0.4); }
|
118
|
+
}
|
119
|
+
|
120
|
+
@keyframes #{$fa-css-prefix}-beat-fade {
|
121
|
+
0%, 100% {
|
122
|
+
opacity: var(--#{$fa-css-prefix}-beat-fade-opacity, 0.4);
|
123
|
+
transform: scale(1);
|
124
|
+
}
|
125
|
+
50% {
|
126
|
+
opacity: 1;
|
127
|
+
transform: scale(var(--#{$fa-css-prefix}-beat-fade-scale, 1.125));
|
29
128
|
}
|
30
|
-
|
31
|
-
|
32
|
-
|
129
|
+
}
|
130
|
+
|
131
|
+
@keyframes #{$fa-css-prefix}-flip {
|
132
|
+
50% {
|
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));
|
33
134
|
}
|
34
135
|
}
|
136
|
+
|
137
|
+
@keyframes #{$fa-css-prefix}-shake {
|
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); }
|
147
|
+
}
|
148
|
+
|
149
|
+
@keyframes #{$fa-css-prefix}-spin {
|
150
|
+
0% { transform: rotate(0deg); }
|
151
|
+
100% { transform: rotate(360deg); }
|
152
|
+
}
|
153
|
+
|
@@ -1,25 +1,20 @@
|
|
1
|
-
//
|
1
|
+
// bordered + pulled icons
|
2
2
|
// -------------------------
|
3
3
|
|
4
4
|
.#{$fa-css-prefix}-border {
|
5
|
-
|
6
|
-
border:
|
7
|
-
border-
|
5
|
+
border-color: var(--#{$fa-css-prefix}-border-color, #{$fa-border-color});
|
6
|
+
border-radius: var(--#{$fa-css-prefix}-border-radius, #{$fa-border-radius});
|
7
|
+
border-style: var(--#{$fa-css-prefix}-border-style, #{$fa-border-style});
|
8
|
+
border-width: var(--#{$fa-css-prefix}-border-width, #{$fa-border-width});
|
9
|
+
padding: var(--#{$fa-css-prefix}-border-padding, #{$fa-border-padding});
|
8
10
|
}
|
9
11
|
|
10
|
-
.#{$fa-css-prefix}-pull-left {
|
11
|
-
|
12
|
-
|
13
|
-
.#{$fa-css-prefix} {
|
14
|
-
&.#{$fa-css-prefix}-pull-left { margin-right: .3em; }
|
15
|
-
&.#{$fa-css-prefix}-pull-right { margin-left: .3em; }
|
12
|
+
.#{$fa-css-prefix}-pull-left {
|
13
|
+
float: left;
|
14
|
+
margin-right: var(--#{$fa-css-prefix}-pull-margin, #{$fa-pull-margin});
|
16
15
|
}
|
17
16
|
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
.#{$fa-css-prefix} {
|
23
|
-
&.pull-left { margin-right: .3em; }
|
24
|
-
&.pull-right { margin-left: .3em; }
|
17
|
+
.#{$fa-css-prefix}-pull-right {
|
18
|
+
float: right;
|
19
|
+
margin-left: var(--#{$fa-css-prefix}-pull-margin, #{$fa-pull-margin});
|
25
20
|
}
|
@@ -0,0 +1,30 @@
|
|
1
|
+
/*!
|
2
|
+
* Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com
|
3
|
+
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
4
|
+
* Copyright 2023 Fonticons, Inc.
|
5
|
+
*/
|
6
|
+
@import 'functions';
|
7
|
+
@import 'variables';
|
8
|
+
|
9
|
+
:root, :host {
|
10
|
+
--#{$fa-css-prefix}-style-family-brands: 'Font Awesome 6 Brands';
|
11
|
+
--#{$fa-css-prefix}-font-brands: normal 400 1em/1 'Font Awesome 6 Brands';
|
12
|
+
}
|
13
|
+
|
14
|
+
@font-face {
|
15
|
+
font-family: 'Font Awesome 6 Brands';
|
16
|
+
font-style: normal;
|
17
|
+
font-weight: 400;
|
18
|
+
font-display: $fa-font-display;
|
19
|
+
src: url(fa-font-path('fa-brands-400.woff2')) format('woff2'),
|
20
|
+
url(fa-font-path('fa-brands-400.ttf')) format('truetype');
|
21
|
+
}
|
22
|
+
|
23
|
+
.fab,
|
24
|
+
.#{$fa-css-prefix}-brands {
|
25
|
+
font-weight: 400;
|
26
|
+
}
|
27
|
+
|
28
|
+
@each $name, $icon in $fa-brand-icons {
|
29
|
+
.#{$fa-css-prefix}-#{$name}:before { content: unquote("\"#{ $icon }\""); }
|
30
|
+
}
|
@@ -1,12 +1,43 @@
|
|
1
|
-
//
|
1
|
+
// base icon class definition
|
2
2
|
// -------------------------
|
3
3
|
|
4
4
|
.#{$fa-css-prefix} {
|
5
|
-
|
6
|
-
font:
|
7
|
-
|
8
|
-
|
9
|
-
|
5
|
+
font-family: var(--#{$fa-css-prefix}-style-family, '#{$fa-style-family}');
|
6
|
+
font-weight: var(--#{$fa-css-prefix}-style, #{$fa-style});
|
7
|
+
}
|
8
|
+
|
9
|
+
.#{$fa-css-prefix},
|
10
|
+
.#{$fa-css-prefix}-classic,
|
11
|
+
.#{$fa-css-prefix}-sharp,
|
12
|
+
.fas,
|
13
|
+
.#{$fa-css-prefix}-solid,
|
14
|
+
.far,
|
15
|
+
.#{$fa-css-prefix}-regular,
|
16
|
+
.fab,
|
17
|
+
.#{$fa-css-prefix}-brands {
|
10
18
|
-moz-osx-font-smoothing: grayscale;
|
19
|
+
-webkit-font-smoothing: antialiased;
|
20
|
+
display: var(--#{$fa-css-prefix}-display, #{$fa-display});
|
21
|
+
font-style: normal;
|
22
|
+
font-variant: normal;
|
23
|
+
line-height: 1;
|
24
|
+
text-rendering: auto;
|
25
|
+
}
|
26
|
+
|
27
|
+
.fas,
|
28
|
+
.#{$fa-css-prefix}-classic,
|
29
|
+
.#{$fa-css-prefix}-solid,
|
30
|
+
.far,
|
31
|
+
.#{$fa-css-prefix}-regular {
|
32
|
+
font-family: 'Font Awesome 6 Free';
|
33
|
+
}
|
34
|
+
|
35
|
+
.fab,
|
36
|
+
.#{$fa-css-prefix}-brands {
|
37
|
+
font-family: 'Font Awesome 6 Brands';
|
38
|
+
}
|
39
|
+
|
11
40
|
|
41
|
+
%fa-icon {
|
42
|
+
@include fa-icon;
|
12
43
|
}
|
@@ -0,0 +1,66 @@
|
|
1
|
+
// functions
|
2
|
+
// --------------------------
|
3
|
+
|
4
|
+
// fa-content: convenience function used to set content property
|
5
|
+
@function fa-content($fa-var) {
|
6
|
+
@return unquote("\"#{ $fa-var }\"");
|
7
|
+
}
|
8
|
+
|
9
|
+
// fa-divide: Originally obtained from the Bootstrap https://github.com/twbs/bootstrap
|
10
|
+
//
|
11
|
+
// Licensed under: The MIT License (MIT)
|
12
|
+
//
|
13
|
+
// Copyright (c) 2011-2021 Twitter, Inc.
|
14
|
+
// Copyright (c) 2011-2021 The Bootstrap Authors
|
15
|
+
//
|
16
|
+
// Permission is hereby granted, free of charge, to any person obtaining a copy
|
17
|
+
// of this software and associated documentation files (the "Software"), to deal
|
18
|
+
// in the Software without restriction, including without limitation the rights
|
19
|
+
// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
20
|
+
// copies of the Software, and to permit persons to whom the Software is
|
21
|
+
// furnished to do so, subject to the following conditions:
|
22
|
+
//
|
23
|
+
// The above copyright notice and this permission notice shall be included in
|
24
|
+
// all copies or substantial portions of the Software.
|
25
|
+
//
|
26
|
+
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
27
|
+
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
28
|
+
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
29
|
+
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
30
|
+
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
31
|
+
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
32
|
+
// THE SOFTWARE.
|
33
|
+
|
34
|
+
@function fa-divide($dividend, $divisor, $precision: 10) {
|
35
|
+
$sign: if($dividend > 0 and $divisor > 0, 1, -1);
|
36
|
+
$dividend: abs($dividend);
|
37
|
+
$divisor: abs($divisor);
|
38
|
+
$quotient: 0;
|
39
|
+
$remainder: $dividend;
|
40
|
+
@if $dividend == 0 {
|
41
|
+
@return 0;
|
42
|
+
}
|
43
|
+
@if $divisor == 0 {
|
44
|
+
@error "Cannot divide by 0";
|
45
|
+
}
|
46
|
+
@if $divisor == 1 {
|
47
|
+
@return $dividend;
|
48
|
+
}
|
49
|
+
@while $remainder >= $divisor {
|
50
|
+
$quotient: $quotient + 1;
|
51
|
+
$remainder: $remainder - $divisor;
|
52
|
+
}
|
53
|
+
@if $remainder > 0 and $precision > 0 {
|
54
|
+
$remainder: fa-divide($remainder * 10, $divisor, $precision - 1) * .1;
|
55
|
+
}
|
56
|
+
@return ($quotient + $remainder) * $sign;
|
57
|
+
}
|
58
|
+
|
59
|
+
// fa-font-path: function used to set font path to webfont files
|
60
|
+
@function fa-font-path($file) {
|
61
|
+
@if function-exists("font-path") {
|
62
|
+
@return font-path("font-awesome/#{$file}");
|
63
|
+
} @else {
|
64
|
+
@return "#{$fa-font-path}/#{$file}";
|
65
|
+
}
|
66
|
+
}
|