font-awesome-sass 5.11.2 → 6.7.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. checksums.yaml +4 -4
  2. data/CODE_OF_CONDUCT.md +74 -0
  3. data/README.md +8 -104
  4. data/assets/fonts/font-awesome/fa-brands-400.ttf +0 -0
  5. data/assets/fonts/font-awesome/fa-brands-400.woff2 +0 -0
  6. data/assets/fonts/font-awesome/fa-regular-400.ttf +0 -0
  7. data/assets/fonts/font-awesome/fa-regular-400.woff2 +0 -0
  8. data/assets/fonts/font-awesome/fa-solid-900.ttf +0 -0
  9. data/assets/fonts/font-awesome/fa-solid-900.woff2 +0 -0
  10. data/assets/stylesheets/_font-awesome.scss +11 -4
  11. data/assets/stylesheets/font-awesome/_animated.scss +141 -9
  12. data/assets/stylesheets/font-awesome/_bordered-pulled.scss +13 -13
  13. data/assets/stylesheets/font-awesome/_brands.scss +30 -0
  14. data/assets/stylesheets/font-awesome/_core.scss +35 -7
  15. data/assets/stylesheets/font-awesome/_fixed-width.scss +2 -1
  16. data/assets/stylesheets/font-awesome/_functions.scss +66 -0
  17. data/assets/stylesheets/font-awesome/_icons.scss +9 -1394
  18. data/assets/stylesheets/font-awesome/_list.scss +4 -4
  19. data/assets/stylesheets/font-awesome/_mixins.scss +44 -35
  20. data/assets/stylesheets/font-awesome/_regular.scss +27 -0
  21. data/assets/stylesheets/font-awesome/_rotated-flipped.scss +25 -18
  22. data/assets/stylesheets/font-awesome/_screen-reader.scss +12 -3
  23. data/assets/stylesheets/font-awesome/_shims.scss +650 -1134
  24. data/assets/stylesheets/font-awesome/_sizing.scss +16 -0
  25. data/assets/stylesheets/font-awesome/_solid.scss +27 -0
  26. data/assets/stylesheets/font-awesome/_stacked.scss +5 -4
  27. data/assets/stylesheets/font-awesome/_variables.scss +4973 -1346
  28. data/font-awesome-sass.gemspec +5 -2
  29. data/lib/font-awesome-sass.rb +0 -18
  30. data/lib/font_awesome/sass/rails/engine.rb +1 -1
  31. data/lib/font_awesome/sass/rails/helpers.rb +1 -0
  32. data/lib/font_awesome/sass/rails/railtie.rb +3 -1
  33. data/lib/font_awesome/sass/version.rb +1 -1
  34. metadata +16 -39
  35. data/assets/fonts/font-awesome/fa-brands-400.eot +0 -0
  36. data/assets/fonts/font-awesome/fa-brands-400.svg +0 -3496
  37. data/assets/fonts/font-awesome/fa-brands-400.woff +0 -0
  38. data/assets/fonts/font-awesome/fa-regular-400.eot +0 -0
  39. data/assets/fonts/font-awesome/fa-regular-400.svg +0 -803
  40. data/assets/fonts/font-awesome/fa-regular-400.woff +0 -0
  41. data/assets/fonts/font-awesome/fa-solid-900.eot +0 -0
  42. data/assets/fonts/font-awesome/fa-solid-900.svg +0 -4667
  43. data/assets/fonts/font-awesome/fa-solid-900.woff +0 -0
  44. data/assets/stylesheets/_font-awesome-compass.scss +0 -5
  45. data/assets/stylesheets/_font-awesome-sprockets.scss +0 -5
  46. data/assets/stylesheets/_v4-shims.scss +0 -6
  47. data/assets/stylesheets/font-awesome/_larger.scss +0 -23
  48. data/assets/stylesheets/font-awesome/_path.scss +0 -53
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 5ea43d57176dca8678a95ef4cc06c7bbc4ecd509947cdf37c6a68fbb92a427d8
4
- data.tar.gz: 0cd1803fa569d1a0bd6ac12069461c4c139850588d9720eccb9428cf1d254695
3
+ metadata.gz: 290e6930fd8c1d7ddbcb6bb6e2f347380203a629ef724e9ceed1e65c3b0db3ad
4
+ data.tar.gz: 0f394475e7fd310c057621b8040512f93cd01029baac1b4fa815218fbf78eeea
5
5
  SHA512:
6
- metadata.gz: 963839437f80c932460c945d23e63d152c134817d9732150d7bf52698587c26bc257e8a9f629568c130bad16494b29e22348bb8684b975c38113bcdec0097bb0
7
- data.tar.gz: b64a2dc733bedf4f2c74e5ceaec5c8f4e3169ac849357f3b9bd357dcd7674e910f63204e611dd8b4d986c9347ce19c5492e6223c1cfc24c286b1ba38d8eb0dbe
6
+ metadata.gz: e726d656389ac5f9712686bacdb38813ff0e0a49b4a48f3da6cb064f20068852e908d5d345aae2486d5e94d52c0bed873c03eb8ede875c8743a5f8ce367f0aeb
7
+ data.tar.gz: f47cb166022b76a544914ed3e2600d3e6977af2c15b04358ded1f311fae335e6d617e4ec6094a2ea28bab9ede65768613aa34bfa59cdaa082c093524ad3ac44c
@@ -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,114 +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 [FontAwesome](http://fortawesome.github.io/Font-Awesome/) for your Ruby projects and plays nicely with
6
- Ruby on Rails, Compass, Sprockets, etc.
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.
7
6
 
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
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
10
8
 
11
- ## Breaking Changes
9
+ ---
12
10
 
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:
11
+ ## Documentation
14
12
 
15
- * Icon name changes
16
- * New icons
17
- * The use of an icon style (`solid`, `regular`, or `brands`)
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.
18
14
 
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.
15
+ ## How to Help
20
16
 
21
- ## Installation
17
+ 1. Review the following docs before diving in: [CODE_OF_CONDUCT.md](CODE_OF_CONDUCT.md)
22
18
 
23
- Please see the appropriate guide for your environment of choice:
24
-
25
- * [Ruby on Rails](#a-ruby-on-rails).
26
- * [Compass](#b-compass-without-rails) not on Rails.
27
-
28
- ### a. Ruby on Rails
29
-
30
- In your Gemfile include:
31
-
32
- ```ruby
33
- gem 'font-awesome-sass', '~> 5.11.2'
34
- ```
35
-
36
- And then execute:
37
-
38
- ```sh
39
- bundle install
40
- ```
41
-
42
- Import the FontAwesome styles in your `app/assets/stylesheets/application.css.scss`. The `font-awesome-sprockets` file
43
- includes the sprockets assets helper Sass functions used for finding the proper path to the font file.
44
-
45
- ```scss
46
- @import "font-awesome-sprockets";
47
- @import "font-awesome";
48
- ```
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
-
52
- #### Rails Helper usage
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
-
60
- In your view:
61
-
62
- ```ruby
63
- icon('fas', 'flag')
64
- # => <i class="fas fa-flag"></i>
65
- ```
66
-
67
- ```ruby
68
- icon('far', 'address-book', class: 'strong')
69
- # => <i class="far fa-address-book strong"></i>
70
- ```
71
-
72
- ```ruby
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
75
- ```
76
-
77
- Note: the icon helper can take a hash of options that will be passed to the content_tag helper
78
-
79
- ### b. Compass without Rails
80
-
81
- Install the gem
82
-
83
- ```sh
84
- gem install font-awesome-sass
85
- ```
86
-
87
- If you have an existing Compass project:
88
-
89
- ```ruby
90
- # config.rb:
91
- require 'font-awesome-sass'
92
- ```
93
-
94
- Import the FontAwesome styles
95
-
96
- ```scss
97
- @import "font-awesome-compass";
98
- @import "font-awesome";
99
- ```
100
-
101
- ## Upgrading from FontAwesome::Sass 4.x
102
-
103
- Prepend the style of the icon you want to use (`fas`, `far`, `fab`) class to existing icons:
104
-
105
- 4.x Syntax
106
-
107
- ```html
108
- <i class="fa fa-github"></i>
109
- ```
110
-
111
- 5.x Syntax (GitHub icon exists in the Brands style)
112
-
113
- ```html
114
- <i class="fab fa-github"></i>
115
- ```
19
+ 2. Check the existing [issues](https://github.com/FortAwesome/font-awesome-sass/issues) and see if you can help!
@@ -1,12 +1,16 @@
1
1
  /*!
2
- * Font Awesome Free 5.11.2 by @fontawesome - https://fontawesome.com
2
+ * Font Awesome Free 6.4.0 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
+ * Copyright 2022 Fonticons, Inc.
4
5
  */
6
+ // Font Awesome core compile (Web Fonts-based)
7
+ // -------------------------
8
+
9
+ @import "font-awesome/functions";
5
10
  @import "font-awesome/variables";
6
11
  @import "font-awesome/mixins";
7
- @import "font-awesome/path";
8
12
  @import "font-awesome/core";
9
- @import "font-awesome/larger";
13
+ @import "font-awesome/sizing";
10
14
  @import "font-awesome/fixed-width";
11
15
  @import "font-awesome/list";
12
16
  @import "font-awesome/bordered-pulled";
@@ -14,4 +18,7 @@
14
18
  @import "font-awesome/rotated-flipped";
15
19
  @import "font-awesome/stacked";
16
20
  @import "font-awesome/icons";
17
- @import "font-awesome/screen-reader";
21
+ @import "font-awesome/screen-reader";
22
+ @import "font-awesome/solid";
23
+ @import "font-awesome/regular";
24
+ @import "font-awesome/brands";
@@ -1,20 +1,152 @@
1
- // Animated Icons
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
- animation: fa-spin 2s infinite linear;
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);
6
65
  }
7
66
 
8
- .#{$fa-css-prefix}-pulse {
9
- animation: fa-spin 1s infinite steps(8);
67
+ .#{$fa-css-prefix}-spin-reverse {
68
+ --#{$fa-css-prefix}-animation-direction: reverse;
10
69
  }
11
70
 
12
- @keyframes fa-spin {
13
- 0% {
14
- transform: rotate(0deg);
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;
15
98
  }
99
+ }
16
100
 
17
- 100% {
18
- transform: rotate(360deg);
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));
19
128
  }
20
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));
134
+ }
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
+ }
@@ -1,20 +1,20 @@
1
- // Bordered & Pulled
1
+ // bordered + pulled icons
2
2
  // -------------------------
3
3
 
4
4
  .#{$fa-css-prefix}-border {
5
- border: solid .08em $fa-border-color;
6
- border-radius: .1em;
7
- padding: .2em .25em .15em;
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 { float: left; }
11
- .#{$fa-css-prefix}-pull-right { float: right; }
12
+ .#{$fa-css-prefix}-pull-left {
13
+ float: left;
14
+ margin-right: var(--#{$fa-css-prefix}-pull-margin, #{$fa-pull-margin});
15
+ }
12
16
 
13
- .#{$fa-css-prefix},
14
- .fas,
15
- .far,
16
- .fal,
17
- .fab {
18
- &.#{$fa-css-prefix}-pull-left { margin-right: .3em; }
19
- &.#{$fa-css-prefix}-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});
20
20
  }
@@ -0,0 +1,30 @@
1
+ /*!
2
+ * Font Awesome Free 6.7.2 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 2024 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} { #{$fa-icon-property}: unquote("\"#{ $icon }\""); }
30
+ }
@@ -1,19 +1,47 @@
1
- // Base Class Definition
1
+ // base icon class definition
2
2
  // -------------------------
3
3
 
4
- .#{$fa-css-prefix},
4
+ .#{$fa-css-prefix} {
5
+ font-family: var(--#{$fa-css-prefix}-style-family, '#{$fa-style-family}');
6
+ font-weight: var(--#{$fa-css-prefix}-style, #{$fa-style});
7
+ }
8
+
5
9
  .fas,
6
10
  .far,
7
- .fal,
8
- .fad,
9
- .fab {
11
+ .fab,
12
+ .#{$fa-css-prefix}-solid,
13
+ .#{$fa-css-prefix}-regular,
14
+ .#{$fa-css-prefix}-brands,
15
+ .#{$fa-css-prefix} {
10
16
  -moz-osx-font-smoothing: grayscale;
11
17
  -webkit-font-smoothing: antialiased;
12
- display: inline-block;
18
+ display: var(--#{$fa-css-prefix}-display, #{$fa-display});
13
19
  font-style: normal;
14
20
  font-variant: normal;
15
- text-rendering: auto;
16
21
  line-height: 1;
22
+ text-rendering: auto;
23
+ }
24
+
25
+ .fas::before,
26
+ .far::before,
27
+ .fab::before,
28
+ .#{$fa-css-prefix}-solid::before,
29
+ .#{$fa-css-prefix}-regular::before,
30
+ .#{$fa-css-prefix}-brands::before,
31
+ .#{$fa-css-prefix}::before {
32
+ content: var(#{$fa-icon-property});
33
+ }
34
+
35
+ .#{$fa-css-prefix}-classic,
36
+ .fas,
37
+ .#{$fa-css-prefix}-solid,
38
+ .far,
39
+ .#{$fa-css-prefix}-regular {
40
+ font-family: 'Font Awesome 6 Free';
41
+ }
42
+ .#{$fa-css-prefix}-brands,
43
+ .fab {
44
+ font-family: 'Font Awesome 6 Brands';
17
45
  }
18
46
 
19
47
  %fa-icon {
@@ -1,5 +1,6 @@
1
- // Fixed Width Icons
1
+ // fixed-width icons
2
2
  // -------------------------
3
+
3
4
  .#{$fa-css-prefix}-fw {
4
5
  text-align: center;
5
6
  width: $fa-fw-width;
@@ -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
+ }