minimal-jekyll-theme 0.1.3 → 0.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/CHANGELOG.md +48 -0
- data/README.md +28 -16
- data/_includes/analytics.html +37 -0
- data/_includes/author_bio.html +11 -11
- data/_includes/category_tag_list.html +2 -2
- data/_includes/figure +1 -1
- data/_includes/footer.html +11 -10
- data/_includes/head.html +0 -18
- data/_includes/header.html +12 -12
- data/_includes/navigation.html +11 -15
- data/_includes/post_meta.html +12 -12
- data/_includes/sidebar.html +9 -7
- data/_includes/video +1 -1
- data/_layouts/archive.html +34 -0
- data/_layouts/default.html +2 -2
- data/_layouts/home.html +19 -29
- data/_layouts/page.html +6 -6
- data/_layouts/post.html +6 -6
- data/_sass/_tachyons.scss +3 -3
- data/_sass/_theme.scss +527 -0
- data/_sass/_variables.scss +48 -16
- data/_sass/scss/_aspect-ratios.scss +0 -0
- data/_sass/scss/_background-position.scss +0 -0
- data/_sass/scss/_background-size.scss +0 -0
- data/_sass/scss/_border-colors.scss +0 -0
- data/_sass/scss/_border-radius.scss +0 -0
- data/_sass/scss/_border-style.scss +0 -0
- data/_sass/scss/_border-widths.scss +0 -0
- data/_sass/scss/_borders.scss +0 -0
- data/_sass/scss/_box-shadow.scss +0 -0
- data/_sass/scss/_box-sizing.scss +0 -0
- data/_sass/scss/_clears.scss +0 -0
- data/_sass/scss/_code.scss +0 -0
- data/_sass/scss/_colors.scss +0 -0
- data/_sass/scss/_coordinates.scss +0 -0
- data/_sass/scss/_debug-children.scss +0 -0
- data/_sass/scss/_debug-grid.scss +4 -4
- data/_sass/scss/_debug.scss +0 -0
- data/_sass/scss/_debug_children.scss +0 -0
- data/_sass/scss/_display.scss +0 -0
- data/_sass/scss/_flexbox.scss +8 -4
- data/_sass/scss/_floats.scss +0 -0
- data/_sass/scss/_font-family.scss +0 -0
- data/_sass/scss/_font-style.scss +0 -0
- data/_sass/scss/_font-weight.scss +0 -0
- data/_sass/scss/_forms.scss +0 -0
- data/_sass/scss/_gradients.scss +0 -0
- data/_sass/scss/_heights.scss +0 -0
- data/_sass/scss/_hovers.scss +1 -0
- data/_sass/scss/_images.scss +0 -0
- data/_sass/scss/_letter-spacing.scss +0 -0
- data/_sass/scss/_line-height.scss +0 -0
- data/_sass/scss/_links.scss +0 -0
- data/_sass/scss/_lists.scss +0 -0
- data/_sass/scss/_max-widths.scss +0 -0
- data/_sass/scss/_media-queries.scss +0 -0
- data/_sass/scss/_module-template.scss +0 -0
- data/_sass/scss/_negative-margins.scss +0 -0
- data/_sass/scss/_nested.scss +0 -0
- data/_sass/scss/_normalize.scss +23 -3
- data/_sass/scss/_opacity.scss +0 -0
- data/_sass/scss/_outlines.scss +0 -0
- data/_sass/scss/_overflow.scss +0 -0
- data/_sass/scss/_position.scss +0 -0
- data/_sass/scss/_rotations.scss +0 -0
- data/_sass/scss/_skins-pseudo.scss +2 -2
- data/_sass/scss/_skins.scss +0 -0
- data/_sass/scss/_spacing.scss +0 -0
- data/_sass/scss/_styles.scss +0 -0
- data/_sass/scss/_tables.scss +0 -0
- data/_sass/scss/_text-align.scss +5 -0
- data/_sass/scss/_text-decoration.scss +0 -0
- data/_sass/scss/_text-transform.scss +0 -0
- data/_sass/scss/_type-scale.scss +0 -0
- data/_sass/scss/_typography.scss +0 -0
- data/_sass/scss/_utilities.scss +9 -0
- data/_sass/scss/_vertical-align.scss +0 -0
- data/_sass/scss/_visibility.scss +0 -0
- data/_sass/scss/_white-space.scss +0 -0
- data/_sass/scss/_widths.scss +0 -0
- data/_sass/scss/_word-break.scss +0 -0
- data/_sass/scss/_z-index.scss +0 -0
- data/assets/css/minimal.scss +1 -2
- metadata +28 -13
- data/_sass/_custom.scss +0 -137
- data/_sass/_tachyons-background-overlays.scss +0 -44
data/_includes/video
CHANGED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="{{ page.lang | default: site.lang }}">
|
|
3
|
+
{% include head.html %}
|
|
4
|
+
<body class="black-90 {% if page.class or layout.class %}{{ page.class | default: layout.class | join: ' ' | prepend: ' ' }}{% endif %}">
|
|
5
|
+
|
|
6
|
+
<div class="flex flex-column items-center">
|
|
7
|
+
<div class="mw7 w-100 ph3 ph4-ns">
|
|
8
|
+
<h1 class="f5 fw4 lh-title mb0 pb2 bb b--light-gray">{% if page.type == 'year' %}Posts from {{ page.date | date: "%Y" }}{% elsif page.type == 'month' %}Posts from {{ page.date | date: "%B %Y" }}{% elsif page.type == 'day' %}Posts from {{ page.date | date: site.date_format }}{% else %}Posts with {{ page.type }} '{{ page.title }}'{% endif %}</h1>
|
|
9
|
+
|
|
10
|
+
{% for post in page.posts %}
|
|
11
|
+
<a class="link black hover-silver" href="{{ post.url | relative_url }}">
|
|
12
|
+
<article class="f5 lh-copy fw3 pb4 bb b--light-gray">
|
|
13
|
+
<div class="f6 fw6 lh-title ttu tracked mv4">{{ post.date | date: "%b %Y" }}</div>
|
|
14
|
+
<h3 class="f3 fw6 lh-title mb0">{{ post.title | escape }}</h3>
|
|
15
|
+
<p class="f5 fw3 lh-copy mv2">{{ post.excerpt | remove: '<p>' | remove: '</p>' }}</p>
|
|
16
|
+
|
|
17
|
+
<div class="f6 fw3 silver mt0">
|
|
18
|
+
{% if post.last_modified_at %}
|
|
19
|
+
<span>{{ site.data.theme.text.updated }} <time>{{ post.last_modified_at | date: site.date_format }}</time></span>
|
|
20
|
+
{% else %}
|
|
21
|
+
<time>{{ post.date | date: site.date_format }}</time>
|
|
22
|
+
{% endif %}
|
|
23
|
+
<span class="ttl">· {% include read_time.html %}</span>
|
|
24
|
+
</div>
|
|
25
|
+
</article>
|
|
26
|
+
</a>
|
|
27
|
+
{% endfor %}
|
|
28
|
+
|
|
29
|
+
</div>
|
|
30
|
+
</div>
|
|
31
|
+
|
|
32
|
+
{% include footer.html %}
|
|
33
|
+
</body>
|
|
34
|
+
</html>
|
data/_layouts/default.html
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<!DOCTYPE html>
|
|
2
|
-
<html>
|
|
2
|
+
<html lang="{{ page.lang | default: site.lang }}">
|
|
3
3
|
{% include head.html %}
|
|
4
|
-
<body class="black-
|
|
4
|
+
<body class="black-90 {% if page.class or layout.class %}{{ page.class | default: layout.class | join: ' ' | prepend: ' ' }}{% endif %}">
|
|
5
5
|
|
|
6
6
|
{% if page.header != false %}
|
|
7
7
|
{% include header.html %}
|
data/_layouts/home.html
CHANGED
|
@@ -2,39 +2,29 @@
|
|
|
2
2
|
layout: default
|
|
3
3
|
---
|
|
4
4
|
|
|
5
|
-
<
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
<h3 class="f5 f4-ns fw3 mb0 pb2 bb b--light-gray">{{ site.data.theme.text.latest_articles | capitalize | default: "Latest writings" }}</h3>
|
|
5
|
+
<section class="flex justify-center mt3">
|
|
6
|
+
<div class="mw7 w-100 pa3 pa4-ns">
|
|
7
|
+
<h3 class="f5 f4-ns fw3 mb0 pb2 bb b--light-gray">{{ site.data.theme.text.latest_articles | default: "Recent Posts" }}</h3>
|
|
9
8
|
|
|
10
9
|
{% for post in site.posts limit: site.data.theme.text.post_limit %}
|
|
11
|
-
<
|
|
12
|
-
<
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
<span>{{ post.date | date: site.date_format }}</span>
|
|
17
|
-
{% endif %}
|
|
18
|
-
<span class="ttl">·
|
|
19
|
-
{% include read_time.html %}
|
|
20
|
-
</span>
|
|
21
|
-
</div>
|
|
22
|
-
|
|
23
|
-
<a class="link black" href="{{ post.url | relative_url }}">
|
|
24
|
-
<h3 class="f3 f2-ns fw6 lh-title mt0 mb0">{{ post.title | escape }}</h3>
|
|
25
|
-
<div class="f5 f4-ns fw3 lh-copy">
|
|
26
|
-
{% if post.summary %}
|
|
27
|
-
{{ post.summary }}
|
|
10
|
+
<a class="link black hover-silver" href="{{ post.url | relative_url }}">
|
|
11
|
+
<article class="post pv4 bb b--light-gray">
|
|
12
|
+
<div class="f5 fw3 silver lh-copy">
|
|
13
|
+
{% if post.last_modified_at %}
|
|
14
|
+
<span>{{ site.data.theme.text.updated }} <time>{{ post.last_modified_at | date: site.date_format }}</time></span>
|
|
28
15
|
{% else %}
|
|
29
|
-
|
|
16
|
+
<time>{{ post.date | date: site.date_format }}</time>
|
|
30
17
|
{% endif %}
|
|
18
|
+
<span class="ttl">· {% include read_time.html %}</span>
|
|
31
19
|
</div>
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
20
|
+
<h3 class="f3 f2-ns fw6 lh-title mt0 mb0">{{ post.title | escape }}</h3>
|
|
21
|
+
<p class="f5 f4-ns fw3 lh-copy mv2">{{ post.excerpt | remove: '<p>' | remove: '</p>' }}</p>
|
|
22
|
+
<div class="f6 fw3 silver lh-copy mb0">{{ site.data.theme.text.read_more | capitalize }}</div>
|
|
23
|
+
</article>
|
|
24
|
+
</a>
|
|
35
25
|
{% endfor %}
|
|
36
|
-
|
|
37
|
-
|
|
26
|
+
<div class="inline-flex">
|
|
27
|
+
<a class="f5 f4-ns fw3 link black hover-silver ba br2 bw1 mv4 pv2 ph3" href="{{ site.data.theme.text.full_archive_url | relative_url }}">{{ site.data.theme.text.full_archive | default: "All Posts" }}</a>
|
|
28
|
+
</div>
|
|
38
29
|
</div>
|
|
39
|
-
|
|
40
|
-
</article>
|
|
30
|
+
</section>
|
data/_layouts/page.html
CHANGED
|
@@ -3,23 +3,23 @@ layout: default
|
|
|
3
3
|
---
|
|
4
4
|
|
|
5
5
|
<main class="mw8 center flex flex-column flex-row-l justify-center">
|
|
6
|
-
<article class="mw7 {% if page.sidebar %}center-l{% else %}center{% endif %} w-100 w-75-l">
|
|
6
|
+
<article class="mw7 {% if page.sidebar %}center-l{% else %}center{% endif %} w-100 w-75-l ph3 ph4-ns">
|
|
7
|
+
|
|
7
8
|
{% unless page.header.layout == 'hero' %}
|
|
8
|
-
<header class="
|
|
9
|
+
<header class="mt5">
|
|
9
10
|
<h1 class="f2 fw6 lh-title mb1">{{ page.title }}</h1>
|
|
10
11
|
{% if page.subtitle %}
|
|
11
|
-
<h2 class="f3 fw3 lh-title
|
|
12
|
+
<h2 class="f3 fw3 lh-title silver mv2">{{ page.subtitle }}</h2>
|
|
12
13
|
{% endif %}
|
|
13
14
|
</header>
|
|
14
15
|
{% endunless %}
|
|
15
16
|
|
|
16
|
-
<div class="
|
|
17
|
+
<div class="f5 f4-ns fw3 lh-copy mb0">
|
|
17
18
|
{{ content }}
|
|
18
19
|
</div>
|
|
19
20
|
</article>
|
|
20
21
|
|
|
21
22
|
{% if page.sidebar %}
|
|
22
|
-
|
|
23
|
+
{% include sidebar.html %}
|
|
23
24
|
{% endif %}
|
|
24
|
-
|
|
25
25
|
</main>
|
data/_layouts/post.html
CHANGED
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
layout: default
|
|
3
3
|
---
|
|
4
4
|
|
|
5
|
-
<main>
|
|
6
|
-
<article class="
|
|
5
|
+
<main class="flex flex-column items-center">
|
|
6
|
+
<article class="mw7 w-100 ph3 ph4-ns">
|
|
7
7
|
|
|
8
|
-
<header class="
|
|
8
|
+
<header class="{% if page.post_meta == false %}mt5{% endif %}">
|
|
9
9
|
{% if site.data.theme.post_meta %}
|
|
10
10
|
{% include post_meta.html %}
|
|
11
11
|
{% endif %}
|
|
@@ -13,17 +13,17 @@ layout: default
|
|
|
13
13
|
{% unless page.header.layout == 'hero' %}
|
|
14
14
|
<h1 class="f2 fw6 lh-title mb1">{{ page.title }}</h1>
|
|
15
15
|
{% if page.subtitle %}
|
|
16
|
-
<h2 class="f3 fw4 lh-title
|
|
16
|
+
<h2 class="f3 fw4 lh-title silver mv2">{{ page.subtitle }}</h2>
|
|
17
17
|
{% endif %}
|
|
18
18
|
{% endunless %}
|
|
19
19
|
</header>
|
|
20
20
|
|
|
21
21
|
|
|
22
|
-
<div class="mw7 w-100
|
|
22
|
+
<div class="mw7 w-100 f5 f4-ns fw3 lh-copy mb0">
|
|
23
23
|
{{ content }}
|
|
24
24
|
</div>
|
|
25
25
|
|
|
26
|
-
<div class="mw7 w-100
|
|
26
|
+
<div class="mw7 w-100 lh-copy">
|
|
27
27
|
{% if site.data.theme.category_tag_list %}
|
|
28
28
|
{% include category_tag_list.html %}
|
|
29
29
|
{% endif %}
|
data/_sass/_tachyons.scss
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// ! TACHYONS v4.
|
|
1
|
+
// ! TACHYONS v4.8.1 | http://tachyons.io
|
|
2
2
|
|
|
3
3
|
//
|
|
4
4
|
//
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
@import 'scss/display';
|
|
60
60
|
@import 'scss/flexbox';
|
|
61
61
|
@import 'scss/floats';
|
|
62
|
-
|
|
62
|
+
//@import 'scss/font-family';
|
|
63
63
|
@import 'scss/font-style';
|
|
64
64
|
@import 'scss/font-weight';
|
|
65
65
|
@import 'scss/forms';
|
|
@@ -90,5 +90,5 @@
|
|
|
90
90
|
@import 'scss/vertical-align';
|
|
91
91
|
@import 'scss/hovers';
|
|
92
92
|
@import 'scss/z-index';
|
|
93
|
-
|
|
93
|
+
//@import 'scss/nested';
|
|
94
94
|
@import 'scss/styles';
|
data/_sass/_theme.scss
ADDED
|
@@ -0,0 +1,527 @@
|
|
|
1
|
+
/*
|
|
2
|
+
|
|
3
|
+
CUSTOM CSS
|
|
4
|
+
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
// Set default font
|
|
8
|
+
html {
|
|
9
|
+
font-family: $font-family;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
// Links
|
|
13
|
+
a {
|
|
14
|
+
color: $link;
|
|
15
|
+
&:hover {
|
|
16
|
+
color: $hover;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
a.nested-author-cta {
|
|
21
|
+
color: $author-cta-link;
|
|
22
|
+
|
|
23
|
+
&:hover {
|
|
24
|
+
color: $author-cta-hover;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
// Buttons
|
|
29
|
+
.btn {
|
|
30
|
+
display: inline-block;
|
|
31
|
+
cursor: pointer;
|
|
32
|
+
font-family: $font-family;
|
|
33
|
+
font-weight: 400;
|
|
34
|
+
color: $white;
|
|
35
|
+
text-align: center;
|
|
36
|
+
text-decoration: none;
|
|
37
|
+
padding: .375rem .875rem;
|
|
38
|
+
margin-top: .5rem;
|
|
39
|
+
border-radius: .25rem;
|
|
40
|
+
|
|
41
|
+
&:hover {
|
|
42
|
+
color: $white;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
&--block {
|
|
46
|
+
display: block;
|
|
47
|
+
width: 100%;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
&--primary {
|
|
51
|
+
background-color: $btn-primary;
|
|
52
|
+
border: .125rem solid $btn-primary;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
&--secondary {
|
|
56
|
+
background-color: $btn-secondary;
|
|
57
|
+
border: .125rem solid $btn-secondary;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
&--success {
|
|
61
|
+
background-color: $btn-success;
|
|
62
|
+
border: .125rem solid $btn-success;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
&--warning {
|
|
66
|
+
background-color: $btn-warning;
|
|
67
|
+
border: .125rem solid $btn-warning;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
&--danger {
|
|
71
|
+
background-color: $btn-danger;
|
|
72
|
+
border: .125rem solid $btn-danger;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
&--info {
|
|
76
|
+
background-color: $btn-info;
|
|
77
|
+
border: .125rem solid $btn-info;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
&--light {
|
|
81
|
+
color: $black-90;
|
|
82
|
+
background-color: $btn-light;
|
|
83
|
+
border: .125rem solid $btn-light;
|
|
84
|
+
|
|
85
|
+
&:hover {
|
|
86
|
+
color: $black-90;
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
&--dark {
|
|
91
|
+
background-color: $btn-dark;
|
|
92
|
+
border: .125rem solid $btn-dark;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
// Buttons sizes
|
|
96
|
+
&--small {
|
|
97
|
+
padding: .25rem 1rem;
|
|
98
|
+
font-size: .875rem;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
&--large {
|
|
102
|
+
padding: .5rem 2rem;
|
|
103
|
+
font-size: 2.25rem;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
&--x-large {
|
|
107
|
+
padding: 1rem 2rem;
|
|
108
|
+
font-size: 3rem;
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
// Outline buttons
|
|
113
|
+
.btn-outline {
|
|
114
|
+
|
|
115
|
+
&--primary {
|
|
116
|
+
color: $btn-primary;
|
|
117
|
+
border: .125rem solid $btn-primary;
|
|
118
|
+
|
|
119
|
+
&:hover {
|
|
120
|
+
color: $white;
|
|
121
|
+
background-color: $btn-primary;
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
&--secondary {
|
|
126
|
+
color: $btn-secondary;
|
|
127
|
+
border: .125rem solid $btn-secondary;
|
|
128
|
+
|
|
129
|
+
&:hover {
|
|
130
|
+
color: $white;
|
|
131
|
+
background-color: $btn-secondary;
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
&--success {
|
|
136
|
+
color: $btn-success;
|
|
137
|
+
border: .125rem solid $btn-success;
|
|
138
|
+
|
|
139
|
+
&:hover {
|
|
140
|
+
color: $white;
|
|
141
|
+
background-color: $btn-success;
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
&--warning {
|
|
146
|
+
color: $btn-warning;
|
|
147
|
+
border: .125rem solid $btn-warning;
|
|
148
|
+
|
|
149
|
+
&:hover {
|
|
150
|
+
color: $white;
|
|
151
|
+
background-color: $btn-warning;
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
&--danger {
|
|
156
|
+
color: $btn-danger;
|
|
157
|
+
border: .125rem solid $btn-danger;
|
|
158
|
+
|
|
159
|
+
&:hover {
|
|
160
|
+
color: $white;
|
|
161
|
+
background-color: $btn-danger;
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
&--info {
|
|
166
|
+
color: $btn-info;
|
|
167
|
+
border: .125rem solid $btn-info;
|
|
168
|
+
|
|
169
|
+
&:hover {
|
|
170
|
+
color: $white;
|
|
171
|
+
background-color: $btn-info;
|
|
172
|
+
}
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
&--light {
|
|
176
|
+
color: $btn-light;
|
|
177
|
+
border: .125rem solid $btn-light;
|
|
178
|
+
|
|
179
|
+
&:hover {
|
|
180
|
+
color: $white;
|
|
181
|
+
background-color: $btn-light;
|
|
182
|
+
}
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
&--dark {
|
|
186
|
+
color: $btn-dark;
|
|
187
|
+
border: .125rem solid $btn-dark;
|
|
188
|
+
|
|
189
|
+
&:hover {
|
|
190
|
+
color: $white;
|
|
191
|
+
background-color: $btn-dark;
|
|
192
|
+
}
|
|
193
|
+
}
|
|
194
|
+
}
|
|
195
|
+
|
|
196
|
+
// Alerts
|
|
197
|
+
.alert {
|
|
198
|
+
display: block;
|
|
199
|
+
width: 100%;
|
|
200
|
+
font-family: $font-family;
|
|
201
|
+
font-size: 1rem;
|
|
202
|
+
padding: .5rem 1rem;
|
|
203
|
+
margin-top: .5rem;
|
|
204
|
+
|
|
205
|
+
&--primary {
|
|
206
|
+
color: $black-90;
|
|
207
|
+
background-color: $alert-primary;
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
&--secondary {
|
|
211
|
+
color: $black-90;
|
|
212
|
+
background-color: $alert-secondary;
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
&--success {
|
|
216
|
+
color: $black-90;
|
|
217
|
+
background-color: $alert-success;
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
&--warning {
|
|
221
|
+
color: $black-90;
|
|
222
|
+
background-color: $alert-warning;
|
|
223
|
+
}
|
|
224
|
+
|
|
225
|
+
&--danger {
|
|
226
|
+
color: $black-90;
|
|
227
|
+
background-color: $alert-danger;
|
|
228
|
+
}
|
|
229
|
+
|
|
230
|
+
&--info {
|
|
231
|
+
color: $black-90;
|
|
232
|
+
background-color: $alert-info;
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
&--light {
|
|
236
|
+
color: $black-90;
|
|
237
|
+
background-color: $alert-light;
|
|
238
|
+
}
|
|
239
|
+
|
|
240
|
+
&--dark {
|
|
241
|
+
color: $white;
|
|
242
|
+
background-color: $alert-dark;
|
|
243
|
+
}
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
// Removes nav margin on last menu link
|
|
247
|
+
nav a:last-child {
|
|
248
|
+
margin-right: 0;
|
|
249
|
+
}
|
|
250
|
+
|
|
251
|
+
// Full screen width
|
|
252
|
+
.full {
|
|
253
|
+
width: 100vw;
|
|
254
|
+
position: relative;
|
|
255
|
+
left: 50%;
|
|
256
|
+
right: 50%;
|
|
257
|
+
margin-left: -50vw;
|
|
258
|
+
margin-right: -50vw;
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
// Header captions
|
|
262
|
+
body span a {
|
|
263
|
+
font-weight: 300;
|
|
264
|
+
color: $figcaption-color;
|
|
265
|
+
&:hover {
|
|
266
|
+
color: $figcaption-color;
|
|
267
|
+
}
|
|
268
|
+
}
|
|
269
|
+
|
|
270
|
+
// Horizontal rules
|
|
271
|
+
hr {
|
|
272
|
+
max-width: 100%;
|
|
273
|
+
height: 1px;
|
|
274
|
+
padding: 0;
|
|
275
|
+
border: 0;
|
|
276
|
+
border-top: 1px solid $hr-color;
|
|
277
|
+
}
|
|
278
|
+
|
|
279
|
+
// Definition list
|
|
280
|
+
dt {
|
|
281
|
+
font-weight: bold;
|
|
282
|
+
margin-top: 1rem;
|
|
283
|
+
}
|
|
284
|
+
|
|
285
|
+
dd {
|
|
286
|
+
margin-left: 1rem;
|
|
287
|
+
}
|
|
288
|
+
|
|
289
|
+
// Abbreviation
|
|
290
|
+
abbr[title] {
|
|
291
|
+
cursor: help;
|
|
292
|
+
text-decoration: none;
|
|
293
|
+
border-bottom: 1px dotted $abbr-color;
|
|
294
|
+
}
|
|
295
|
+
|
|
296
|
+
// Bold text
|
|
297
|
+
b, strong {
|
|
298
|
+
font-weight: 600;
|
|
299
|
+
}
|
|
300
|
+
|
|
301
|
+
// Mark tag
|
|
302
|
+
mark {
|
|
303
|
+
background-color: $mark-color;
|
|
304
|
+
}
|
|
305
|
+
|
|
306
|
+
// Image captions
|
|
307
|
+
figcaption {
|
|
308
|
+
font-size: .875rem;
|
|
309
|
+
font-weight: 300;
|
|
310
|
+
color: $figcaption-color;
|
|
311
|
+
}
|
|
312
|
+
|
|
313
|
+
// Tables
|
|
314
|
+
table {
|
|
315
|
+
border-collapse: collapse;
|
|
316
|
+
border-spacing: 0;
|
|
317
|
+
}
|
|
318
|
+
|
|
319
|
+
table thead {
|
|
320
|
+
background-color: $table-header-color;
|
|
321
|
+
}
|
|
322
|
+
|
|
323
|
+
table, th, td {
|
|
324
|
+
padding: .5rem;
|
|
325
|
+
border: 1px solid $table-border-color;
|
|
326
|
+
}
|
|
327
|
+
|
|
328
|
+
// Blockquotes
|
|
329
|
+
blockquote {
|
|
330
|
+
font-size: 1.25rem;
|
|
331
|
+
font-style: italic;
|
|
332
|
+
line-height: 1.5;
|
|
333
|
+
padding-left: 1rem;
|
|
334
|
+
margin: 4rem 0 4rem 0;
|
|
335
|
+
color: $blockquote-color;
|
|
336
|
+
border-left: .25rem solid $blockquote-border-color;
|
|
337
|
+
|
|
338
|
+
@media (min-width: 30em) {
|
|
339
|
+
font-size: 1.5rem;
|
|
340
|
+
padding-left: 1.5rem;
|
|
341
|
+
}
|
|
342
|
+
|
|
343
|
+
}
|
|
344
|
+
|
|
345
|
+
blockquote cite {
|
|
346
|
+
font-size: .875rem;
|
|
347
|
+
font-style: normal;
|
|
348
|
+
letter-spacing: .1em;
|
|
349
|
+
text-transform: uppercase;
|
|
350
|
+
|
|
351
|
+
}
|
|
352
|
+
|
|
353
|
+
// Override Tachyons
|
|
354
|
+
figure {
|
|
355
|
+
margin: .25rem 0; // Removes Tachyons default 40px left/right margins on codeblocks
|
|
356
|
+
}
|
|
357
|
+
|
|
358
|
+
body {
|
|
359
|
+
margin: 0; // Removes Tachyons default body margin for header
|
|
360
|
+
|
|
361
|
+
}
|
|
362
|
+
|
|
363
|
+
.link:focus { // Removes Tachyons default link outline
|
|
364
|
+
outline: 0;
|
|
365
|
+
}
|
|
366
|
+
|
|
367
|
+
// Codeblocks
|
|
368
|
+
code, pre {
|
|
369
|
+
font-family: $code-font-family;
|
|
370
|
+
font-size: $code-font-size;
|
|
371
|
+
font-weight: $code-font-weight;
|
|
372
|
+
}
|
|
373
|
+
|
|
374
|
+
pre {
|
|
375
|
+
@extend .pre;
|
|
376
|
+
margin: 0;
|
|
377
|
+
padding: 1rem;
|
|
378
|
+
}
|
|
379
|
+
|
|
380
|
+
p > code {
|
|
381
|
+
border-right: .25rem;
|
|
382
|
+
padding: .25rem;
|
|
383
|
+
background-color: $code-background-color;
|
|
384
|
+
}
|
|
385
|
+
|
|
386
|
+
.highlight {
|
|
387
|
+
background-color: $code-background-color;
|
|
388
|
+
|
|
389
|
+
table {
|
|
390
|
+
margin: 0;
|
|
391
|
+
border: 0;
|
|
392
|
+
|
|
393
|
+
tr {
|
|
394
|
+
border: 0;
|
|
395
|
+
}
|
|
396
|
+
|
|
397
|
+
td {
|
|
398
|
+
border: 0;
|
|
399
|
+
padding: 0;
|
|
400
|
+
}
|
|
401
|
+
|
|
402
|
+
}
|
|
403
|
+
|
|
404
|
+
// Codeblock line numbers styling
|
|
405
|
+
@mixin unselectable() {
|
|
406
|
+
-webkit-touch-callout: none;
|
|
407
|
+
-webkit-user-select: none;
|
|
408
|
+
-khtml-user-select: none;
|
|
409
|
+
-moz-user-select: none;
|
|
410
|
+
-ms-user-select: none;
|
|
411
|
+
user-select: none;
|
|
412
|
+
}
|
|
413
|
+
|
|
414
|
+
.lineno, .gp {
|
|
415
|
+
@include unselectable();
|
|
416
|
+
color: $linenos-color;
|
|
417
|
+
}
|
|
418
|
+
|
|
419
|
+
.lineno {
|
|
420
|
+
padding: 0;
|
|
421
|
+
}
|
|
422
|
+
|
|
423
|
+
.gp {
|
|
424
|
+
padding-right: .25rem;
|
|
425
|
+
}
|
|
426
|
+
|
|
427
|
+
// Syntax highlighting
|
|
428
|
+
.c { color: $silver; font-style: italic } // Comment
|
|
429
|
+
.err { color: #a61717; background-color: #e3d2d2 } // Error
|
|
430
|
+
.k { font-weight: bold } // Keyword
|
|
431
|
+
.o { font-weight: bold } // Operator
|
|
432
|
+
.cm { color: $silver; font-style: italic } // Comment.Multiline
|
|
433
|
+
.cp { color: #999; font-weight: bold } // Comment.Preproc
|
|
434
|
+
.c1 { color: $silver; font-style: italic } // Comment.Single
|
|
435
|
+
.cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
|
|
436
|
+
.gd { color: #000; background-color: #fdd } // Generic.Deleted
|
|
437
|
+
.gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
|
|
438
|
+
.ge { font-style: italic } // Generic.Emph
|
|
439
|
+
.gr { color: #a00 } // Generic.Error
|
|
440
|
+
.gh { color: #999 } // Generic.Heading
|
|
441
|
+
.gi { color: #000; background-color: #dfd } // Generic.Inserted
|
|
442
|
+
.gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
|
|
443
|
+
.go { color: #888 } // Generic.Output
|
|
444
|
+
.gp { color: $linenos-color } // Generic.Prompt
|
|
445
|
+
.gs { font-weight: bold } // Generic.Strong
|
|
446
|
+
.gu { color: #aaa } // Generic.Subheading
|
|
447
|
+
.gt { color: #a00 } // Generic.Traceback
|
|
448
|
+
.kc { font-weight: bold } // Keyword.Constant
|
|
449
|
+
.kd { font-weight: bold } // Keyword.Declaration
|
|
450
|
+
.kp { font-weight: bold } // Keyword.Pseudo
|
|
451
|
+
.kr { font-weight: bold } // Keyword.Reserved
|
|
452
|
+
.kt { color: #458; font-weight: bold } // Keyword.Type
|
|
453
|
+
.m { color: #099 } // Literal.Number
|
|
454
|
+
.s { color: #d14 } // Literal.String
|
|
455
|
+
.na { color: #008080 } // Name.Attribute
|
|
456
|
+
.nb { color: #0086B3 } // Name.Builtin
|
|
457
|
+
.nc { color: #458; font-weight: bold } // Name.Class
|
|
458
|
+
.no { color: #008080 } // Name.Constant
|
|
459
|
+
.ni { color: #800080 } // Name.Entity
|
|
460
|
+
.ne { color: #900; font-weight: bold } // Name.Exception
|
|
461
|
+
.nf { color: #900; font-weight: bold } // Name.Function
|
|
462
|
+
.nn { color: #555 } // Name.Namespace
|
|
463
|
+
.nt { color: #000080 } // Name.Tag
|
|
464
|
+
.nv { color: #008080 } // Name.Variable
|
|
465
|
+
.ow { font-weight: bold } // Operator.Word
|
|
466
|
+
.w { color: #bbb } // Text.Whitespace
|
|
467
|
+
.mf { color: #099 } // Literal.Number.Float
|
|
468
|
+
.mh { color: #099 } // Literal.Number.Hex
|
|
469
|
+
.mi { color: #099 } // Literal.Number.Integer
|
|
470
|
+
.mo { color: #099 } // Literal.Number.Oct
|
|
471
|
+
.sb { color: #d14 } // Literal.String.Backtick
|
|
472
|
+
.sc { color: #d14 } // Literal.String.Char
|
|
473
|
+
.sd { color: #d14 } // Literal.String.Doc
|
|
474
|
+
.s2 { color: #d14 } // Literal.String.Double
|
|
475
|
+
.se { color: #d14 } // Literal.String.Escape
|
|
476
|
+
.sh { color: #d14 } // Literal.String.Heredoc
|
|
477
|
+
.si { color: #d14 } // Literal.String.Interpol
|
|
478
|
+
.sx { color: #d14 } // Literal.String.Other
|
|
479
|
+
.sr { color: #009926 } // Literal.String.Regex
|
|
480
|
+
.s1 { color: #d14 } // Literal.String.Single
|
|
481
|
+
.ss { color: #990073 } // Literal.String.Symbol
|
|
482
|
+
.bp { color: #999 } // Name.Builtin.Pseudo
|
|
483
|
+
.vc { color: #008080 } // Name.Variable.Class
|
|
484
|
+
.vg { color: #008080 } // Name.Variable.Global
|
|
485
|
+
.vi { color: #008080 } // Name.Variable.Instance
|
|
486
|
+
.il { color: #099 } // Literal.Number.Integer.Long
|
|
487
|
+
}
|
|
488
|
+
|
|
489
|
+
// Tachyons Background Overlays v1.1.0 https://github.com/lowmess/tachyons-background-overlays
|
|
490
|
+
.bg-darken-0 { box-shadow: none; }
|
|
491
|
+
.bg-darken-25 { box-shadow: inset 0 0 0 9999px rgba( 0, 0, 0, .25 ); }
|
|
492
|
+
.bg-darken-50 { box-shadow: inset 0 0 0 9999px rgba( 0, 0, 0, .5 ); }
|
|
493
|
+
.bg-darken-75 { box-shadow: inset 0 0 0 9999px rgba( 0, 0, 0, .75 ); }
|
|
494
|
+
.bg-lighten-0 { box-shadow: none; }
|
|
495
|
+
.bg-lighten-25 { box-shadow: inset 0 0 0 9999px rgba( 255, 255, 255, .25 ); }
|
|
496
|
+
.bg-lighten-50 { box-shadow: inset 0 0 0 9999px rgba( 255, 255, 255, .5 ); }
|
|
497
|
+
.bg-lighten-75 { box-shadow: inset 0 0 0 9999px rgba( 255, 255, 255, .75 ); }
|
|
498
|
+
@media screen and (min-width: 30em) {
|
|
499
|
+
.bg-darken-0-ns { box-shadow: none; }
|
|
500
|
+
.bg-darken-25-ns { box-shadow: inset 0 0 0 9999px rgba( 0, 0, 0, .25 ); }
|
|
501
|
+
.bg-darken-50-ns { box-shadow: inset 0 0 0 9999px rgba( 0, 0, 0, .5 ); }
|
|
502
|
+
.bg-darken-75-ns { box-shadow: inset 0 0 0 9999px rgba( 0, 0, 0, .75 ); }
|
|
503
|
+
.bg-lighten-0-ns { box-shadow: none; }
|
|
504
|
+
.bg-lighten-25-ns { box-shadow: inset 0 0 0 9999px rgba( 255, 255, 255, .25 ); }
|
|
505
|
+
.bg-lighten-50-ns { box-shadow: inset 0 0 0 9999px rgba( 255, 255, 255, .5 ); }
|
|
506
|
+
.bg-lighten-75-ns { box-shadow: inset 0 0 0 9999px rgba( 255, 255, 255, .75 ); }
|
|
507
|
+
}
|
|
508
|
+
@media screen and (min-width: 30em) and (max-width: 60em) {
|
|
509
|
+
.bg-darken-0-m { box-shadow: none; }
|
|
510
|
+
.bg-darken-25-m { box-shadow: inset 0 0 0 9999px rgba( 0, 0, 0, .25 ); }
|
|
511
|
+
.bg-darken-50-m { box-shadow: inset 0 0 0 9999px rgba( 0, 0, 0, .5 ); }
|
|
512
|
+
.bg-darken-75-m { box-shadow: inset 0 0 0 9999px rgba( 0, 0, 0, .75 ); }
|
|
513
|
+
.bg-lighten-0-m { box-shadow: none; }
|
|
514
|
+
.bg-lighten-25-m { box-shadow: inset 0 0 0 9999px rgba( 255, 255, 255, .25 ); }
|
|
515
|
+
.bg-lighten-50-m { box-shadow: inset 0 0 0 9999px rgba( 255, 255, 255, .5 ); }
|
|
516
|
+
.bg-lighten-75-m { box-shadow: inset 0 0 0 9999px rgba( 255, 255, 255, .75 ); }
|
|
517
|
+
}
|
|
518
|
+
@media screen and (min-width: 60em) {
|
|
519
|
+
.bg-darken-0-l { box-shadow: none; }
|
|
520
|
+
.bg-darken-25-l { box-shadow: inset 0 0 0 9999px rgba( 0, 0, 0, .25 ); }
|
|
521
|
+
.bg-darken-50-l { box-shadow: inset 0 0 0 9999px rgba( 0, 0, 0, .5 ); }
|
|
522
|
+
.bg-darken-75-l { box-shadow: inset 0 0 0 9999px rgba( 0, 0, 0, .75 ); }
|
|
523
|
+
.bg-lighten-0-l { box-shadow: none; }
|
|
524
|
+
.bg-lighten-25-l { box-shadow: inset 0 0 0 9999px rgba( 255, 255, 255, .25 ); }
|
|
525
|
+
.bg-lighten-50-l { box-shadow: inset 0 0 0 9999px rgba( 255, 255, 255, .5 ); }
|
|
526
|
+
.bg-lighten-75-l { box-shadow: inset 0 0 0 9999px rgba( 255, 255, 255, .75 ); }
|
|
527
|
+
}
|