jekyll-theme-jsblog 1.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/LICENSE +23 -0
- data/README.md +341 -0
- data/_includes/custom_comments_provider.html +3 -0
- data/_includes/fonts.html +2 -0
- data/_includes/footer.html +11 -0
- data/_includes/footer_content.html +5 -0
- data/_includes/google_analytics.html +13 -0
- data/_includes/head.html +78 -0
- data/_includes/head_custom.html +0 -0
- data/_includes/header.html +20 -0
- data/_includes/pagination.html +11 -0
- data/_layouts/default.html +20 -0
- data/_layouts/feed.xml +97 -0
- data/_layouts/home.html +48 -0
- data/_layouts/page.html +20 -0
- data/_layouts/post.html +27 -0
- data/_sass/jsblog.scss +101 -0
- data/_sass/jsblog/_base.scss +236 -0
- data/_sass/jsblog/_layout.scss +300 -0
- data/_sass/jsblog/_syntax-highlighting.scss +72 -0
- data/assets/main.scss +58 -0
- metadata +135 -0
|
File without changes
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
<header class="site-header">
|
|
2
|
+
|
|
3
|
+
<div class="wrapper">
|
|
4
|
+
|
|
5
|
+
<a class="site-title" href="{{ "/" | relative_url }}">{{ site.title | escape }}</a>
|
|
6
|
+
|
|
7
|
+
<nav class="site-nav">
|
|
8
|
+
{% for link in site.data.navigation.main %}
|
|
9
|
+
{% if link.url contains "http" %}
|
|
10
|
+
{% assign url = link.url %}
|
|
11
|
+
{% else %}
|
|
12
|
+
{% assign url = link.url | relative_url %}
|
|
13
|
+
{% endif %}
|
|
14
|
+
<a class="page-link" href="{{ url }}">{{ link.title }}</a>
|
|
15
|
+
{% endfor %}
|
|
16
|
+
</nav>
|
|
17
|
+
|
|
18
|
+
</div>
|
|
19
|
+
|
|
20
|
+
</header>
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
{% if paginator.total_pages > 1 %}
|
|
2
|
+
<div class="pagination">
|
|
3
|
+
{% if paginator.next_page %}
|
|
4
|
+
<a class="previous" href="{{ paginator.next_page_path | relative_url }}">« Older</a>
|
|
5
|
+
{% endif %}
|
|
6
|
+
|
|
7
|
+
{% if paginator.previous_page %}
|
|
8
|
+
<a class="next" href="{{ paginator.previous_page_path | relative_url }}">Newer »</a>
|
|
9
|
+
{% endif %}
|
|
10
|
+
</div>
|
|
11
|
+
{% endif %}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="{{ page.lang | default: site.lang | default: "en" }}">
|
|
3
|
+
|
|
4
|
+
{% include head.html %}
|
|
5
|
+
|
|
6
|
+
<body>
|
|
7
|
+
|
|
8
|
+
{% include header.html %}
|
|
9
|
+
|
|
10
|
+
<main class="page-content" aria-label="Content">
|
|
11
|
+
<div class="wrapper">
|
|
12
|
+
{{ content }}
|
|
13
|
+
</div>
|
|
14
|
+
</main>
|
|
15
|
+
|
|
16
|
+
{% include footer.html %}
|
|
17
|
+
|
|
18
|
+
</body>
|
|
19
|
+
|
|
20
|
+
</html>
|
data/_layouts/feed.xml
ADDED
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: null
|
|
3
|
+
---
|
|
4
|
+
<?xml version="1.0" encoding="utf-8"?>
|
|
5
|
+
<feed xmlns="http://www.w3.org/2005/Atom"{% if site.lang %} xml:lang="{{ site.lang }}"{% endif %}>
|
|
6
|
+
<generator uri="http://jekyllrb.com" version="{{ jekyll.version }}">Jekyll</generator>
|
|
7
|
+
{% assign feed_path = "/feed.xml" %}
|
|
8
|
+
{% if site.feed and site.feed.path %}
|
|
9
|
+
{% assign feed_path = site.feed.path %}
|
|
10
|
+
{% endif %}
|
|
11
|
+
<link href="{{ feed_path | absolute_url }}" rel="self" type="application/atom+xml" />
|
|
12
|
+
<link href="{{ '/' | absolute_url }}" rel="alternate" type="text/html" {% if site.lang %}hreflang="{{ site.lang }}" {% endif %}/>
|
|
13
|
+
<updated>{{ site.time | date_to_xmlschema }}</updated>
|
|
14
|
+
<id>{{ '/' | absolute_url | xml_escape }}/</id>
|
|
15
|
+
|
|
16
|
+
{% if site.title %}
|
|
17
|
+
<title type="html">{{ site.title | smartify | xml_escape }}</title>
|
|
18
|
+
{% elsif site.name %}
|
|
19
|
+
<title type="html">{{ site.name | smartify | xml_escape }}</title>
|
|
20
|
+
{% endif %}
|
|
21
|
+
|
|
22
|
+
{% if site.description %}
|
|
23
|
+
<subtitle>{{ site.description | xml_escape }}</subtitle>
|
|
24
|
+
{% endif %}
|
|
25
|
+
|
|
26
|
+
{% if site.author %}
|
|
27
|
+
<author>
|
|
28
|
+
<name>{{ site.author.name | default: site.author | xml_escape }}</name>
|
|
29
|
+
{% if site.author.email %}
|
|
30
|
+
<email>{{ site.author.email | xml_escape }}</email>
|
|
31
|
+
{% endif %}
|
|
32
|
+
{% if site.author.uri %}
|
|
33
|
+
<uri>{{ site.author.uri | xml_escape }}</uri>
|
|
34
|
+
{% endif %}
|
|
35
|
+
</author>
|
|
36
|
+
{% endif %}
|
|
37
|
+
|
|
38
|
+
{% for post in site.posts limit: 20 %}
|
|
39
|
+
{% unless post.draft %}
|
|
40
|
+
<entry{% if post.lang %} xml:lang="{{ post.lang }}"{% endif %}>
|
|
41
|
+
{% if post.external-url %}
|
|
42
|
+
<title type="html">{{ post.title | append: " →" | smartify | strip_html | normalize_whitespace | xml_escape }}</title>
|
|
43
|
+
{% else %}
|
|
44
|
+
<title type="html">{{ post.title | smartify | strip_html | normalize_whitespace | xml_escape }}</title>
|
|
45
|
+
{% endif %}
|
|
46
|
+
{% if post.external-url %}
|
|
47
|
+
<link href="{{ post.external-url }}" rel="alternate" type="text/html" />
|
|
48
|
+
<link href="{{ post.url | absolute_url }}" rel="related" type="text/html" title="{{ post.title | xml_escape }}" />
|
|
49
|
+
{% else %}
|
|
50
|
+
<link href="{{ post.url | absolute_url }}" rel="alternate" type="text/html" title="{{ post.title | xml_escape }}" />
|
|
51
|
+
{% endif %}
|
|
52
|
+
<published>{{ post.date | date_to_xmlschema }}</published>
|
|
53
|
+
<updated>{{ post.last_modified_at | default: post.date | date_to_xmlschema }}</updated>
|
|
54
|
+
<id>{{ post.id | absolute_url | xml_escape }}</id>
|
|
55
|
+
<content type="html" xml:base="{{ post.url | absolute_url | xml_escape }}">{{ post.content | strip | xml_escape }}</content>
|
|
56
|
+
|
|
57
|
+
{% assign post_author = post.author | default: post.authors[0] | default: site.author %}
|
|
58
|
+
{% assign post_author = site.data.authors[post_author] | default: post_author %}
|
|
59
|
+
{% assign post_author_email = post_author.email | default: nil %}
|
|
60
|
+
{% assign post_author_uri = post_author.uri | default: nil %}
|
|
61
|
+
{% assign post_author_name = post_author.name | default: post_author %}
|
|
62
|
+
|
|
63
|
+
{% if post_author %}
|
|
64
|
+
<author>
|
|
65
|
+
<name>{{ post_author_name | xml_escape }}</name>
|
|
66
|
+
{% if post_author_email %}
|
|
67
|
+
<email>{{ post_author_email | xml_escape }}</email>
|
|
68
|
+
{% endif %}
|
|
69
|
+
{% if post_author_uri %}
|
|
70
|
+
<uri>{{ post_author_uri | xml_escape }}</uri>
|
|
71
|
+
{% endif %}
|
|
72
|
+
</author>
|
|
73
|
+
{% endif %}
|
|
74
|
+
|
|
75
|
+
{% for category in post.categories %}
|
|
76
|
+
<category term="{{ category | xml_escape }}" />
|
|
77
|
+
{% endfor %}
|
|
78
|
+
|
|
79
|
+
{% for tag in post.tags %}
|
|
80
|
+
<category term="{{ tag | xml_escape }}" />
|
|
81
|
+
{% endfor %}
|
|
82
|
+
|
|
83
|
+
{% if post.excerpt and post.excerpt != empty %}
|
|
84
|
+
<summary type="html">{{ post.excerpt | strip_html | normalize_whitespace | xml_escape }}</summary>
|
|
85
|
+
{% endif %}
|
|
86
|
+
|
|
87
|
+
{% assign post_image = post.twitter_card.image | default: post.facebook.image %}
|
|
88
|
+
{% if post_image %}
|
|
89
|
+
{% unless post_image contains "://" %}
|
|
90
|
+
{% assign post_image = post_image | absolute_url | xml_escape %}
|
|
91
|
+
{% endunless %}
|
|
92
|
+
<media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="{{ post_image }}" />
|
|
93
|
+
{% endif %}
|
|
94
|
+
</entry>
|
|
95
|
+
{% endunless %}
|
|
96
|
+
{% endfor %}
|
|
97
|
+
</feed>
|
data/_layouts/home.html
ADDED
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
<div class="home">
|
|
6
|
+
|
|
7
|
+
{{ content }}
|
|
8
|
+
|
|
9
|
+
{% capture site_lang %}{{ site.lang | default: "en" }}{% endcapture %}
|
|
10
|
+
|
|
11
|
+
<ul class="post-list">
|
|
12
|
+
{% for post in paginator.posts %}
|
|
13
|
+
{% capture post_lang %}{{ post.lang | default: site_lang }}{% endcapture %}
|
|
14
|
+
{% capture lang %}{% if post_lang != site_lang %}{{ post_lang }}{% endif %}{% endcapture %}
|
|
15
|
+
|
|
16
|
+
<li{% if lang != empty %} lang="{{ lang }}"{% endif %}>
|
|
17
|
+
<header class="post-header">
|
|
18
|
+
<h1 class="post-title">
|
|
19
|
+
{% if post.external-url %}
|
|
20
|
+
<a class="post-link" href="{{ post.external-url }}">{{ post.title | escape }} →</a>
|
|
21
|
+
{% else %}
|
|
22
|
+
<a class="post-link" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
|
|
23
|
+
{% endif %}
|
|
24
|
+
</h1>
|
|
25
|
+
|
|
26
|
+
<p class="post-meta">
|
|
27
|
+
{{ post.date | date: "%b %-d, %Y" }}
|
|
28
|
+
{% if post.external-url %}
|
|
29
|
+
• <a href="{{ post.url | relative_url }}">Permalink</a>
|
|
30
|
+
{% endif %}
|
|
31
|
+
</p>
|
|
32
|
+
</header>
|
|
33
|
+
|
|
34
|
+
<div class="post-content">
|
|
35
|
+
{{ post.excerpt }}
|
|
36
|
+
</div>
|
|
37
|
+
{% if post.content contains site.excerpt_separator %}
|
|
38
|
+
<p class="post-continue">
|
|
39
|
+
<a href="{{ post.url | relative_url }}">Read on →</a>
|
|
40
|
+
</p>
|
|
41
|
+
{% endif %}
|
|
42
|
+
</li>
|
|
43
|
+
{% endfor %}
|
|
44
|
+
</ul>
|
|
45
|
+
|
|
46
|
+
{% include pagination.html %}
|
|
47
|
+
|
|
48
|
+
</div>
|
data/_layouts/page.html
ADDED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
<article class="post">
|
|
5
|
+
|
|
6
|
+
<header class="post-header">
|
|
7
|
+
<h1 class="post-title">{{ page.title | escape }}</h1>
|
|
8
|
+
</header>
|
|
9
|
+
|
|
10
|
+
<div class="post-content">
|
|
11
|
+
{{ content }}
|
|
12
|
+
</div>
|
|
13
|
+
|
|
14
|
+
{% if site.comments == true and page.comments != false %}
|
|
15
|
+
<div class="post-comments">
|
|
16
|
+
{% include custom_comments_provider.html %}
|
|
17
|
+
</div>
|
|
18
|
+
{% endif %}
|
|
19
|
+
|
|
20
|
+
</article>
|
data/_layouts/post.html
ADDED
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
|
|
5
|
+
|
|
6
|
+
<header class="post-header">
|
|
7
|
+
{% if page.external-url %}
|
|
8
|
+
<h1 class="post-title" itemprop="name headline"><a href="{{ page.external-url }}">{{ page.title | escape }} →</a></h1>
|
|
9
|
+
{% else %}
|
|
10
|
+
<h1 class="post-title" itemprop="name headline">{{ page.title | escape }}</h1>
|
|
11
|
+
{% endif %}
|
|
12
|
+
<p class="post-meta"><time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%b %-d, %Y" }}</time>{% if page.author %} • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{{ page.author }}</span></span>{% endif %}</p>
|
|
13
|
+
</header>
|
|
14
|
+
|
|
15
|
+
<hr>
|
|
16
|
+
|
|
17
|
+
<div class="post-content" itemprop="articleBody">
|
|
18
|
+
{{ content }}
|
|
19
|
+
</div>
|
|
20
|
+
|
|
21
|
+
{% if site.comments == true and page.comments != false %}
|
|
22
|
+
<div class="post-comments" itemprop="comment">
|
|
23
|
+
{% include custom_comments_provider.html %}
|
|
24
|
+
</div>
|
|
25
|
+
{% endif %}
|
|
26
|
+
|
|
27
|
+
</article>
|
data/_sass/jsblog.scss
ADDED
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
// Font Families
|
|
2
|
+
$base-font-family: -apple-system-font, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Arial, sans-serif !default;
|
|
3
|
+
|
|
4
|
+
$monospace-font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace !default;
|
|
5
|
+
|
|
6
|
+
// Site Wide Variables
|
|
7
|
+
$site-header-background-color: #161616 !default;
|
|
8
|
+
$site-header-text-color: #ffffff !default;
|
|
9
|
+
$site-header-text-color-visited: darken(#828282, 25%); // --grey-color-dark in light mode
|
|
10
|
+
$site-title-font-size: 28px !default;
|
|
11
|
+
$site-footer-font-size: 16px !default;
|
|
12
|
+
|
|
13
|
+
// Font Sizes
|
|
14
|
+
// $title-large-font-size: 1px !default;
|
|
15
|
+
$title-font-size: 42px !default;
|
|
16
|
+
$title-medium-font-size: 32px !default;
|
|
17
|
+
$title-small-font-size: 27px !default;
|
|
18
|
+
|
|
19
|
+
$subtitle-font-size: 24px !default;
|
|
20
|
+
$subtitle-small-font-size: 22px !default;
|
|
21
|
+
|
|
22
|
+
$meta-font-size: 21px !default;
|
|
23
|
+
$meta-small-font-size: 19px !default;
|
|
24
|
+
|
|
25
|
+
$lead-font-size: 20px !default;
|
|
26
|
+
$lead-small-font-size: 18px !default;
|
|
27
|
+
|
|
28
|
+
$base-font-size: 17px !default;
|
|
29
|
+
$caption-font-size: 17px !default;
|
|
30
|
+
$blockquote-font-size: 18px !default;
|
|
31
|
+
$small-font-size: $base-font-size * 0.875 !default;
|
|
32
|
+
$nav-font-size: 16px !default;
|
|
33
|
+
|
|
34
|
+
// Font Variables
|
|
35
|
+
$base-font-weight: 400 !default;
|
|
36
|
+
$heavy-font-weight: 600 !default;
|
|
37
|
+
$base-line-height: 1.5 !default;
|
|
38
|
+
|
|
39
|
+
// Spacing/Padding
|
|
40
|
+
$spacing-unit: 20px !default;
|
|
41
|
+
$page-content-padding: 80px !default;
|
|
42
|
+
|
|
43
|
+
// Colors
|
|
44
|
+
$grey-color: #828282 !default;
|
|
45
|
+
$brand-color: #2568ba !default;
|
|
46
|
+
$a-color: #0070c9 !default;
|
|
47
|
+
$a-hover-opacity: .65 !default;
|
|
48
|
+
|
|
49
|
+
// Width of the content area
|
|
50
|
+
$content-width: 1080px !default;
|
|
51
|
+
$on-palm: 692px !default;
|
|
52
|
+
$on-laptop: 980px !default;
|
|
53
|
+
$on-medium: 1068px !default;
|
|
54
|
+
$on-small: 735px !default;
|
|
55
|
+
|
|
56
|
+
// Variables that change with dark mode
|
|
57
|
+
:root {
|
|
58
|
+
--text-color: #333333;
|
|
59
|
+
--dim-text-color: #ffffff;
|
|
60
|
+
--background-color: #ffffff;
|
|
61
|
+
--footer-background-color: #f2f2f2;
|
|
62
|
+
--footer-text-color: $grey-color;
|
|
63
|
+
--grey-color-light: lighten(#828282, 40%); // Use the $grey-color as base
|
|
64
|
+
--grey-color-lighter: lighten(#828282, 50%); // Use the $grey-color as base
|
|
65
|
+
--grey-color-dark: darken(#828282, 25%); // Use the $grey-color as base
|
|
66
|
+
--grey-color-darker: darken(#828282, 35%); // Use the $grey-color as base
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
@media (prefers-color-scheme: dark) {
|
|
70
|
+
:root {
|
|
71
|
+
--text-color: #f2f2f2;
|
|
72
|
+
--dim-text-color: #000000;
|
|
73
|
+
--background-color: #2C2C2C;
|
|
74
|
+
--footer-background-color: #414141;
|
|
75
|
+
--footer-text-color: lighten(#828282, 40%); // Use the $grey-color as base
|
|
76
|
+
--grey-color-light: darken(#828282, 25%); // Use the $grey-color as base
|
|
77
|
+
--grey-color-lighter: darken(#828282, 35%); // Use the $grey-color as base
|
|
78
|
+
--grey-color-dark: lighten(#828282, 40%); // Use the $grey-color as base
|
|
79
|
+
--grey-color-darker: lighten(#828282, 50%); // Use the $grey-color as base
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
// Use media queries like this:
|
|
84
|
+
// @include media-query($on-palm) {
|
|
85
|
+
// .wrapper {
|
|
86
|
+
// padding-right: $spacing-unit / 2;
|
|
87
|
+
// padding-left: $spacing-unit / 2;
|
|
88
|
+
// }
|
|
89
|
+
// }
|
|
90
|
+
// @mixin media-query($device) {
|
|
91
|
+
// @media screen and (max-width: $device) {
|
|
92
|
+
// @content;
|
|
93
|
+
// }
|
|
94
|
+
// }
|
|
95
|
+
|
|
96
|
+
// Import partials.
|
|
97
|
+
@import
|
|
98
|
+
"jsblog/base",
|
|
99
|
+
"jsblog/layout",
|
|
100
|
+
"jsblog/syntax-highlighting"
|
|
101
|
+
;
|
|
@@ -0,0 +1,236 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Reset some basic elements
|
|
3
|
+
*/
|
|
4
|
+
body, h1, h2, h3, h4, h5, h6,
|
|
5
|
+
p, blockquote, pre, hr,
|
|
6
|
+
dl, dd, ol, ul, figure {
|
|
7
|
+
margin: 0;
|
|
8
|
+
padding: 0;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
* Basic styling
|
|
15
|
+
*/
|
|
16
|
+
html {
|
|
17
|
+
position: relative;
|
|
18
|
+
min-height: 100%;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
body {
|
|
22
|
+
font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
|
|
23
|
+
color: var(--text-color);
|
|
24
|
+
background-color: var(--background-color);
|
|
25
|
+
-webkit-text-size-adjust: 100%;
|
|
26
|
+
-webkit-font-feature-settings: "kern" 1;
|
|
27
|
+
-moz-font-feature-settings: "kern" 1;
|
|
28
|
+
-o-font-feature-settings: "kern" 1;
|
|
29
|
+
font-feature-settings: "kern" 1;
|
|
30
|
+
font-kerning: normal;
|
|
31
|
+
letter-spacing: -.022em;
|
|
32
|
+
margin-bottom: 60px;
|
|
33
|
+
word-wrap: break-word;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
table {
|
|
37
|
+
width: 100%;
|
|
38
|
+
margin: 0 0 20px 0;
|
|
39
|
+
text-align: left;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
/**
|
|
43
|
+
* Set `margin-bottom` to maintain vertical rhythm
|
|
44
|
+
*/
|
|
45
|
+
h1, h2, h3, h4, h5, h6,
|
|
46
|
+
p, pre, blockquote,
|
|
47
|
+
ul, ol, dl,
|
|
48
|
+
%vertical-rhythm {
|
|
49
|
+
margin-bottom: $spacing-unit / 2;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
p+h1, ul+h1, ol+h1, p+h2, ul+h2, ol+h2, p+h3, ul+h3, ol+h3, p+h4, ul+h4, ol+h4, p+h5, ul+h5, ol+h5, p+h6, ul+h6, ol+h6 {
|
|
53
|
+
margin-top: 1.4em;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
/**
|
|
59
|
+
* Images
|
|
60
|
+
*/
|
|
61
|
+
img {
|
|
62
|
+
max-width: 100%;
|
|
63
|
+
vertical-align: middle;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
|
|
67
|
+
|
|
68
|
+
/**
|
|
69
|
+
* Figures
|
|
70
|
+
*/
|
|
71
|
+
figure {
|
|
72
|
+
text-align: center;
|
|
73
|
+
margin-top: 40px;
|
|
74
|
+
margin-bottom: 40px;
|
|
75
|
+
}
|
|
76
|
+
figure > img {
|
|
77
|
+
-webkit-backface-visibility: hidden;
|
|
78
|
+
backface-visibility: hidden;
|
|
79
|
+
box-sizing: border-box;
|
|
80
|
+
display: block;
|
|
81
|
+
max-width: 100%;
|
|
82
|
+
height: auto;
|
|
83
|
+
margin: 0;
|
|
84
|
+
}
|
|
85
|
+
figcaption {
|
|
86
|
+
font-size: $caption-font-size;
|
|
87
|
+
line-height: 1.52947;
|
|
88
|
+
font-weight: 600;
|
|
89
|
+
letter-spacing: -.021em;
|
|
90
|
+
margin-top: 10px;
|
|
91
|
+
margin-bottom: 15px;
|
|
92
|
+
text-align: left
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
/**
|
|
96
|
+
* Lists
|
|
97
|
+
*/
|
|
98
|
+
ul, ol {
|
|
99
|
+
margin-left: 1.17647em;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
li {
|
|
103
|
+
> ul,
|
|
104
|
+
> ol {
|
|
105
|
+
margin-bottom: 0;
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
|
|
110
|
+
|
|
111
|
+
/**
|
|
112
|
+
* Headings
|
|
113
|
+
*/
|
|
114
|
+
h1, h2, h3, h4, h5, h6 {
|
|
115
|
+
font-weight: $heavy-font-weight;
|
|
116
|
+
|
|
117
|
+
code {
|
|
118
|
+
font-size: inherit;
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
// h1 { font-size: 2.2em; }
|
|
123
|
+
// h2 { font-size: 1.7em; }
|
|
124
|
+
// h3 { font-size: 1.17em; }
|
|
125
|
+
// h4 { font-size: 1.12em; }
|
|
126
|
+
// h5 { font-size: .83em; }
|
|
127
|
+
// h6 { font-size: .75em; }
|
|
128
|
+
|
|
129
|
+
/**
|
|
130
|
+
* Links
|
|
131
|
+
*/
|
|
132
|
+
a {
|
|
133
|
+
color: $brand-color;
|
|
134
|
+
text-decoration: none;
|
|
135
|
+
|
|
136
|
+
&:visited {
|
|
137
|
+
color: darken($brand-color, 10%);
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
&:hover {
|
|
141
|
+
color: var(--text-color);
|
|
142
|
+
opacity: $a-hover-opacity;
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
|
|
147
|
+
|
|
148
|
+
/**
|
|
149
|
+
* Blockquotes
|
|
150
|
+
*/
|
|
151
|
+
blockquote {
|
|
152
|
+
color: $grey-color;
|
|
153
|
+
border-left: 4px solid var(--grey-color-light);
|
|
154
|
+
padding-left: $spacing-unit / 2;
|
|
155
|
+
font-size: $blockquote-font-size;
|
|
156
|
+
letter-spacing: -1px;
|
|
157
|
+
font-style: italic;
|
|
158
|
+
|
|
159
|
+
> :last-child {
|
|
160
|
+
margin-bottom: 0;
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
|
|
165
|
+
|
|
166
|
+
/**
|
|
167
|
+
* Rules
|
|
168
|
+
*/
|
|
169
|
+
hr {
|
|
170
|
+
border: 0;
|
|
171
|
+
height: 1px;
|
|
172
|
+
background: #d6d6d6;
|
|
173
|
+
margin: 65px 0
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
|
|
177
|
+
|
|
178
|
+
/**
|
|
179
|
+
* Code formatting
|
|
180
|
+
*/
|
|
181
|
+
pre,
|
|
182
|
+
code {
|
|
183
|
+
font-family: $monospace-font-family;
|
|
184
|
+
font-size: 13px;
|
|
185
|
+
background-color: var(--grey-color-lighter);
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
code {
|
|
189
|
+
border: 0;
|
|
190
|
+
padding: 1px 5px;
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
pre {
|
|
194
|
+
padding: 8px 12px;
|
|
195
|
+
overflow-x: auto;
|
|
196
|
+
word-wrap: normal;
|
|
197
|
+
border: 1px solid var(--text-color);
|
|
198
|
+
border-radius: 5px;
|
|
199
|
+
|
|
200
|
+
> code {
|
|
201
|
+
// border: 0;
|
|
202
|
+
padding-right: 0;
|
|
203
|
+
padding-left: 0;
|
|
204
|
+
}
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
|
|
208
|
+
|
|
209
|
+
/**
|
|
210
|
+
* Wrapper
|
|
211
|
+
*/
|
|
212
|
+
.wrapper {
|
|
213
|
+
width: $content-width;
|
|
214
|
+
margin-right: auto;
|
|
215
|
+
margin-left: auto;
|
|
216
|
+
@extend %clearfix;
|
|
217
|
+
|
|
218
|
+
@include media-query($on-medium) {
|
|
219
|
+
width: 792px;
|
|
220
|
+
}
|
|
221
|
+
|
|
222
|
+
@include media-query($on-small) {
|
|
223
|
+
width: 87.5%;
|
|
224
|
+
}
|
|
225
|
+
}
|
|
226
|
+
|
|
227
|
+
|
|
228
|
+
|
|
229
|
+
/**
|
|
230
|
+
* Clearfix
|
|
231
|
+
*/
|
|
232
|
+
%clearfix:after {
|
|
233
|
+
content: "";
|
|
234
|
+
display: table;
|
|
235
|
+
clear: both;
|
|
236
|
+
}
|