-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Recreate default template as a starting point
- Loading branch information
Showing
28 changed files
with
10,132 additions
and
7 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Binary file not shown.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,34 @@ | ||
// Spinning Icons | ||
// -------------------------- | ||
|
||
.#{$fa-css-prefix}-spin { | ||
-webkit-animation: #{$fa-css-prefix}-spin 2s infinite linear; | ||
animation: #{$fa-css-prefix}-spin 2s infinite linear; | ||
} | ||
|
||
.#{$fa-css-prefix}-pulse { | ||
-webkit-animation: #{$fa-css-prefix}-spin 1s infinite steps(8); | ||
animation: #{$fa-css-prefix}-spin 1s infinite steps(8); | ||
} | ||
|
||
@-webkit-keyframes #{$fa-css-prefix}-spin { | ||
0% { | ||
-webkit-transform: rotate(0deg); | ||
transform: rotate(0deg); | ||
} | ||
100% { | ||
-webkit-transform: rotate(359deg); | ||
transform: rotate(359deg); | ||
} | ||
} | ||
|
||
@keyframes #{$fa-css-prefix}-spin { | ||
0% { | ||
-webkit-transform: rotate(0deg); | ||
transform: rotate(0deg); | ||
} | ||
100% { | ||
-webkit-transform: rotate(359deg); | ||
transform: rotate(359deg); | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,25 @@ | ||
// Bordered & Pulled | ||
// ------------------------- | ||
|
||
.#{$fa-css-prefix}-border { | ||
padding: .2em .25em .15em; | ||
border: solid .08em $fa-border-color; | ||
border-radius: .1em; | ||
} | ||
|
||
.#{$fa-css-prefix}-pull-left { float: left; } | ||
.#{$fa-css-prefix}-pull-right { float: right; } | ||
|
||
.#{$fa-css-prefix} { | ||
&.#{$fa-css-prefix}-pull-left { margin-right: .3em; } | ||
&.#{$fa-css-prefix}-pull-right { margin-left: .3em; } | ||
} | ||
|
||
/* Deprecated as of 4.4.0 */ | ||
.pull-right { float: right; } | ||
.pull-left { float: left; } | ||
|
||
.#{$fa-css-prefix} { | ||
&.pull-left { margin-right: .3em; } | ||
&.pull-right { margin-left: .3em; } | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,12 @@ | ||
// Base Class Definition | ||
// ------------------------- | ||
|
||
.#{$fa-css-prefix} { | ||
display: inline-block; | ||
font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} #{$fa-font-family}; // shortening font declaration | ||
font-size: inherit; // can't have font-size inherit on line above, so need to override | ||
text-rendering: auto; // optimizelegibility throws things off #1094 | ||
-webkit-font-smoothing: antialiased; | ||
-moz-osx-font-smoothing: grayscale; | ||
|
||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,6 @@ | ||
// Fixed Width Icons | ||
// ------------------------- | ||
.#{$fa-css-prefix}-fw { | ||
width: (18em / 14); | ||
text-align: center; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,11 @@ | ||
// Functions | ||
// -------------------------- | ||
|
||
// Helper function which adds quotes to preserve unicode values in CSS output. | ||
// | ||
// See: https://github.com/sass/sass/issues/1395 | ||
// See: https://stackoverflow.com/questions/30421570/sass-unicode-escape-is-not-preserved-in-css-file | ||
|
||
@function fa-content($fa-var) { | ||
@return unquote("\"#{$fa-var}\""); | ||
} |
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,13 @@ | ||
// Icon Sizes | ||
// ------------------------- | ||
|
||
/* makes the font 33% larger relative to the icon container */ | ||
.#{$fa-css-prefix}-lg { | ||
font-size: (4em / 3); | ||
line-height: (3em / 4); | ||
vertical-align: -15%; | ||
} | ||
.#{$fa-css-prefix}-2x { font-size: 2em; } | ||
.#{$fa-css-prefix}-3x { font-size: 3em; } | ||
.#{$fa-css-prefix}-4x { font-size: 4em; } | ||
.#{$fa-css-prefix}-5x { font-size: 5em; } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,19 @@ | ||
// List Icons | ||
// ------------------------- | ||
|
||
.#{$fa-css-prefix}-ul { | ||
padding-left: 0; | ||
margin-left: $fa-li-width; | ||
list-style-type: none; | ||
> li { position: relative; } | ||
} | ||
.#{$fa-css-prefix}-li { | ||
position: absolute; | ||
left: -$fa-li-width; | ||
width: $fa-li-width; | ||
top: (2em / 14); | ||
text-align: center; | ||
&.#{$fa-css-prefix}-lg { | ||
left: -$fa-li-width + (4em / 14); | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,60 @@ | ||
// Mixins | ||
// -------------------------- | ||
|
||
@mixin fa-icon() { | ||
display: inline-block; | ||
font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} #{$fa-font-family}; // shortening font declaration | ||
font-size: inherit; // can't have font-size inherit on line above, so need to override | ||
text-rendering: auto; // optimizelegibility throws things off #1094 | ||
-webkit-font-smoothing: antialiased; | ||
-moz-osx-font-smoothing: grayscale; | ||
|
||
} | ||
|
||
@mixin fa-icon-rotate($degrees, $rotation) { | ||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})"; | ||
-webkit-transform: rotate($degrees); | ||
-ms-transform: rotate($degrees); | ||
transform: rotate($degrees); | ||
} | ||
|
||
@mixin fa-icon-flip($horiz, $vert, $rotation) { | ||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)"; | ||
-webkit-transform: scale($horiz, $vert); | ||
-ms-transform: scale($horiz, $vert); | ||
transform: scale($horiz, $vert); | ||
} | ||
|
||
|
||
// Only display content to screen readers. A la Bootstrap 4. | ||
// | ||
// See: http://a11yproject.com/posts/how-to-hide-content/ | ||
|
||
@mixin sr-only { | ||
position: absolute; | ||
width: 1px; | ||
height: 1px; | ||
padding: 0; | ||
margin: -1px; | ||
overflow: hidden; | ||
clip: rect(0,0,0,0); | ||
border: 0; | ||
} | ||
|
||
// Use in conjunction with .sr-only to only display content when it's focused. | ||
// | ||
// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 | ||
// | ||
// Credit: HTML5 Boilerplate | ||
|
||
@mixin sr-only-focusable { | ||
&:active, | ||
&:focus { | ||
position: static; | ||
width: auto; | ||
height: auto; | ||
margin: 0; | ||
overflow: visible; | ||
clip: auto; | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,15 @@ | ||
/* FONT PATH | ||
* -------------------------- */ | ||
|
||
@font-face { | ||
font-family: '#{$fa-font-family}'; | ||
src: url('#{$fa-font-path}/forkawesome-webfont.eot?v=#{$fa-version}'); | ||
src: url('#{$fa-font-path}/forkawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'), | ||
url('#{$fa-font-path}/forkawesome-webfont.woff2?v=#{$fa-version}') format('woff2'), | ||
url('#{$fa-font-path}/forkawesome-webfont.woff?v=#{$fa-version}') format('woff'), | ||
url('#{$fa-font-path}/forkawesome-webfont.ttf?v=#{$fa-version}') format('truetype'), | ||
url('#{$fa-font-path}/forkawesome-webfont.svg?v=#{$fa-version}#forkawesomeregular') format('svg'); | ||
// src: url('#{$fa-font-path}/ForkAwesome.otf') format('opentype'); // used when developing fonts | ||
font-weight: normal; | ||
font-style: normal; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,20 @@ | ||
// Rotated & Flipped Icons | ||
// ------------------------- | ||
|
||
.#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); } | ||
.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); } | ||
.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); } | ||
|
||
.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); } | ||
.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); } | ||
|
||
// Hook for IE8-9 | ||
// ------------------------- | ||
|
||
:root .#{$fa-css-prefix}-rotate-90, | ||
:root .#{$fa-css-prefix}-rotate-180, | ||
:root .#{$fa-css-prefix}-rotate-270, | ||
:root .#{$fa-css-prefix}-flip-horizontal, | ||
:root .#{$fa-css-prefix}-flip-vertical { | ||
filter: none; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,5 @@ | ||
// Screen Readers | ||
// ------------------------- | ||
|
||
.sr-only { @include sr-only(); } | ||
.sr-only-focusable { @include sr-only-focusable(); } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,20 @@ | ||
// Stacked Icons | ||
// ------------------------- | ||
|
||
.#{$fa-css-prefix}-stack { | ||
position: relative; | ||
display: inline-block; | ||
width: 2em; | ||
height: 2em; | ||
line-height: 2em; | ||
vertical-align: middle; | ||
} | ||
.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x { | ||
position: absolute; | ||
left: 0; | ||
width: 100%; | ||
text-align: center; | ||
} | ||
.#{$fa-css-prefix}-stack-1x { line-height: inherit; } | ||
.#{$fa-css-prefix}-stack-2x { font-size: 2em; } | ||
.#{$fa-css-prefix}-inverse { color: $fa-inverse; } |
Oops, something went wrong.