Skip to content

Commit d091a44

Browse files
jnewberyjnewbery
committed
CSS: add fontawesome
1 parent 72e85e8 commit d091a44

21 files changed

+2276
-0
lines changed

‎_layouts/home.html

+2
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,8 @@
22
layout: default
33
---
44

5+
<link rel="stylesheet" href="/assets/css/main.css">
6+
57
<div class="home">
68
{%- if page.title -%}
79
<h1 class="page-heading">{{ page.title }}</h1>

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

+34
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
// Spinning Icons
2+
// --------------------------
3+
4+
.#{$fa-css-prefix}-spin {
5+
-webkit-animation: fa-spin 2s infinite linear;
6+
animation: fa-spin 2s infinite linear;
7+
}
8+
9+
.#{$fa-css-prefix}-pulse {
10+
-webkit-animation: fa-spin 1s infinite steps(8);
11+
animation: fa-spin 1s infinite steps(8);
12+
}
13+
14+
@-webkit-keyframes fa-spin {
15+
0% {
16+
-webkit-transform: rotate(0deg);
17+
transform: rotate(0deg);
18+
}
19+
100% {
20+
-webkit-transform: rotate(359deg);
21+
transform: rotate(359deg);
22+
}
23+
}
24+
25+
@keyframes fa-spin {
26+
0% {
27+
-webkit-transform: rotate(0deg);
28+
transform: rotate(0deg);
29+
}
30+
100% {
31+
-webkit-transform: rotate(359deg);
32+
transform: rotate(359deg);
33+
}
34+
}

‎_sass/vendor/font-awesome/_bordered-pulled.scss

+25
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
// Bordered & Pulled
2+
// -------------------------
3+
4+
.#{$fa-css-prefix}-border {
5+
padding: .2em .25em .15em;
6+
border: solid .08em $fa-border-color;
7+
border-radius: .1em;
8+
}
9+
10+
.#{$fa-css-prefix}-pull-left { float: left; }
11+
.#{$fa-css-prefix}-pull-right { float: right; }
12+
13+
.#{$fa-css-prefix} {
14+
&.#{$fa-css-prefix}-pull-left { margin-right: .3em; }
15+
&.#{$fa-css-prefix}-pull-right { margin-left: .3em; }
16+
}
17+
18+
/* Deprecated as of 4.4.0 */
19+
.pull-right { float: right; }
20+
.pull-left { float: left; }
21+
22+
.#{$fa-css-prefix} {
23+
&.pull-left { margin-right: .3em; }
24+
&.pull-right { margin-left: .3em; }
25+
}

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

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
// Base Class Definition
2+
// -------------------------
3+
4+
.#{$fa-css-prefix} {
5+
display: inline-block;
6+
font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
7+
font-size: inherit; // can't have font-size inherit on line above, so need to override
8+
text-rendering: auto; // optimizelegibility throws things off #1094
9+
-webkit-font-smoothing: antialiased;
10+
-moz-osx-font-smoothing: grayscale;
11+
12+
}

‎_sass/vendor/font-awesome/_fixed-width.scss

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
// Fixed Width Icons
2+
// -------------------------
3+
.#{$fa-css-prefix}-fw {
4+
width: (18em / 14);
5+
text-align: center;
6+
}

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

+697
Large diffs are not rendered by default.

‎_sass/vendor/font-awesome/_larger.scss

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
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: -15%;
9+
}
10+
.#{$fa-css-prefix}-2x { font-size: 2em; }
11+
.#{$fa-css-prefix}-3x { font-size: 3em; }
12+
.#{$fa-css-prefix}-4x { font-size: 4em; }
13+
.#{$fa-css-prefix}-5x { font-size: 5em; }

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

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

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

+26
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
// Mixins
2+
// --------------------------
3+
4+
@mixin fa-icon() {
5+
display: inline-block;
6+
font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
7+
font-size: inherit; // can't have font-size inherit on line above, so need to override
8+
text-rendering: auto; // optimizelegibility throws things off #1094
9+
-webkit-font-smoothing: antialiased;
10+
-moz-osx-font-smoothing: grayscale;
11+
12+
}
13+
14+
@mixin fa-icon-rotate($degrees, $rotation) {
15+
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
16+
-webkit-transform: rotate($degrees);
17+
-ms-transform: rotate($degrees);
18+
transform: rotate($degrees);
19+
}
20+
21+
@mixin fa-icon-flip($horiz, $vert, $rotation) {
22+
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
23+
-webkit-transform: scale($horiz, $vert);
24+
-ms-transform: scale($horiz, $vert);
25+
transform: scale($horiz, $vert);
26+
}

‎_sass/vendor/font-awesome/_path.scss

+15
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
/* FONT PATH
2+
* -------------------------- */
3+
4+
@font-face {
5+
font-family: 'FontAwesome';
6+
src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
7+
src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
8+
url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'),
9+
url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),
10+
url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
11+
url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
12+
// src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
13+
font-weight: normal;
14+
font-style: normal;
15+
}

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

+20
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
// Rotated & Flipped Icons
2+
// -------------------------
3+
4+
.#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); }
5+
.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
6+
.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
7+
8+
.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
9+
.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
10+
11+
// Hook for IE8-9
12+
// -------------------------
13+
14+
:root .#{$fa-css-prefix}-rotate-90,
15+
:root .#{$fa-css-prefix}-rotate-180,
16+
:root .#{$fa-css-prefix}-rotate-270,
17+
:root .#{$fa-css-prefix}-flip-horizontal,
18+
:root .#{$fa-css-prefix}-flip-vertical {
19+
filter: none;
20+
}

‎_sass/vendor/font-awesome/_stacked.scss

+20
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
// Stacked Icons
2+
// -------------------------
3+
4+
.#{$fa-css-prefix}-stack {
5+
position: relative;
6+
display: inline-block;
7+
width: 2em;
8+
height: 2em;
9+
line-height: 2em;
10+
vertical-align: middle;
11+
}
12+
.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
13+
position: absolute;
14+
left: 0;
15+
width: 100%;
16+
text-align: center;
17+
}
18+
.#{$fa-css-prefix}-stack-1x { line-height: inherit; }
19+
.#{$fa-css-prefix}-stack-2x { font-size: 2em; }
20+
.#{$fa-css-prefix}-inverse { color: $fa-inverse; }

0 commit comments

Comments
 (0)