Skip to content

Commit 7092580

Browse files
pruizfpruizf
committed
new local fa
1 parent 08105fa commit 7092580

44 files changed

Lines changed: 14300 additions & 6291 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎_sass/font-awesome-old/_animated.scss‎

Lines changed: 152 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,152 @@
1+
// animating icons
2+
// --------------------------
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+
58+
.#{$fa-css-prefix}-spin {
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);
65+
}
66+
67+
.#{$fa-css-prefix}-spin-reverse {
68+
--#{$fa-css-prefix}-animation-direction: reverse;
69+
}
70+
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;
98+
}
99+
}
100+
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));
128+
}
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+
}

_sass/font-awesome/_bordered-pulled.scss renamed to _sass/font-awesome-old/_bordered-pulled.scss

File renamed without changes.

‎_sass/font-awesome-old/_core.scss‎

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
// base icon class definition
2+
// -------------------------
3+
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+
9+
.fas,
10+
.far,
11+
.fab,
12+
.#{$fa-css-prefix}-solid,
13+
.#{$fa-css-prefix}-regular,
14+
.#{$fa-css-prefix}-brands,
15+
.#{$fa-css-prefix} {
16+
-moz-osx-font-smoothing: grayscale;
17+
-webkit-font-smoothing: antialiased;
18+
display: var(--#{$fa-css-prefix}-display, #{$fa-display});
19+
font-style: normal;
20+
font-variant: normal;
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::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';
45+
}
46+
47+
%fa-icon {
48+
@include fa-icon;
49+
}

_sass/font-awesome/_fixed-width.scss renamed to _sass/font-awesome-old/_fixed-width.scss

File renamed without changes.

‎_sass/font-awesome-old/_functions.scss‎

Lines changed: 57 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,57 @@
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+
}

‎_sass/font-awesome-old/_icons.scss‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
// specific icon class definition
2+
// -------------------------
3+
4+
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
5+
readers do not read off random characters that represent icons */
6+
7+
@each $name, $icon in $fa-icons {
8+
.#{$fa-css-prefix}-#{$name} {
9+
#{$fa-icon-property}: unquote("\"#{ $icon }\"");
10+
#{$fa-duotone-icon-property}: unquote("\"#{$icon}#{$icon}\"");
11+
}
12+
}
13+

‎_sass/font-awesome-old/_list.scss‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
// icons in a list
2+
// -------------------------
3+
4+
.#{$fa-css-prefix}-ul {
5+
list-style-type: none;
6+
margin-left: var(--#{$fa-css-prefix}-li-margin, #{$fa-li-margin});
7+
padding-left: 0;
8+
9+
> li { position: relative; }
10+
}
11+
12+
.#{$fa-css-prefix}-li {
13+
left: calc(-1 * var(--#{$fa-css-prefix}-li-width, #{$fa-li-width}));
14+
position: absolute;
15+
text-align: center;
16+
width: var(--#{$fa-css-prefix}-li-width, #{$fa-li-width});
17+
line-height: inherit;
18+
}

‎_sass/font-awesome-old/_mixins.scss‎

Lines changed: 65 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,65 @@
1+
// mixins
2+
// --------------------------
3+
4+
// base rendering for an icon
5+
@mixin fa-icon {
6+
-webkit-font-smoothing: antialiased;
7+
-moz-osx-font-smoothing: grayscale;
8+
display: inline-block;
9+
font-style: normal;
10+
font-variant: normal;
11+
font-weight: normal;
12+
line-height: 1;
13+
}
14+
15+
// sets relative font-sizing and alignment (in _sizing)
16+
@mixin fa-size ($font-size) {
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+
line-height: fa-divide(1, $font-size) * 1em; // sets the line-height of the icon back to that of it's parent
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
20+
}
21+
22+
// only display content to screen readers
23+
// see: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/
24+
// see: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/
25+
@mixin fa-sr-only() {
26+
position: absolute;
27+
width: 1px;
28+
height: 1px;
29+
padding: 0;
30+
margin: -1px;
31+
overflow: hidden;
32+
clip: rect(0, 0, 0, 0);
33+
white-space: nowrap;
34+
border-width: 0;
35+
}
36+
37+
// use in conjunction with .sr-only to only display content when it's focused
38+
@mixin fa-sr-only-focusable() {
39+
&:not(:focus) {
40+
@include fa-sr-only();
41+
}
42+
}
43+
44+
// sets a specific icon family to use alongside style + icon mixins
45+
@mixin fa-family-classic() {
46+
@extend .fa-classic;
47+
}
48+
49+
// convenience mixins for declaring pseudo-elements by CSS variable,
50+
// including all style-specific font properties
51+
@mixin fa-icon-solid($fa-var) {
52+
@extend .fa-solid;
53+
54+
& { #{$fa-icon-property}: unquote("\"#{ $fa-var }\""); #{$fa-duotone-icon-property}: unquote("\"#{ $fa-var }#{ $fa-var }\""); }
55+
}
56+
@mixin fa-icon-regular($fa-var) {
57+
@extend .fa-regular;
58+
59+
& { #{$fa-icon-property}: unquote("\"#{ $fa-var }\""); #{$fa-duotone-icon-property}: unquote("\"#{ $fa-var }#{ $fa-var }\""); }
60+
}
61+
@mixin fa-icon-brands($fa-var) {
62+
@extend .fa-brands;
63+
64+
& { #{$fa-icon-property}: unquote("\"#{ $fa-var }\""); #{$fa-duotone-icon-property}: unquote("\"#{ $fa-var }#{ $fa-var }\""); }
65+
}

‎_sass/font-awesome-old/_rotated-flipped.scss‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
// rotating + flipping icons
2+
// -------------------------
3+
4+
.#{$fa-css-prefix}-rotate-90 {
5+
transform: rotate(90deg);
6+
}
7+
8+
.#{$fa-css-prefix}-rotate-180 {
9+
transform: rotate(180deg);
10+
}
11+
12+
.#{$fa-css-prefix}-rotate-270 {
13+
transform: rotate(270deg);
14+
}
15+
16+
.#{$fa-css-prefix}-flip-horizontal {
17+
transform: scale(-1, 1);
18+
}
19+
20+
.#{$fa-css-prefix}-flip-vertical {
21+
transform: scale(1, -1);
22+
}
23+
24+
.#{$fa-css-prefix}-flip-both,
25+
.#{$fa-css-prefix}-flip-horizontal.#{$fa-css-prefix}-flip-vertical {
26+
transform: scale(-1, -1);
27+
}
28+
29+
.#{$fa-css-prefix}-rotate-by {
30+
transform: rotate(var(--#{$fa-css-prefix}-rotate-angle, 0));
31+
}

_sass/font-awesome/_screen-reader.scss renamed to _sass/font-awesome-old/_screen-reader.scss

File renamed without changes.

0 commit comments

Comments
 (0)