1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
|
// === Import Bootstrap and variable overrides ===
$body-bg: {{ .Param "style.backgroundColor" }};
$font-family-base: "Helvetica Neue", Arial, sans-serif;
$font-size-base: 0.95rem;
@import "../../node_modules/bootstrap/scss/bootstrap";
// === Import Font Awesome ===
$fa-font-path: "./webfonts";
@import "../../node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss";
@import "../../node_modules/@fortawesome/fontawesome-free/scss/solid.scss";
@import "../../node_modules/@fortawesome/fontawesome-free/scss/brands.scss";
.fa-1x {
font-size: 0.9em !important;
}
// === Custom Styles ===
#content {
width: 100%;
max-width: 650px;
min-height: calc(100vh - 105px);
}
#home-image {
width: 120px;
height: 120px;
border: solid 5px white;
box-shadow: 0px 10px 7px -10px rgba(0,0,0,0.6);
}
#nav-links {
position: relative;
left: -5px;
}
#nav-social {
position: relative;
left: 1px;
}
.category {
color: white;
background-color: $body-color;
}
.highlight > pre {
padding: 0.5rem 0.8rem;
border: 1px solid;
border-color: #ddd #ddd #ccc;
border-radius: 3px;
}
hr {
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0.4),
rgba(51, 51, 51, 0.3), rgba(0, 0, 0, 0));
}
h1, h2 {
letter-spacing: -0.085rem;
font-weight: 700;
}
h3, h4 {
letter-spacing: -0.065rem;
font-weight: 700;
}
p {
margin-bottom: 0.7rem;
}
header {
h2 {
a, a:hover {
color: $body-color;
}
}
}
img {
border-radius: 0.20rem;
}
h4 {
margin-top: 2.2rem;
margin-bottom: 0.7rem;
}
a {
text-decoration: underline;
}
// === Media breakpoints ===
// 576px
@include media-breakpoint-up(sm) {}
// 768px
@include media-breakpoint-up(md) {}
// 992px
@include media-breakpoint-up(lg) {}
// 1200px
@include media-breakpoint-up(xl) {}
|
