font-awesome-sass 6.0.0 → 6.1.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: e4b21cce3cddb7dccf87c457ec1999d3f4cfd44ab2680b240c692a19d8fa21ce
4
- data.tar.gz: 43d9205df33a07a77eff8605491995c99d18a764157f256286a00c454bca5d3d
3
+ metadata.gz: d6ee9d3c87656a6e2c112936c1cd09c8de660b56dfb2928ca5163ec6431d7fc6
4
+ data.tar.gz: 2892c87a286914a5b7d3feb9dd88db15f88952aaabe27996807bdf3ed9452252
5
5
  SHA512:
6
- metadata.gz: 5f7c9ddb9c7dadc49bb198bfcd5d07da7f70a52e505f837964931af035556d0a26da80d4b7dff457452cdebdd2d6a95bdeaa4020fb0dce4a145bef9b6ba8431a
7
- data.tar.gz: 1a63258924cee0a1cf2d653ed391c5522d3ce5f1914536b6f640003ce5b426bea877761480c8f59b669eb5c0a7787383b033e5f029045fae3cba88fab19cd3d3
6
+ metadata.gz: 1e8b7baba671ae6272476cea723a9267dbb8121ccee64d2d85f1e8c742856d3815dab9e24592962b0c8f25eb42efb992b8718fce08cce4fd9766911eb8bf6337
7
+ data.tar.gz: ead5f3a70ab169bb1afb4d64a9d990e7b727e79d81b0eae93fbdb83510f25d268b4a1bf610b82555f72650d52372f81d2fa81a93f28f3e281a2a55c7243340a4
data/README.md CHANGED
@@ -15,7 +15,7 @@ You can find more detailed information on these changes on our [Getting Started]
15
15
  In your Gemfile include:
16
16
 
17
17
  ```ruby
18
- gem 'font-awesome-sass', '~> 6.0.0'
18
+ gem 'font-awesome-sass', '~> 6.1.0'
19
19
  ```
20
20
 
21
21
  And then execute:
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com
2
+ * Font Awesome Free 6.1.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
4
  * Copyright 2022 Fonticons, Inc.
5
5
  */
@@ -19,15 +19,6 @@
19
19
  @import "font-awesome/stacked";
20
20
  @import "font-awesome/icons";
21
21
  @import "font-awesome/screen-reader";
22
-
23
- @function fa-font-path($file) {
24
- @if function-exists("font-path") {
25
- @return font-path("font-awesome/#{$file}");
26
- } @else {
27
- @return "#{$fa-font-path}/#{$file}";
28
- }
29
- }
30
-
31
- @import "solid";
32
- @import "regular";
33
- @import "brands";
22
+ @import "font-awesome/solid";
23
+ @import "font-awesome/regular";
24
+ @import "font-awesome/brands";
@@ -16,7 +16,7 @@
16
16
  animation-direction: var(--#{$fa-css-prefix}-animation-direction, normal);
17
17
  animation-duration: var(--#{$fa-css-prefix}-animation-duration, 1s);
18
18
  animation-iteration-count: var(--#{$fa-css-prefix}-animation-iteration-count, infinite);
19
- animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, cubic-bezier(0.280, 0.840, 0.420, 1));
19
+ animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
20
20
  }
21
21
 
22
22
  .#{$fa-css-prefix}-fade {
@@ -25,7 +25,7 @@
25
25
  animation-direction: var(--#{$fa-css-prefix}-animation-direction, normal);
26
26
  animation-duration: var(--#{$fa-css-prefix}-animation-duration, 1s);
27
27
  animation-iteration-count: var(--#{$fa-css-prefix}-animation-iteration-count, infinite);
28
- animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, cubic-bezier(.4,0,.6,1));
28
+ animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
29
29
  }
30
30
 
31
31
  .#{$fa-css-prefix}-beat-fade {
@@ -34,7 +34,7 @@
34
34
  animation-direction: var(--#{$fa-css-prefix}-animation-direction, normal);
35
35
  animation-duration: var(--#{$fa-css-prefix}-animation-duration, 1s);
36
36
  animation-iteration-count: var(--#{$fa-css-prefix}-animation-iteration-count, infinite);
37
- animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, cubic-bezier(.4,0,.6,1));
37
+ animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
38
38
  }
39
39
 
40
40
  .#{$fa-css-prefix}-flip {
@@ -99,26 +99,60 @@
99
99
  }
100
100
 
101
101
  @keyframes #{$fa-css-prefix}-beat {
102
- 0%, 90% { transform: scale(1); }
103
- 45% { transform: scale(var(--#{$fa-css-prefix}-beat-scale, 1.25)); }
102
+ 0%,
103
+ 90% {
104
+ transform: scale(1);
105
+ }
106
+ 45% {
107
+ transform: scale(var(--#{$fa-css-prefix}-beat-scale, 1.25));
108
+ }
104
109
  }
105
110
 
106
111
  @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); }
112
+ 0% {
113
+ transform: scale(1, 1) translateY(0);
114
+ }
115
+ 10% {
116
+ transform: scale(
117
+ var(--#{$fa-css-prefix}-bounce-start-scale-x, 1.1),
118
+ var(--#{$fa-css-prefix}-bounce-start-scale-y, 0.9)
119
+ )
120
+ translateY(0);
121
+ }
122
+ 30% {
123
+ transform: scale(
124
+ var(--#{$fa-css-prefix}-bounce-jump-scale-x, 0.9),
125
+ var(--#{$fa-css-prefix}-bounce-jump-scale-y, 1.1)
126
+ )
127
+ translateY(var(--#{$fa-css-prefix}-bounce-height, -0.5em));
128
+ }
129
+ 50% {
130
+ transform: scale(
131
+ var(--#{$fa-css-prefix}-bounce-land-scale-x, 1.05),
132
+ var(--#{$fa-css-prefix}-bounce-land-scale-y, 0.95)
133
+ )
134
+ translateY(0);
135
+ }
136
+ 57% {
137
+ transform: scale(1, 1) translateY(var(--#{$fa-css-prefix}-bounce-rebound, -0.125em));
138
+ }
139
+ 64% {
140
+ transform: scale(1, 1) translateY(0);
141
+ }
142
+ 100% {
143
+ transform: scale(1, 1) translateY(0);
144
+ }
114
145
  }
115
146
 
116
147
  @keyframes #{$fa-css-prefix}-fade {
117
- 50% { opacity: var(--#{$fa-css-prefix}-fade-opacity, 0.4); }
148
+ 50% {
149
+ opacity: var(--#{$fa-css-prefix}-fade-opacity, 0.4);
150
+ }
118
151
  }
119
152
 
120
153
  @keyframes #{$fa-css-prefix}-beat-fade {
121
- 0%, 100% {
154
+ 0%,
155
+ 100% {
122
156
  opacity: var(--#{$fa-css-prefix}-beat-fade-opacity, 0.4);
123
157
  transform: scale(1);
124
158
  }
@@ -130,24 +164,53 @@
130
164
 
131
165
  @keyframes #{$fa-css-prefix}-flip {
132
166
  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));
167
+ transform: rotate3d(
168
+ var(--#{$fa-css-prefix}-flip-x, 0),
169
+ var(--#{$fa-css-prefix}-flip-y, 1),
170
+ var(--#{$fa-css-prefix}-flip-z, 0),
171
+ var(--#{$fa-css-prefix}-flip-angle, -180deg)
172
+ );
134
173
  }
135
174
  }
136
175
 
137
176
  @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); }
177
+ 0% {
178
+ transform: rotate(-15deg);
179
+ }
180
+ 4% {
181
+ transform: rotate(15deg);
182
+ }
183
+ 8%,
184
+ 24% {
185
+ transform: rotate(-18deg);
186
+ }
187
+ 12%,
188
+ 28% {
189
+ transform: rotate(18deg);
190
+ }
191
+ 16% {
192
+ transform: rotate(-22deg);
193
+ }
194
+ 20% {
195
+ transform: rotate(22deg);
196
+ }
197
+ 32% {
198
+ transform: rotate(-12deg);
199
+ }
200
+ 36% {
201
+ transform: rotate(12deg);
202
+ }
203
+ 40%,
204
+ 100% {
205
+ transform: rotate(0deg);
206
+ }
147
207
  }
148
208
 
149
209
  @keyframes #{$fa-css-prefix}-spin {
150
- 0% { transform: rotate(0deg); }
151
- 100% { transform: rotate(360deg); }
210
+ 0% {
211
+ transform: rotate(0deg);
212
+ }
213
+ 100% {
214
+ transform: rotate(360deg);
215
+ }
152
216
  }
153
-
@@ -9,12 +9,12 @@
9
9
  padding: var(--#{$fa-css-prefix}-border-padding, #{$fa-border-padding});
10
10
  }
11
11
 
12
- .#{$fa-css-prefix}-pull-left {
12
+ .#{$fa-css-prefix}-pull-left {
13
13
  float: left;
14
- margin-right: var(--#{$fa-css-prefix}-pull-margin, #{$fa-pull-margin});
14
+ margin-right: var(--#{$fa-css-prefix}-pull-margin, #{$fa-pull-margin});
15
15
  }
16
16
 
17
- .#{$fa-css-prefix}-pull-right {
17
+ .#{$fa-css-prefix}-pull-right {
18
18
  float: right;
19
- margin-left: var(--#{$fa-css-prefix}-pull-margin, #{$fa-pull-margin});
19
+ margin-left: var(--#{$fa-css-prefix}-pull-margin, #{$fa-pull-margin});
20
20
  }
@@ -1,14 +1,14 @@
1
1
  /*!
2
- * Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com
2
+ * Font Awesome Free 6.1.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
4
  * Copyright 2022 Fonticons, Inc.
5
5
  */
6
- @import "font-awesome/functions";
7
- @import "font-awesome/variables";
6
+ @import "functions";
7
+ @import "variables";
8
8
 
9
9
  :root,
10
10
  :host {
11
- --#{ $fa-css-prefix }-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
11
+ --#{$fa-css-prefix}-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
12
12
  }
13
13
 
14
14
  @font-face {
@@ -21,13 +21,13 @@
21
21
  }
22
22
 
23
23
  .fab,
24
- .fa-brands {
24
+ .#{$fa-css-prefix}-brands {
25
25
  font-family: "Font Awesome 6 Brands";
26
26
  font-weight: 400;
27
27
  }
28
28
 
29
29
  @each $name, $icon in $fa-brand-icons {
30
30
  .#{$fa-css-prefix}-#{$name}:before {
31
- content: fa-content($icon);
31
+ content: unquote('"#{ $icon }"');
32
32
  }
33
33
  }
@@ -2,23 +2,23 @@
2
2
  // -------------------------
3
3
 
4
4
  .#{$fa-css-prefix} {
5
- font-family: var(--#{$fa-css-prefix}-style-family, '#{$fa-style-family}');
5
+ font-family: var(--#{$fa-css-prefix}-style-family, "#{$fa-style-family}");
6
6
  font-weight: var(--#{$fa-css-prefix}-style, #{$fa-style});
7
7
  }
8
8
 
9
9
  .#{$fa-css-prefix},
10
10
  .fas,
11
- .fa-solid,
11
+ .#{$fa-css-prefix}-solid,
12
12
  .far,
13
- .fa-regular,
13
+ .#{$fa-css-prefix}-regular,
14
14
  .fal,
15
- .fa-light,
15
+ .#{$fa-css-prefix}-light,
16
16
  .fat,
17
- .fa-thin,
17
+ .#{$fa-css-prefix}-thin,
18
18
  .fad,
19
- .fa-duotone,
19
+ .#{$fa-css-prefix}-duotone,
20
20
  .fab,
21
- .fa-brands {
21
+ .#{$fa-css-prefix}-brands {
22
22
  -moz-osx-font-smoothing: grayscale;
23
23
  -webkit-font-smoothing: antialiased;
24
24
  display: var(--#{$fa-css-prefix}-display, #{$fa-display});
@@ -1,7 +1,12 @@
1
1
  // functions
2
2
  // --------------------------
3
3
 
4
- // Originally obtained from the Bootstrap https://github.com/twbs/bootstrap
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
5
10
  //
6
11
  // Licensed under: The MIT License (MIT)
7
12
  //
@@ -25,6 +30,7 @@
25
30
  // LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
26
31
  // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
27
32
  // THE SOFTWARE.
33
+
28
34
  @function fa-divide($dividend, $divisor, $precision: 10) {
29
35
  $sign: if($dividend > 0 and $divisor > 0, 1, -1);
30
36
  $dividend: abs($dividend);
@@ -45,7 +51,16 @@
45
51
  $remainder: $remainder - $divisor;
46
52
  }
47
53
  @if $remainder > 0 and $precision > 0 {
48
- $remainder: fa-divide($remainder * 10, $divisor, $precision - 1) * .1;
54
+ $remainder: fa-divide($remainder * 10, $divisor, $precision - 1) * 0.1;
49
55
  }
50
56
  @return ($quotient + $remainder) * $sign;
51
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
+ }
@@ -5,5 +5,7 @@
5
5
  readers do not read off random characters that represent icons */
6
6
 
7
7
  @each $name, $icon in $fa-icons {
8
- .#{$fa-css-prefix}-#{$name}::before { content: fa-content($icon); }
8
+ .#{$fa-css-prefix}-#{$name}::before {
9
+ content: unquote('"#{ $icon }"');
10
+ }
9
11
  }
@@ -6,7 +6,9 @@
6
6
  margin-left: var(--#{$fa-css-prefix}-li-margin, #{$fa-li-margin});
7
7
  padding-left: 0;
8
8
 
9
- > li { position: relative; }
9
+ > li {
10
+ position: relative;
11
+ }
10
12
  }
11
13
 
12
14
  .#{$fa-css-prefix}-li {
@@ -13,7 +13,7 @@
13
13
  }
14
14
 
15
15
  // sets relative font-sizing and alignment (in _sizing)
16
- @mixin fa-size ($font-size) {
16
+ @mixin fa-size($font-size) {
17
17
  font-size: fa-divide($font-size, $fa-size-scale-base) * 1em; // converts step in sizing scale into an em-based value that's relative to the scale's base
18
18
  line-height: fa-divide(1, $font-size) * 1em; // sets the line-height of the icon back to that of it's parent
19
19
  vertical-align: (fa-divide(6, $font-size) - fa-divide(3, 8)) * 1em; // vertically centers the icon taking into account the surrounding text's descender
@@ -49,7 +49,7 @@
49
49
  @extend .fa-solid;
50
50
 
51
51
  &::before {
52
- content: unquote("\"#{ $fa-var }\"");
52
+ content: unquote('"#{ $fa-var }"');
53
53
  }
54
54
  }
55
55
 
@@ -58,7 +58,7 @@
58
58
  @extend .fa-regular;
59
59
 
60
60
  &::before {
61
- content: unquote("\"#{ $fa-var }\"");
61
+ content: unquote('"#{ $fa-var }"');
62
62
  }
63
63
  }
64
64
 
@@ -67,7 +67,6 @@
67
67
  @extend .fa-brands;
68
68
 
69
69
  &::before {
70
- content: unquote("\"#{ $fa-var }\"");
70
+ content: unquote('"#{ $fa-var }"');
71
71
  }
72
72
  }
73
-
@@ -1,14 +1,14 @@
1
1
  /*!
2
- * Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com
2
+ * Font Awesome Free 6.1.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
4
  * Copyright 2022 Fonticons, Inc.
5
5
  */
6
- @import "font-awesome/functions";
7
- @import "font-awesome/variables";
6
+ @import "functions";
7
+ @import "variables";
8
8
 
9
9
  :root,
10
10
  :host {
11
- --#{ $fa-css-prefix }-font-regular: normal 400 1em/1 "#{ $fa-style-family }";
11
+ --#{$fa-css-prefix}-font-regular: normal 400 1em/1 "#{ $fa-style-family }";
12
12
  }
13
13
 
14
14
  @font-face {
@@ -21,7 +21,7 @@
21
21
  }
22
22
 
23
23
  .far,
24
- .fa-regular {
24
+ .#{$fa-css-prefix}-regular {
25
25
  font-family: "Font Awesome 6 Free";
26
26
  font-weight: 400;
27
27
  }
@@ -22,7 +22,7 @@
22
22
  }
23
23
 
24
24
  .#{$fa-css-prefix}-flip-both,
25
- .#{$fa-css-prefix}-flip-horizontal.#{$fa-css-prefix}-flip-vertical {
25
+ .#{$fa-css-prefix}-flip-horizontal.#{$fa-css-prefix}-flip-vertical {
26
26
  transform: scale(-1, -1);
27
27
  }
28
28
 
@@ -3,12 +3,12 @@
3
3
 
4
4
  // only display content to screen readers
5
5
  .sr-only,
6
- .fa-sr-only {
7
- @include fa-sr-only;
6
+ .#{$fa-css-prefix}-sr-only {
7
+ @include fa-sr-only;
8
8
  }
9
9
 
10
10
  // use in conjunction with .sr-only to only display content when it's focused
11
11
  .sr-only-focusable,
12
- .fa-sr-only-focusable {
13
- @include fa-sr-only-focusable;
12
+ .#{$fa-css-prefix}-sr-only-focusable {
13
+ @include fa-sr-only-focusable;
14
14
  }