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.
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
+ }