Skip to content

Commit 92efd37

Browse files
author
Samuel Nitsche
committed
Include fontawesome icons on resources page
1 parent 5f99fb9 commit 92efd37

36 files changed

+14096
-18
lines changed

‎Gemfile

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
gem "jekyll"

‎css/main.scss

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,8 @@ $on-palm: 600px;
3535
$small-menu: 840px;
3636
$on-laptop: 900px;
3737

38-
38+
// Font-Awesome
39+
$fa-font-path: "../fontawesome/webfonts";
3940

4041
// Use media queries like this:
4142
// @include media-query($on-palm) {
@@ -56,5 +57,8 @@ $on-laptop: 900px;
5657
@import
5758
"base",
5859
"layout",
59-
"syntax-highlighting"
60+
"syntax-highlighting",
61+
"../fontawesome/scss/fontawesome.scss",
62+
"../fontawesome/scss/solid.scss",
63+
"../fontawesome/scss/brands.scss"
6064
;

‎fontawesome/scss/_animated.scss

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
// Animated Icons
2+
// --------------------------
3+
4+
.#{$fa-css-prefix}-spin {
5+
animation: fa-spin 2s infinite linear;
6+
}
7+
8+
.#{$fa-css-prefix}-pulse {
9+
animation: fa-spin 1s infinite steps(8);
10+
}
11+
12+
@keyframes fa-spin {
13+
0% {
14+
transform: rotate(0deg);
15+
}
16+
17+
100% {
18+
transform: rotate(360deg);
19+
}
20+
}

‎fontawesome/scss/_bordered-pulled.scss

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
// Bordered & Pulled
2+
// -------------------------
3+
4+
.#{$fa-css-prefix}-border {
5+
border: solid .08em $fa-border-color;
6+
border-radius: .1em;
7+
padding: .2em .25em .15em;
8+
}
9+
10+
.#{$fa-css-prefix}-pull-left { float: left; }
11+
.#{$fa-css-prefix}-pull-right { float: right; }
12+
13+
.#{$fa-css-prefix},
14+
.fas,
15+
.far,
16+
.fal,
17+
.fab {
18+
&.#{$fa-css-prefix}-pull-left { margin-right: .3em; }
19+
&.#{$fa-css-prefix}-pull-right { margin-left: .3em; }
20+
}

‎fontawesome/scss/_core.scss

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
// Base Class Definition
2+
// -------------------------
3+
4+
.#{$fa-css-prefix},
5+
.fas,
6+
.far,
7+
.fal,
8+
.fad,
9+
.fab {
10+
-moz-osx-font-smoothing: grayscale;
11+
-webkit-font-smoothing: antialiased;
12+
display: inline-block;
13+
font-style: normal;
14+
font-variant: normal;
15+
text-rendering: auto;
16+
line-height: 1;
17+
}
18+
19+
%fa-icon {
20+
@include fa-icon;
21+
}

‎fontawesome/scss/_fixed-width.scss

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
// Fixed Width Icons
2+
// -------------------------
3+
.#{$fa-css-prefix}-fw {
4+
text-align: center;
5+
width: $fa-fw-width;
6+
}

‎fontawesome/scss/_icons.scss

Lines changed: 1388 additions & 0 deletions
Large diffs are not rendered by default.

‎fontawesome/scss/_larger.scss

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
// Icon Sizes
2+
// -------------------------
3+
4+
// makes the font 33% larger relative to the icon container
5+
.#{$fa-css-prefix}-lg {
6+
font-size: (4em / 3);
7+
line-height: (3em / 4);
8+
vertical-align: -.0667em;
9+
}
10+
11+
.#{$fa-css-prefix}-xs {
12+
font-size: .75em;
13+
}
14+
15+
.#{$fa-css-prefix}-sm {
16+
font-size: .875em;
17+
}
18+
19+
@for $i from 1 through 10 {
20+
.#{$fa-css-prefix}-#{$i}x {
21+
font-size: $i * 1em;
22+
}
23+
}

‎fontawesome/scss/_list.scss

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

‎fontawesome/scss/_mixins.scss

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
// Mixins
2+
// --------------------------
3+
4+
@mixin fa-icon {
5+
-webkit-font-smoothing: antialiased;
6+
-moz-osx-font-smoothing: grayscale;
7+
display: inline-block;
8+
font-style: normal;
9+
font-variant: normal;
10+
font-weight: normal;
11+
line-height: 1;
12+
}
13+
14+
@mixin fa-icon-rotate($degrees, $rotation) {
15+
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
16+
transform: rotate($degrees);
17+
}
18+
19+
@mixin fa-icon-flip($horiz, $vert, $rotation) {
20+
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";
21+
transform: scale($horiz, $vert);
22+
}
23+
24+
25+
// Only display content to screen readers. A la Bootstrap 4.
26+
//
27+
// See: http://a11yproject.com/posts/how-to-hide-content/
28+
29+
@mixin sr-only {
30+
border: 0;
31+
clip: rect(0, 0, 0, 0);
32+
height: 1px;
33+
margin: -1px;
34+
overflow: hidden;
35+
padding: 0;
36+
position: absolute;
37+
width: 1px;
38+
}
39+
40+
// Use in conjunction with .sr-only to only display content when it's focused.
41+
//
42+
// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
43+
//
44+
// Credit: HTML5 Boilerplate
45+
46+
@mixin sr-only-focusable {
47+
&:active,
48+
&:focus {
49+
clip: auto;
50+
height: auto;
51+
margin: 0;
52+
overflow: visible;
53+
position: static;
54+
width: auto;
55+
}
56+
}

0 commit comments

Comments
 (0)