jekyll-theme-peaceful-gates 2.0.0 → 2.0.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- metadata +3 -69
- data/LICENSE.txt +0 -21
- data/README.md +0 -49
- data/_includes/footer.html +0 -11
- data/_includes/head.html +0 -43
- data/_includes/menu.html +0 -47
- data/_includes/page-header.html +0 -8
- data/_includes/social-bar.html +0 -36
- data/_includes/social-link.html +0 -6
- data/_layouts/centered.html +0 -13
- data/_layouts/default.html +0 -13
- data/_layouts/index.html +0 -8
- data/_layouts/page.html +0 -11
- data/_layouts/post-index.html +0 -26
- data/_layouts/post.html +0 -21
- data/_sass/fontawesome/_animated.scss +0 -20
- data/_sass/fontawesome/_bordered-pulled.scss +0 -20
- data/_sass/fontawesome/_core.scss +0 -21
- data/_sass/fontawesome/_fixed-width.scss +0 -6
- data/_sass/fontawesome/_icons.scss +0 -1410
- data/_sass/fontawesome/_larger.scss +0 -23
- data/_sass/fontawesome/_list.scss +0 -18
- data/_sass/fontawesome/_mixins.scss +0 -56
- data/_sass/fontawesome/_rotated-flipped.scss +0 -24
- data/_sass/fontawesome/_screen-reader.scss +0 -5
- data/_sass/fontawesome/_shims.scss +0 -2066
- data/_sass/fontawesome/_stacked.scss +0 -31
- data/_sass/fontawesome/_variables.scss +0 -1427
- data/_sass/fontawesome/brands.scss +0 -23
- data/_sass/fontawesome/fontawesome.scss +0 -16
- data/_sass/fontawesome/regular.scss +0 -23
- data/_sass/fontawesome/solid.scss +0 -24
- data/_sass/fontawesome/v4-shims.scss +0 -6
- data/_sass/jekyll-theme-peaceful-gates.scss +0 -17
- data/_sass/jekyll-theme-peaceful-gates/_base.scss +0 -75
- data/_sass/jekyll-theme-peaceful-gates/_button.scss +0 -68
- data/_sass/jekyll-theme-peaceful-gates/_centered.scss +0 -29
- data/_sass/jekyll-theme-peaceful-gates/_code.scss +0 -121
- data/_sass/jekyll-theme-peaceful-gates/_footer.scss +0 -62
- data/_sass/jekyll-theme-peaceful-gates/_menu.scss +0 -112
- data/_sass/jekyll-theme-peaceful-gates/_page.scss +0 -74
- data/_sass/jekyll-theme-peaceful-gates/_theme.scss +0 -36
- data/_sass/jekyll-theme-peaceful-gates/_util.scss +0 -50
- data/_sass/jekyll-theme-peaceful-gates/_variables.scss +0 -31
- data/assets/css/main.scss +0 -3
- data/assets/fonts/consolas.ttf +0 -0
- data/assets/fonts/fa-brands-400.eot +0 -0
- data/assets/fonts/fa-brands-400.svg +0 -3570
- data/assets/fonts/fa-brands-400.ttf +0 -0
- data/assets/fonts/fa-brands-400.woff +0 -0
- data/assets/fonts/fa-brands-400.woff2 +0 -0
- data/assets/fonts/fa-regular-400.eot +0 -0
- data/assets/fonts/fa-regular-400.svg +0 -803
- data/assets/fonts/fa-regular-400.ttf +0 -0
- data/assets/fonts/fa-regular-400.woff +0 -0
- data/assets/fonts/fa-regular-400.woff2 +0 -0
- data/assets/fonts/fa-solid-900.eot +0 -0
- data/assets/fonts/fa-solid-900.svg +0 -4700
- data/assets/fonts/fa-solid-900.ttf +0 -0
- data/assets/fonts/fa-solid-900.woff +0 -0
- data/assets/fonts/fa-solid-900.woff2 +0 -0
- data/assets/images/showcase/landscape-photo.jpg +0 -0
- data/assets/images/showcase/portrait-photo.jpg +0 -0
- data/assets/images/showcase/square-photo.jpg +0 -0
- data/assets/js/darkmode-toggle.js +0 -45
- data/assets/js/dropdown-toggle.js +0 -5
- data/assets/js/table-layout.js +0 -14
@@ -1,23 +0,0 @@
|
|
1
|
-
/*!
|
2
|
-
* Font Awesome Free 5.12.1 by @fontawesome - https://fontawesome.com
|
3
|
-
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
4
|
-
*/
|
5
|
-
@import 'variables';
|
6
|
-
|
7
|
-
@font-face {
|
8
|
-
font-family: 'Font Awesome 5 Brands';
|
9
|
-
font-style: normal;
|
10
|
-
font-weight: 400;
|
11
|
-
font-display: $fa-font-display;
|
12
|
-
src: url('#{$fa-font-path}/fa-brands-400.eot');
|
13
|
-
src: url('#{$fa-font-path}/fa-brands-400.eot?#iefix') format('embedded-opentype'),
|
14
|
-
url('#{$fa-font-path}/fa-brands-400.woff2') format('woff2'),
|
15
|
-
url('#{$fa-font-path}/fa-brands-400.woff') format('woff'),
|
16
|
-
url('#{$fa-font-path}/fa-brands-400.ttf') format('truetype'),
|
17
|
-
url('#{$fa-font-path}/fa-brands-400.svg#fontawesome') format('svg');
|
18
|
-
}
|
19
|
-
|
20
|
-
.fab {
|
21
|
-
font-family: 'Font Awesome 5 Brands';
|
22
|
-
font-weight: 400;
|
23
|
-
}
|
@@ -1,16 +0,0 @@
|
|
1
|
-
/*!
|
2
|
-
* Font Awesome Free 5.12.1 by @fontawesome - https://fontawesome.com
|
3
|
-
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
4
|
-
*/
|
5
|
-
@import 'variables';
|
6
|
-
@import 'mixins';
|
7
|
-
@import 'core';
|
8
|
-
@import 'larger';
|
9
|
-
@import 'fixed-width';
|
10
|
-
@import 'list';
|
11
|
-
@import 'bordered-pulled';
|
12
|
-
@import 'animated';
|
13
|
-
@import 'rotated-flipped';
|
14
|
-
@import 'stacked';
|
15
|
-
@import 'icons';
|
16
|
-
@import 'screen-reader';
|
@@ -1,23 +0,0 @@
|
|
1
|
-
/*!
|
2
|
-
* Font Awesome Free 5.12.1 by @fontawesome - https://fontawesome.com
|
3
|
-
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
4
|
-
*/
|
5
|
-
@import 'variables';
|
6
|
-
|
7
|
-
@font-face {
|
8
|
-
font-family: 'Font Awesome 5 Free';
|
9
|
-
font-style: normal;
|
10
|
-
font-weight: 400;
|
11
|
-
font-display: $fa-font-display;
|
12
|
-
src: url('#{$fa-font-path}/fa-regular-400.eot');
|
13
|
-
src: url('#{$fa-font-path}/fa-regular-400.eot?#iefix') format('embedded-opentype'),
|
14
|
-
url('#{$fa-font-path}/fa-regular-400.woff2') format('woff2'),
|
15
|
-
url('#{$fa-font-path}/fa-regular-400.woff') format('woff'),
|
16
|
-
url('#{$fa-font-path}/fa-regular-400.ttf') format('truetype'),
|
17
|
-
url('#{$fa-font-path}/fa-regular-400.svg#fontawesome') format('svg');
|
18
|
-
}
|
19
|
-
|
20
|
-
.far {
|
21
|
-
font-family: 'Font Awesome 5 Free';
|
22
|
-
font-weight: 400;
|
23
|
-
}
|
@@ -1,24 +0,0 @@
|
|
1
|
-
/*!
|
2
|
-
* Font Awesome Free 5.12.1 by @fontawesome - https://fontawesome.com
|
3
|
-
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
4
|
-
*/
|
5
|
-
@import 'variables';
|
6
|
-
|
7
|
-
@font-face {
|
8
|
-
font-family: 'Font Awesome 5 Free';
|
9
|
-
font-style: normal;
|
10
|
-
font-weight: 900;
|
11
|
-
font-display: $fa-font-display;
|
12
|
-
src: url('#{$fa-font-path}/fa-solid-900.eot');
|
13
|
-
src: url('#{$fa-font-path}/fa-solid-900.eot?#iefix') format('embedded-opentype'),
|
14
|
-
url('#{$fa-font-path}/fa-solid-900.woff2') format('woff2'),
|
15
|
-
url('#{$fa-font-path}/fa-solid-900.woff') format('woff'),
|
16
|
-
url('#{$fa-font-path}/fa-solid-900.ttf') format('truetype'),
|
17
|
-
url('#{$fa-font-path}/fa-solid-900.svg#fontawesome') format('svg');
|
18
|
-
}
|
19
|
-
|
20
|
-
.fa,
|
21
|
-
.fas {
|
22
|
-
font-family: 'Font Awesome 5 Free';
|
23
|
-
font-weight: 900;
|
24
|
-
}
|
@@ -1,17 +0,0 @@
|
|
1
|
-
// Font awesome config
|
2
|
-
$fa-font-path: "/assets/fonts";
|
3
|
-
|
4
|
-
// Imports
|
5
|
-
@import "./fontawesome/fontawesome.scss";
|
6
|
-
@import "./fontawesome/solid.scss";
|
7
|
-
@import "./fontawesome/brands.scss";
|
8
|
-
@import "./jekyll-theme-peaceful-gates/variables";
|
9
|
-
@import "./jekyll-theme-peaceful-gates/theme";
|
10
|
-
@import "./jekyll-theme-peaceful-gates/util";
|
11
|
-
@import "./jekyll-theme-peaceful-gates/base";
|
12
|
-
@import "./jekyll-theme-peaceful-gates/code";
|
13
|
-
@import "./jekyll-theme-peaceful-gates/menu";
|
14
|
-
@import "./jekyll-theme-peaceful-gates/footer";
|
15
|
-
@import "./jekyll-theme-peaceful-gates/page";
|
16
|
-
@import "./jekyll-theme-peaceful-gates/centered";
|
17
|
-
@import "./jekyll-theme-peaceful-gates/button";
|
@@ -1,75 +0,0 @@
|
|
1
|
-
body {
|
2
|
-
margin: 0;
|
3
|
-
font-family: $font-family;
|
4
|
-
|
5
|
-
@include with-theme {
|
6
|
-
background-color: color-for(bg);
|
7
|
-
color: color-for(text);
|
8
|
-
}
|
9
|
-
}
|
10
|
-
|
11
|
-
a {
|
12
|
-
&:hover {
|
13
|
-
text-decoration: none;
|
14
|
-
}
|
15
|
-
|
16
|
-
@include with-theme {
|
17
|
-
color: color-for(primary);
|
18
|
-
}
|
19
|
-
}
|
20
|
-
|
21
|
-
h1,h2,h3,h4,h5,h6,p {
|
22
|
-
@include page-section;
|
23
|
-
}
|
24
|
-
|
25
|
-
img {
|
26
|
-
@include page-section;
|
27
|
-
max-width: 100%;
|
28
|
-
}
|
29
|
-
|
30
|
-
// Wraps an element with a horizontal scroll bar
|
31
|
-
.horizontal-scroll {
|
32
|
-
@include page-section;
|
33
|
-
width: 100%;
|
34
|
-
overflow-x: auto;
|
35
|
-
-webkit-overflow-scrolling: touch;
|
36
|
-
}
|
37
|
-
|
38
|
-
// Table Design
|
39
|
-
table {
|
40
|
-
border-collapse: collapse;
|
41
|
-
table-layout: fixed;
|
42
|
-
margin: 0pt;
|
43
|
-
min-width: 100%;
|
44
|
-
overflow: hidden;
|
45
|
-
th {
|
46
|
-
@include with-theme {
|
47
|
-
color: color-for(primary);
|
48
|
-
}
|
49
|
-
}
|
50
|
-
th,td {
|
51
|
-
margin: 0pt;
|
52
|
-
padding: $spacing-2;
|
53
|
-
overflow: hidden;
|
54
|
-
border-bottom: 1px solid;
|
55
|
-
white-space: nowrap;
|
56
|
-
text-align: center;
|
57
|
-
@include with-theme {
|
58
|
-
border-color: color-for(primary);
|
59
|
-
}
|
60
|
-
}
|
61
|
-
tr:last-child {
|
62
|
-
td {
|
63
|
-
border-bottom: none;
|
64
|
-
}
|
65
|
-
}
|
66
|
-
}
|
67
|
-
|
68
|
-
blockquote {
|
69
|
-
@include page-section;
|
70
|
-
margin-left: $spacing-3;
|
71
|
-
font-size: $medium-font-size;
|
72
|
-
@include with-theme {
|
73
|
-
color: color-for(primary);
|
74
|
-
}
|
75
|
-
}
|
@@ -1,68 +0,0 @@
|
|
1
|
-
.show-on-mobile {
|
2
|
-
@include on-tablet {
|
3
|
-
display: none !important;
|
4
|
-
}
|
5
|
-
@include on-desktop {
|
6
|
-
display: none !important;
|
7
|
-
}
|
8
|
-
}
|
9
|
-
|
10
|
-
.button-group {
|
11
|
-
// Spacing
|
12
|
-
margin: $spacing-3 0pt;
|
13
|
-
|
14
|
-
// Flexbox
|
15
|
-
display: flex;
|
16
|
-
flex-direction: row-reverse;
|
17
|
-
justify-content: center;
|
18
|
-
@include not-on-mobile {
|
19
|
-
justify-content: flex-start;
|
20
|
-
}
|
21
|
-
|
22
|
-
// Buttons in Group
|
23
|
-
.button {
|
24
|
-
flex: 1;
|
25
|
-
@include not-on-mobile {
|
26
|
-
flex: 0 auto;
|
27
|
-
}
|
28
|
-
}
|
29
|
-
}
|
30
|
-
|
31
|
-
.button {
|
32
|
-
// Spacing
|
33
|
-
margin: 0pt $spacing-1;
|
34
|
-
padding: $spacing-2 $spacing-3;
|
35
|
-
|
36
|
-
// Text
|
37
|
-
text-align: center;
|
38
|
-
text-decoration: none;
|
39
|
-
|
40
|
-
// Shape
|
41
|
-
border: none;
|
42
|
-
border-radius: 4pt;
|
43
|
-
|
44
|
-
// Color
|
45
|
-
@include with-theme {
|
46
|
-
background-color: color-for(primary);
|
47
|
-
color: color-for(text-on-primary);
|
48
|
-
}
|
49
|
-
}
|
50
|
-
|
51
|
-
.icon-button {
|
52
|
-
// Spacing and sizing
|
53
|
-
margin: $spacing-1;
|
54
|
-
padding: $spacing-2;
|
55
|
-
font-size: $icon-font-size;
|
56
|
-
|
57
|
-
// Align with center
|
58
|
-
display: flex;
|
59
|
-
align-items: center;
|
60
|
-
justify-content: center;
|
61
|
-
|
62
|
-
// Styling
|
63
|
-
background: none;
|
64
|
-
border: none;
|
65
|
-
@include with-theme {
|
66
|
-
color: color-for(primary)
|
67
|
-
}
|
68
|
-
}
|
@@ -1,29 +0,0 @@
|
|
1
|
-
.centered-root {
|
2
|
-
position: absolute;
|
3
|
-
width: 100%;
|
4
|
-
height: 100%;
|
5
|
-
|
6
|
-
display: grid;
|
7
|
-
grid-template-rows: 1fr;
|
8
|
-
grid-template-columns: 1fr;
|
9
|
-
place-items: center;
|
10
|
-
}
|
11
|
-
|
12
|
-
.centered-container {
|
13
|
-
transform: translateY(-50%);
|
14
|
-
}
|
15
|
-
|
16
|
-
.centered-header {
|
17
|
-
margin: $spacing-3 0pt;
|
18
|
-
text-align: center;
|
19
|
-
* { margin: 0pt; }
|
20
|
-
|
21
|
-
.centered-title {
|
22
|
-
font-size: $mega-font-size;
|
23
|
-
}
|
24
|
-
|
25
|
-
.centered-subtitle {
|
26
|
-
font-size: $medium-font-size;
|
27
|
-
font-weight: normal;
|
28
|
-
}
|
29
|
-
}
|
@@ -1,121 +0,0 @@
|
|
1
|
-
code {
|
2
|
-
font-family: $code-font-family;
|
3
|
-
* { font-family: $code-font-family; }
|
4
|
-
@include with-theme {
|
5
|
-
color: color-for(primary);
|
6
|
-
}
|
7
|
-
}
|
8
|
-
|
9
|
-
pre {
|
10
|
-
overflow-x: auto;
|
11
|
-
margin: $spacing-3 0pt;
|
12
|
-
padding: $spacing-3;
|
13
|
-
@include with-theme {
|
14
|
-
background-color: color-for(hl-area);
|
15
|
-
}
|
16
|
-
border-radius: $spacing-1;
|
17
|
-
> code {
|
18
|
-
background: none;
|
19
|
-
border-radius: 0pt;
|
20
|
-
padding: 0pt;
|
21
|
-
@include with-theme {
|
22
|
-
color: color-for(text);
|
23
|
-
}
|
24
|
-
}
|
25
|
-
}
|
26
|
-
|
27
|
-
/**
|
28
|
-
* Syntax highlighting styles
|
29
|
-
*/
|
30
|
-
.highlight {
|
31
|
-
// Highlight takes care of syntax highlighting stuff
|
32
|
-
margin: $spacing-3 0pt;
|
33
|
-
padding: $spacing-3;
|
34
|
-
border-radius: $spacing-1;
|
35
|
-
> pre {
|
36
|
-
margin: 0pt;
|
37
|
-
padding: 0pt;
|
38
|
-
border-radius: 0pt;
|
39
|
-
background: none;
|
40
|
-
}
|
41
|
-
|
42
|
-
@include with-theme {
|
43
|
-
background-color: color-for(hl-area);
|
44
|
-
|
45
|
-
// Syntax scopes
|
46
|
-
|
47
|
-
// Comment
|
48
|
-
.c, .cm, .cp, .c1, .cs { color: color-for(hl); font-style: italic } // Comment
|
49
|
-
// .cm { color: darken($color: $white-color, $amount: 30%); font-style: italic } // Comment.Multiline
|
50
|
-
// .cp { color: darken($color: $white-color, $amount: 30%); font-weight: bold } // Comment.Preproc
|
51
|
-
// .c1 { color: darken($color: $white-color, $amount: 30%); font-style: italic } // Comment.Single
|
52
|
-
// .cs { color: darken($color: $white-color, $amount: 30%); font-weight: bold; font-style: italic } // Comment.Special
|
53
|
-
|
54
|
-
// Keywords
|
55
|
-
.k, .kd { color: color-for(primary); font-weight: bold; } // Keyword
|
56
|
-
// .kd { color: darken($color: $white-color, $amount: 10%); font-weight: bold } // Keyword.Declaration
|
57
|
-
// .kt { } // Keyword.Type
|
58
|
-
// .kc { color: darken($color: $white-color, $amount: 10%); font-weight: bold } // Keyword.Constant
|
59
|
-
// .kp { color: darken($color: $white-color, $amount: 10%); font-weight: bold } // Keyword.Pseudo
|
60
|
-
// .kr { color: darken($color: $white-color, $amount: 10%); font-weight: bold } // Keyword.Reserved
|
61
|
-
|
62
|
-
// Operators
|
63
|
-
// .o { color: darken($color: $white-color, $amount: 10%); font-weight: bold } // Operator
|
64
|
-
// .ow { color: darken($color: $white-color, $amount: 10%); font-weight: bold } // Operator.Word
|
65
|
-
|
66
|
-
// Generic
|
67
|
-
// .go { color: darken($color: $white-color, $amount: 30%); } // Generic.Output
|
68
|
-
// .gh { color: #999 } // Generic.Heading
|
69
|
-
// .ge { font-style: italic } // Generic.Emph
|
70
|
-
// .gd { color: #000; background-color: #fdd } // Generic.Deleted
|
71
|
-
// .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
|
72
|
-
// .gi { color: #000; background-color: #dfd } // Generic.Inserted
|
73
|
-
// .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
|
74
|
-
// .gp { color: #555 } // Generic.Prompt
|
75
|
-
// .gs { font-weight: bold } // Generic.Strong
|
76
|
-
// .gt { color: #f00 } // Generic.Traceback
|
77
|
-
// .gu { color: #aaa } // Generic.Subheading
|
78
|
-
|
79
|
-
// Names
|
80
|
-
.na { color: color-for(primary) } // Name.Attribute
|
81
|
-
// .nb { color: lighten($color: $back-color, $amount: 50%); } // Name.Builtin
|
82
|
-
// .nc { color: lighten($color: $back-color, $amount: 40%); font-weight: bold } // Name.Class
|
83
|
-
// .no { color: lighten($color: $back-color, $amount: 40%) } // Name.Constant
|
84
|
-
// .ni { color: darken($color: $white-color, $amount: 20%) } // Name.Entity
|
85
|
-
// .ne { color: #900; font-weight: bold } // Name.Exception
|
86
|
-
// .nf { color: lighten($color: $back-color, $amount: 55%); font-weight: bold } // Name.Function
|
87
|
-
// .nn { color: darken($color: $white-color, $amount: 20%) } // Name.Namespace
|
88
|
-
.nt { color: color-for(primary); font-weight: bold; } // Name.Tag
|
89
|
-
// .nv { color: darken($color: $white-color, $amount: 20%) } // Name.Variable
|
90
|
-
// .bp { color: darken($color: $white-color, $amount: 20%) } // Name.Builtin.Pseudo
|
91
|
-
// .vc { color: darken($color: $white-color, $amount: 20%) } // Name.Variable.Class
|
92
|
-
// .vg { color: darken($color: $white-color, $amount: 20%) } // Name.Variable.Global
|
93
|
-
// .vi { color: darken($color: $white-color, $amount: 20%) } // Name.Variable.Instance
|
94
|
-
|
95
|
-
// Literal.Number
|
96
|
-
.m, .mf, .mh, .mi, .mo, .il { color: color-for(primary); }
|
97
|
-
// .mf { color: #880 } // Literal.Number.Float
|
98
|
-
// .mh { color: #880 } // Literal.Number.Hex
|
99
|
-
// .mi { color: #880 } // Literal.Number.Integer
|
100
|
-
// .mo { color: #880 } // Literal.Number.Oct
|
101
|
-
// .il { color: #099 } // Literal.Number.Integer.Long
|
102
|
-
|
103
|
-
// Literal.String
|
104
|
-
.dl, .s, .sb, .sc, .sd, .s2, .se, .si, .sx, .sr, .s1, .ss { color: color-for(hl); }
|
105
|
-
// .sb { color: #d14 } // Literal.String.Backtick
|
106
|
-
// .sc { color: #d14 } // Literal.String.Char
|
107
|
-
// .sd { color: #d14 } // Literal.String.Doc
|
108
|
-
// .s2 { color: #d14 } // Literal.String.Double
|
109
|
-
// .se { color: #d14 } // Literal.String.Escape
|
110
|
-
// .sh { color: #d14 } // Literal.String.Heredoc
|
111
|
-
// .si { color: #d14 } // Literal.String.Interpol
|
112
|
-
// .sx { color: #d14 } // Literal.String.Other
|
113
|
-
// .sr { color: #009926 } // Literal.String.Regex
|
114
|
-
// .s1 { color: #d14 } // Literal.String.Single
|
115
|
-
// .ss { color: #990073 } // Literal.String.Symbol
|
116
|
-
|
117
|
-
// .w { color: #bbb } // Text.Whitespace
|
118
|
-
// .gr { color: #f00 } // Generic.Error
|
119
|
-
// .err { color: #f00 } // Error
|
120
|
-
}
|
121
|
-
}
|
@@ -1,62 +0,0 @@
|
|
1
|
-
.footer {
|
2
|
-
margin-top: $spacing-3;
|
3
|
-
padding: $spacing-3;
|
4
|
-
font-size: $small-font-size;
|
5
|
-
text-align: center;
|
6
|
-
@include with-theme {
|
7
|
-
background-color: color-for(hl-area);
|
8
|
-
color: color-for(hl);
|
9
|
-
}
|
10
|
-
}
|
11
|
-
|
12
|
-
.footer-container {
|
13
|
-
margin: auto;
|
14
|
-
@include on-desktop {
|
15
|
-
max-width: 50%;
|
16
|
-
}
|
17
|
-
@include on-tablet {
|
18
|
-
max-width: 75%;
|
19
|
-
}
|
20
|
-
}
|
21
|
-
|
22
|
-
@mixin footer-section {
|
23
|
-
margin: $spacing-1 0pt;
|
24
|
-
}
|
25
|
-
|
26
|
-
.site-description {
|
27
|
-
@include footer-section;
|
28
|
-
text-align: justify;
|
29
|
-
}
|
30
|
-
|
31
|
-
.social-bar {
|
32
|
-
@include footer-section;
|
33
|
-
}
|
34
|
-
|
35
|
-
.copyright {
|
36
|
-
@include footer-section;
|
37
|
-
font-style: italic;
|
38
|
-
}
|
39
|
-
|
40
|
-
.social-link {
|
41
|
-
// Sizing and spacing
|
42
|
-
margin: $spacing-1;
|
43
|
-
|
44
|
-
// Sizing is scaled by font
|
45
|
-
$font-size: $medium-font-size;
|
46
|
-
|
47
|
-
// Manually set width and height
|
48
|
-
width: $font-size + 2*$spacing-1;
|
49
|
-
height: $font-size + 2*$spacing-1;
|
50
|
-
border-radius: $font-size;
|
51
|
-
|
52
|
-
// Center icon
|
53
|
-
display: inline-grid;
|
54
|
-
grid-template-rows: 1fr;
|
55
|
-
grid-template-columns: 1fr;
|
56
|
-
place-items: center;
|
57
|
-
|
58
|
-
// Style icon
|
59
|
-
font-size: $font-size;
|
60
|
-
text-decoration: none;
|
61
|
-
color: inherit !important;
|
62
|
-
}
|