font-awesome-sass 4.7.0 → 6.4.0

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 (43) hide show
  1. checksums.yaml +5 -5
  2. data/CODE_OF_CONDUCT.md +74 -0
  3. data/README.md +8 -86
  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 +10 -4
  11. data/assets/stylesheets/font-awesome/_animated.scss +140 -21
  12. data/assets/stylesheets/font-awesome/_bordered-pulled.scss +12 -17
  13. data/assets/stylesheets/font-awesome/_brands.scss +30 -0
  14. data/assets/stylesheets/font-awesome/_core.scss +37 -6
  15. data/assets/stylesheets/font-awesome/_fixed-width.scss +3 -2
  16. data/assets/stylesheets/font-awesome/_functions.scss +66 -0
  17. data/assets/stylesheets/font-awesome/_icons.scss +8 -787
  18. data/assets/stylesheets/font-awesome/_list.scss +8 -9
  19. data/assets/stylesheets/font-awesome/_mixins.scss +57 -42
  20. data/assets/stylesheets/font-awesome/_regular.scss +26 -0
  21. data/assets/stylesheets/font-awesome/_rotated-flipped.scss +25 -14
  22. data/assets/stylesheets/font-awesome/_screen-reader.scss +12 -3
  23. data/assets/stylesheets/font-awesome/_shims.scss +2042 -0
  24. data/assets/stylesheets/font-awesome/_sizing.scss +16 -0
  25. data/assets/stylesheets/font-awesome/_solid.scss +26 -0
  26. data/assets/stylesheets/font-awesome/_stacked.scss +22 -10
  27. data/assets/stylesheets/font-awesome/_variables.scss +4956 -797
  28. data/font-awesome-sass.gemspec +2 -4
  29. data/lib/font-awesome-sass.rb +6 -26
  30. data/lib/font_awesome/sass/rails/engine.rb +5 -3
  31. data/lib/font_awesome/sass/rails/helpers.rb +3 -2
  32. data/lib/font_awesome/sass/rails/railtie.rb +5 -3
  33. data/lib/font_awesome/sass/version.rb +1 -1
  34. metadata +25 -50
  35. data/assets/fonts/font-awesome/fontawesome-webfont.eot +0 -0
  36. data/assets/fonts/font-awesome/fontawesome-webfont.svg +0 -2671
  37. data/assets/fonts/font-awesome/fontawesome-webfont.ttf +0 -0
  38. data/assets/fonts/font-awesome/fontawesome-webfont.woff +0 -0
  39. data/assets/fonts/font-awesome/fontawesome-webfont.woff2 +0 -0
  40. data/assets/stylesheets/_font-awesome-compass.scss +0 -5
  41. data/assets/stylesheets/_font-awesome-sprockets.scss +0 -5
  42. data/assets/stylesheets/font-awesome/_larger.scss +0 -13
  43. data/assets/stylesheets/font-awesome/_path.scss +0 -14
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
- SHA1:
3
- metadata.gz: fcf0d3c16cca075a7e7aa6148d6ef4f51ec01fdd
4
- data.tar.gz: 185275ffd76b848c161bdc73fe94dd13c163fb69
2
+ SHA256:
3
+ metadata.gz: 513699154fac8758bf35a6644df33526c17dff5fe1c7ca6bac6c6e43f22bb601
4
+ data.tar.gz: 56c7055822802a9619135c47f05caac3349f760964c9a3a1c99236150431c3ae
5
5
  SHA512:
6
- metadata.gz: c631bacf0b7122b3a14ec3dbd525dfecd1b96313172d203b5a192df56716107d83c84446a094f4680c50b00867c06d0342c465ca1170c0a28ba4207cc699071b
7
- data.tar.gz: 15c1dbbd1c5cf0761fcad8b7bfb0d8a2b490bd2e096bad48d3facae8f5eb368cc6de66192145c16d553e5d0cbcd7ba93e55f7e0ce94141f4b3926508cdd1af2b
6
+ metadata.gz: d5ef4b4e157a07211b612ffdc7bf15c108a474e60440010276a68316fcf27c0c504cc27241e57060eea4ad7bb9a21ee3816e17231a1b8124de8752fe8629e18f
7
+ data.tar.gz: 372dfecfe1c8aa15c9ad07737c44f5b090932e3746b861e0f985632e64d746c1407d812a660989003af9eac703af900b65e0bc24e3790ee1ba9940506a2aeb3b
@@ -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 [FontAwesome](http://fortawesome.github.io/Font-Awesome/) for your Ruby projects and plays nicely with
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
- ## Installation
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
- Please see the appropriate guide for your environment of choice:
9
+ ---
14
10
 
15
- * [Ruby on Rails](#a-ruby-on-rails).
16
- * [Compass](#b-compass-without-rails) not on Rails.
11
+ ## Documentation
17
12
 
18
- ### a. Ruby on Rails
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
- In your Gemfile include:
15
+ ## How to Help
21
16
 
22
- ```ruby
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
- And then execute:
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!
@@ -1,13 +1,16 @@
1
1
  /*!
2
- * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
3
- * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
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/larger";
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
- // Spinning 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
- -webkit-animation: fa-spin 2s infinite linear;
6
- 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);
7
65
  }
8
66
 
9
- .#{$fa-css-prefix}-pulse {
10
- -webkit-animation: fa-spin 1s infinite steps(8);
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
- @-webkit-keyframes fa-spin {
15
- 0% {
16
- -webkit-transform: rotate(0deg);
17
- transform: rotate(0deg);
18
- }
19
- 100% {
20
- -webkit-transform: rotate(359deg);
21
- transform: rotate(359deg);
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-spin {
26
- 0% {
27
- -webkit-transform: rotate(0deg);
28
- transform: rotate(0deg);
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
- 100% {
31
- -webkit-transform: rotate(359deg);
32
- transform: rotate(359deg);
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
- // Bordered & Pulled
1
+ // bordered + pulled icons
2
2
  // -------------------------
3
3
 
4
4
  .#{$fa-css-prefix}-border {
5
- padding: .2em .25em .15em;
6
- border: solid .08em $fa-border-color;
7
- border-radius: .1em;
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
-
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
- /* Deprecated as of 4.4.0 */
19
- .pull-right { float: right; }
20
- .pull-left { float: left; }
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
- // Base Class Definition
1
+ // base icon class definition
2
2
  // -------------------------
3
3
 
4
4
  .#{$fa-css-prefix} {
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;
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
  }
@@ -1,6 +1,7 @@
1
- // Fixed Width Icons
1
+ // fixed-width icons
2
2
  // -------------------------
3
+
3
4
  .#{$fa-css-prefix}-fw {
4
- width: (18em / 14);
5
5
  text-align: center;
6
+ width: $fa-fw-width;
6
7
  }
@@ -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
+ }