Updated to font awesome 6.6.0 (#2581)

Updated to [FontAwesome 6.6.0](https://github.com/FortAwesome/Font-Awesome/releases/tag/6.6.0) --------- Signed-off-by: George Araujo <[email protected]>
alshedivat · Jul 17, 2024 · d9ea1b3 · d9ea1b3
1 parent aef552f
commit d9ea1b3
Show file tree

Hide file tree

Showing 24 changed files with 767 additions and 1,429 deletions.
diff --git a/.prettierignore b/.prettierignore
@@ -8,3 +8,4 @@ assets/js/search/*.js
 assets/plotly/demo.html
 lighthouse_results/**
 _posts/2015-10-20-math.md
+_sass/font-awesome/*.scss
diff --git a/_sass/font-awesome/_animated.scss b/_sass/font-awesome/_animated.scss
@@ -16,7 +16,7 @@
  animation-direction: var(--#{$fa-css-prefix}-animation-direction, normal);
  animation-duration: var(--#{$fa-css-prefix}-animation-duration, 1s);
  animation-iteration-count: var(--#{$fa-css-prefix}-animation-iteration-count, infinite);
- animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
+ animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, cubic-bezier(0.280, 0.840, 0.420, 1));
 }
 
 .#{$fa-css-prefix}-fade {
@@ -25,7 +25,7 @@
  animation-direction: var(--#{$fa-css-prefix}-animation-direction, normal);
  animation-duration: var(--#{$fa-css-prefix}-animation-duration, 1s);
  animation-iteration-count: var(--#{$fa-css-prefix}-animation-iteration-count, infinite);
- animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
+ animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, cubic-bezier(.4,0,.6,1));
 }
 
 .#{$fa-css-prefix}-beat-fade {
@@ -34,7 +34,7 @@
  animation-direction: var(--#{$fa-css-prefix}-animation-direction, normal);
  animation-duration: var(--#{$fa-css-prefix}-animation-duration, 1s);
  animation-iteration-count: var(--#{$fa-css-prefix}-animation-iteration-count, infinite);
- animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
+ animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, cubic-bezier(.4,0,.6,1));
 }
 
 .#{$fa-css-prefix}-flip {
@@ -99,49 +99,26 @@
 }
 
 @keyframes #{$fa-css-prefix}-beat {
- 0%,
- 90% {
- transform: scale(1);
- }
- 45% {
- transform: scale(var(--#{$fa-css-prefix}-beat-scale, 1.25));
- }
+ 0%, 90% { transform: scale(1); }
+ 45% { transform: scale(var(--#{$fa-css-prefix}-beat-scale, 1.25)); }
 }
 
 @keyframes #{$fa-css-prefix}-bounce {
- 0% {
- transform: scale(1, 1) translateY(0);
- }
- 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);
- }
- 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));
- }
- 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);
- }
- 57% {
- transform: scale(1, 1) translateY(var(--#{$fa-css-prefix}-bounce-rebound, -0.125em));
- }
- 64% {
- transform: scale(1, 1) translateY(0);
- }
- 100% {
- transform: scale(1, 1) translateY(0);
- }
+ 0% { transform: scale(1,1) translateY(0); }
+ 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); }
+ 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)); }
+ 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); }
+ 57% { transform: scale(1,1) translateY(var(--#{$fa-css-prefix}-bounce-rebound, -0.125em)); }
+ 64% { transform: scale(1,1) translateY(0); }
+ 100% { transform: scale(1,1) translateY(0); }
 }
 
 @keyframes #{$fa-css-prefix}-fade {
- 50% {
- opacity: var(--#{$fa-css-prefix}-fade-opacity, 0.4);
- }
+ 50% { opacity: var(--#{$fa-css-prefix}-fade-opacity, 0.4); }
 }
 
 @keyframes #{$fa-css-prefix}-beat-fade {
- 0%,
- 100% {
+ 0%, 100% {
  opacity: var(--#{$fa-css-prefix}-beat-fade-opacity, 0.4);
  transform: scale(1);
  }
@@ -153,53 +130,23 @@
 
 @keyframes #{$fa-css-prefix}-flip {
  50% {
- 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)
- );
+ 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));
  }
 }
 
 @keyframes #{$fa-css-prefix}-shake {
- 0% {
- transform: rotate(-15deg);
- }
- 4% {
- transform: rotate(15deg);
- }
- 8%,
- 24% {
- transform: rotate(-18deg);
- }
- 12%,
- 28% {
- transform: rotate(18deg);
- }
- 16% {
- transform: rotate(-22deg);
- }
- 20% {
- transform: rotate(22deg);
- }
- 32% {
- transform: rotate(-12deg);
- }
- 36% {
- transform: rotate(12deg);
- }
- 40%,
- 100% {
- transform: rotate(0deg);
- }
+ 0% { transform: rotate(-15deg); }
+ 4% { transform: rotate(15deg); }
+ 8%, 24% { transform: rotate(-18deg); }
+ 12%, 28% { transform: rotate(18deg); }
+ 16% { transform: rotate(-22deg); }
+ 20% { transform: rotate(22deg); }
+ 32% { transform: rotate(-12deg); }
+ 36% { transform: rotate(12deg); }
+ 40%, 100% { transform: rotate(0deg); }
 }
 
 @keyframes #{$fa-css-prefix}-spin {
- 0% {
- transform: rotate(0deg);
- }
- 100% {
- transform: rotate(360deg);
- }
+ 0% { transform: rotate(0deg); }
+ 100% { transform: rotate(360deg); }
 }
diff --git a/_sass/font-awesome/_bordered-pulled.scss b/_sass/font-awesome/_bordered-pulled.scss
@@ -11,10 +11,10 @@
 
 .#{$fa-css-prefix}-pull-left {
  float: left;
- margin-right: var(--#{$fa-css-prefix}-pull-margin, #{$fa-pull-margin});
+ margin-right: var(--#{$fa-css-prefix}-pull-margin, #{$fa-pull-margin}); 
 }
 
 .#{$fa-css-prefix}-pull-right {
  float: right;
- margin-left: var(--#{$fa-css-prefix}-pull-margin, #{$fa-pull-margin});
+ margin-left: var(--#{$fa-css-prefix}-pull-margin, #{$fa-pull-margin}); 
 }
diff --git a/_sass/font-awesome/_core.scss b/_sass/font-awesome/_core.scss
@@ -2,19 +2,19 @@
 // -------------------------
 
 .#{$fa-css-prefix} {
- font-family: var(--#{$fa-css-prefix}-style-family, "#{$fa-style-family}");
+ font-family: var(--#{$fa-css-prefix}-style-family, '#{$fa-style-family}');
  font-weight: var(--#{$fa-css-prefix}-style, #{$fa-style});
 }
 
-.#{$fa-css-prefix},
-.#{$fa-css-prefix}-classic,
-.#{$fa-css-prefix}-sharp,
-.fas,
 .#{$fa-css-prefix}-solid,
-.far,
 .#{$fa-css-prefix}-regular,
+.#{$fa-css-prefix}-brands,
+.fas,
+.far,
 .fab,
-.#{$fa-css-prefix}-brands {
+.#{$fa-css-prefix}-sharp-solid,
+.#{$fa-css-prefix}-classic,
+.#{$fa-css-prefix} {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--#{$fa-css-prefix}-display, #{$fa-display});
@@ -29,14 +29,15 @@
 .#{$fa-css-prefix}-solid,
 .far,
 .#{$fa-css-prefix}-regular {
- font-family: "Font Awesome 6 Free";
+ font-family: 'Font Awesome 6 Free';
 }
 
 .fab,
 .#{$fa-css-prefix}-brands {
- font-family: "Font Awesome 6 Brands";
+ font-family: 'Font Awesome 6 Brands';
 }
 
+
 %fa-icon {
  @include fa-icon;
 }
diff --git a/_sass/font-awesome/_functions.scss b/_sass/font-awesome/_functions.scss
@@ -3,7 +3,7 @@
 
 // fa-content: convenience function used to set content property
 @function fa-content($fa-var) {
- @return unquote('"#{ $fa-var }"');
+ @return unquote("\"#{ $fa-var }\"");
 }
 
 // fa-divide: Originally obtained from the Bootstrap https://github.com/twbs/bootstrap
@@ -51,7 +51,7 @@
  $remainder: $remainder - $divisor;
  }
  @if $remainder > 0 and $precision > 0 {
- $remainder: fa-divide($remainder * 10, $divisor, $precision - 1) * 0.1;
+ $remainder: fa-divide($remainder * 10, $divisor, $precision - 1) * .1;
  }
  @return ($quotient + $remainder) * $sign;
 }
diff --git a/_sass/font-awesome/_icons.scss b/_sass/font-awesome/_icons.scss
@@ -5,7 +5,6 @@
 readers do not read off random characters that represent icons */
 
 @each $name, $icon in $fa-icons {
- .#{$fa-css-prefix}-#{$name}::before {
- content: unquote('"#{ $icon }"');
- }
+ .#{$fa-css-prefix}-#{$name}::before { content: unquote("\"#{ $icon }\""); }
 }
+
diff --git a/_sass/font-awesome/_list.scss b/_sass/font-awesome/_list.scss
@@ -6,13 +6,11 @@
  margin-left: var(--#{$fa-css-prefix}-li-margin, #{$fa-li-margin});
  padding-left: 0;
 
- > li {
- position: relative;
- }
+ > li { position: relative; }
 }
 
 .#{$fa-css-prefix}-li {
- left: calc(var(--#{$fa-css-prefix}-li-width, #{$fa-li-width}) * -1);
+ left: calc(-1 * var(--#{$fa-css-prefix}-li-width, #{$fa-li-width}));
  position: absolute;
  text-align: center;
  width: var(--#{$fa-css-prefix}-li-width, #{$fa-li-width});

diff --git a/_sass/font-awesome/_mixins.scss b/_sass/font-awesome/_mixins.scss
@@ -13,7 +13,7 @@
 }
 
 // sets relative font-sizing and alignment (in _sizing)
-@mixin fa-size($font-size) {
+@mixin fa-size ($font-size) {
  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
  line-height: fa-divide(1, $font-size) * 1em; // sets the line-height of the icon back to that of it's parent
  vertical-align: (fa-divide(6, $font-size) - fa-divide(3, 8)) * 1em; // vertically centers the icon taking into account the surrounding text's descender
@@ -51,22 +51,22 @@
  @extend .fa-solid;
 
  &::before {
- content: unquote('"#{ $fa-var }"');
+ content: unquote("\"#{ $fa-var }\"");
  }
 }
 @mixin fa-icon-regular($fa-var) {
  @extend %fa-icon;
  @extend .fa-regular;
 
  &::before {
- content: unquote('"#{ $fa-var }"');
+ content: unquote("\"#{ $fa-var }\"");
  }
 }
 @mixin fa-icon-brands($fa-var) {
  @extend %fa-icon;
  @extend .fa-brands;
 
  &::before {
- content: unquote('"#{ $fa-var }"');
+ content: unquote("\"#{ $fa-var }\"");
  }
 }