jekyll-theme-hydejack 6.6.1 → 7.0.0.pre.beta.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/LICENSE.md +617 -17
- data/README.md +18 -11
- data/_includes/about.html +3 -2
- data/_includes/author.html +18 -11
- data/_includes/avatar-tag.html +4 -0
- data/_includes/body.html +21 -31
- data/_includes/body/menu.html +11 -0
- data/_includes/body/scripts.html +18 -0
- data/_includes/comments.html +6 -4
- data/_includes/footer.html +3 -5
- data/_includes/head.html +4 -142
- data/_includes/head/links.html +25 -0
- data/_includes/head/meta.html +30 -0
- data/_includes/head/scripts.html +44 -0
- data/_includes/head/seo-fallback.html +13 -0
- data/_includes/head/seo-tag.html +4 -0
- data/_includes/head/styles.html +24 -0
- data/_includes/header.txt +1 -1
- data/_includes/link.html +9 -2
- data/_includes/message.html +12 -7
- data/_includes/my-scripts.html +14 -5
- data/_includes/nav.html +20 -13
- data/_includes/page-style.html +33 -3
- data/_includes/pagination.html +8 -12
- data/_includes/post-list-item.html +4 -6
- data/_includes/post.html +20 -13
- data/_includes/related-posts.html +23 -0
- data/_includes/scripts/load-disqus.js +1 -2
- data/_includes/scripts/load-disqus.min.js +1 -1
- data/_includes/scripts/load-js-deferred.js +47 -43
- data/_includes/scripts/load-js-deferred.min.js +1 -1
- data/_includes/sidebar.html +25 -14
- data/_includes/social-list-item.html +1 -1
- data/_includes/social.html +16 -10
- data/_includes/srcset-img.html +5 -5
- data/_includes/styles/inline.scss +31 -33
- data/_includes/styles/style.scss +69 -55
- data/_includes/tag-list.html +1 -1
- data/_includes/templates.html +32 -0
- data/_layouts/about.html +10 -3
- data/_layouts/base.html +17 -10
- data/_layouts/compress.html +3 -11
- data/_layouts/default.html +7 -5
- data/_layouts/home.html +7 -5
- data/_layouts/list.html +10 -4
- data/_layouts/not-found.html +14 -5
- data/_layouts/page.html +1 -1
- data/_layouts/post.html +12 -2
- data/_layouts/redirect.html +1 -1
- data/_sass/_mixins.scss +9 -3
- data/_sass/_reboot-mod.scss +286 -0
- data/_sass/_spinner.scss +23 -80
- data/_sass/_syntax.scss +1 -1
- data/_sass/_variables.scss +9 -11
- data/_sass/hydejack/__inline/_avatar.scss +27 -0
- data/_sass/hydejack/__inline/_base.scss +99 -0
- data/_sass/hydejack/__inline/_break-layout.scss +12 -0
- data/_sass/hydejack/__inline/_content.scss +43 -0
- data/_sass/hydejack/__inline/_footer.scss +12 -0
- data/_sass/hydejack/__inline/_katex.scss +12 -0
- data/_sass/hydejack/__inline/_mark-external.scss +36 -0
- data/_sass/hydejack/__inline/_menu.scss +50 -0
- data/_sass/hydejack/__inline/_sidebar.scss +129 -0
- data/_sass/hydejack/__inline/_social.scss +42 -0
- data/_sass/hydejack/__link/_avatar.scss +17 -0
- data/_sass/hydejack/__link/_base.scss +93 -0
- data/_sass/hydejack/__link/_break-layout.scss +69 -0
- data/_sass/hydejack/__link/_content.scss +12 -0
- data/_sass/hydejack/__link/_footer.scss +26 -0
- data/_sass/hydejack/__link/_katex.scss +45 -0
- data/_sass/hydejack/__link/_mark-external.scss +36 -0
- data/_sass/hydejack/__link/_menu.scss +37 -0
- data/_sass/hydejack/__link/_sidebar.scss +156 -0
- data/_sass/hydejack/__link/_social.scss +12 -0
- data/_sass/hydejack/_avatar.pre.scss +18 -0
- data/_sass/hydejack/_base.pre.scss +133 -0
- data/_sass/hydejack/_break-layout.pre.scss +58 -0
- data/_sass/hydejack/{_content-inline.scss → _content.pre.scss} +5 -5
- data/_sass/hydejack/{_footer-inline.scss → _footer.pre.scss} +2 -5
- data/_sass/hydejack/{_katex.scss → _katex.pre.scss} +6 -3
- data/_sass/hydejack/_mark-external.pre.scss +25 -0
- data/_sass/hydejack/_menu.pre.scss +53 -0
- data/_sass/hydejack/_sidebar.pre.scss +188 -0
- data/_sass/hydejack/{_social-inline.scss → _social.pre.scss} +6 -11
- data/_sass/pooleparty/{_base-inline.scss → __inline/_base.scss} +15 -17
- data/_sass/pooleparty/__inline/_code.scss +17 -0
- data/_sass/pooleparty/__inline/_footer.scss +12 -0
- data/_sass/pooleparty/__inline/_footnotes.scss +16 -0
- data/_sass/pooleparty/__inline/_message.scss +26 -0
- data/_sass/pooleparty/__inline/_pagination.scss +17 -0
- data/_sass/pooleparty/__inline/_posts.scss +41 -0
- data/_sass/pooleparty/__inline/_related.scss +25 -0
- data/_sass/pooleparty/__inline/_table.scss +39 -0
- data/_sass/pooleparty/__inline/_type.scss +83 -0
- data/_sass/pooleparty/__link/_base.scss +26 -0
- data/_sass/pooleparty/__link/_code.scss +54 -0
- data/_sass/pooleparty/__link/_footer.scss +12 -0
- data/_sass/pooleparty/__link/_footnotes.scss +57 -0
- data/_sass/pooleparty/__link/_message.scss +17 -0
- data/_sass/pooleparty/__link/_pagination.scss +78 -0
- data/_sass/pooleparty/__link/_posts.scss +30 -0
- data/_sass/pooleparty/__link/_related.scss +14 -0
- data/_sass/pooleparty/{_table.scss → __link/_table.scss} +71 -46
- data/_sass/pooleparty/__link/_type.scss +144 -0
- data/_sass/pooleparty/_base.pre.scss +54 -0
- data/_sass/pooleparty/_code.pre.scss +43 -0
- data/_sass/pooleparty/_footer.pre.scss +1 -0
- data/_sass/pooleparty/{_footnotes.scss → _footnotes.pre.scss} +17 -4
- data/_sass/pooleparty/{_message-inline.scss → _message.pre.scss} +2 -0
- data/_sass/pooleparty/{_pagination.scss → _pagination.pre.scss} +7 -6
- data/_sass/pooleparty/{_posts-inline.scss → _posts.pre.scss} +16 -15
- data/_sass/pooleparty/{_related-inline.scss → _related.pre.scss} +5 -6
- data/_sass/pooleparty/_table.pre.scss +161 -0
- data/_sass/pooleparty/_type.pre.scss +198 -0
- data/assets/icomoon/fonts/icomoon.eot +0 -0
- data/assets/icomoon/fonts/icomoon.svg +9 -3
- data/assets/icomoon/fonts/icomoon.ttf +0 -0
- data/assets/icomoon/fonts/icomoon.woff +0 -0
- data/assets/icomoon/selection.json +250 -76
- data/assets/icomoon/style.css +26 -8
- data/assets/icons/apple-touch-icon.png +0 -0
- data/assets/icons/favicon.ico +0 -0
- data/assets/icons/icon.png +0 -0
- data/assets/icons/icon@0,25x.png +0 -0
- data/assets/icons/icon@0,5x.png +0 -0
- data/assets/icons/icon@0,75x.png +0 -0
- data/assets/icons/icon@2x.png +0 -0
- data/assets/icons/icon@3x.png +0 -0
- data/assets/icons/tile-large.png +0 -0
- data/assets/icons/tile-medium.png +0 -0
- data/assets/icons/tile-small.png +0 -0
- data/assets/icons/tile-wide.png +0 -0
- data/assets/ieconfig.xml +15 -0
- data/assets/img/sidebar-bg.jpg +0 -0
- data/assets/js/hydejack.js +2 -2
- data/assets/manifest.json +45 -0
- data/assets/version.json +1 -1
- data/licenses/Apache-2.0.md +55 -47
- data/licenses/GPL-3.0.md +623 -0
- data/licenses/MIT.md +1 -0
- data/licenses/PRO.md +142 -0
- metadata +103 -99
- data/_includes/related.html +0 -41
- data/_includes/scripts.html +0 -17
- data/_sass/hydejack/_base-inline.scss +0 -143
- data/_sass/hydejack/_base.scss +0 -143
- data/_sass/hydejack/_drawer-inline.scss +0 -19
- data/_sass/hydejack/_drawer.scss +0 -19
- data/_sass/hydejack/_me-inline.scss +0 -24
- data/_sass/hydejack/_menu-inline.scss +0 -56
- data/_sass/hydejack/_menu.scss +0 -56
- data/_sass/hydejack/_sidebar-inline.scss +0 -118
- data/_sass/hydejack/_sidebar.scss +0 -115
- data/_sass/hydejack/_social.scss +0 -36
- data/_sass/hydejack/_toc.scss +0 -2
- data/_sass/pooleparty/_base.scss +0 -60
- data/_sass/pooleparty/_code.scss +0 -82
- data/_sass/pooleparty/_footer-inline.scss +0 -3
- data/_sass/pooleparty/_posts.scss +0 -41
- data/_sass/pooleparty/_table-inline.scss +0 -130
- data/_sass/pooleparty/_type-inline.scss +0 -124
- data/_sass/pooleparty/_type.scss +0 -124
- data/assets/icomoon/Read Me.txt +0 -7
- data/assets/icomoon/demo-files/demo.css +0 -152
- data/assets/icomoon/demo-files/demo.js +0 -30
- data/assets/icomoon/demo.html +0 -1206
- data/assets/img/nap.jpg +0 -0
- data/assets/img/projects/hyde-v1.jpg +0 -0
- data/assets/img/projects/hyde-v1@0,25x.jpg +0 -0
- data/assets/img/projects/hyde-v1@0,5x.jpg +0 -0
- data/assets/img/projects/hyde-v2.jpg +0 -0
- data/assets/img/projects/hyde-v2@0,25x.jpg +0 -0
- data/assets/img/projects/hyde-v2@0,5x.jpg +0 -0
- data/licenses/PRO-license.md +0 -147
@@ -0,0 +1,12 @@
|
|
1
|
+
/*
|
2
|
+
* THIS FILE IS AUTOGENERATED, DO NOT MODIFY!
|
3
|
+
*
|
4
|
+
* To change the contents of this file,
|
5
|
+
* edit `_sass/pooleparty/_footer.pre.scss`
|
6
|
+
* and run `npm run build:css`.
|
7
|
+
*
|
8
|
+
* During development you can run `npm run watch:css`
|
9
|
+
* to continuosly rebuild this file.
|
10
|
+
*/
|
11
|
+
|
12
|
+
footer { margin-bottom: 2rem; }
|
@@ -0,0 +1,57 @@
|
|
1
|
+
/*
|
2
|
+
* THIS FILE IS AUTOGENERATED, DO NOT MODIFY!
|
3
|
+
*
|
4
|
+
* To change the contents of this file,
|
5
|
+
* edit `_sass/pooleparty/_footnotes.pre.scss`
|
6
|
+
* and run `npm run build:css`.
|
7
|
+
*
|
8
|
+
* During development you can run `npm run watch:css`
|
9
|
+
* to continuosly rebuild this file.
|
10
|
+
*/
|
11
|
+
|
12
|
+
// Markdown footnotes
|
13
|
+
//
|
14
|
+
// See the example content post for an example.
|
15
|
+
|
16
|
+
|
17
|
+
// Footnote number within body text
|
18
|
+
a[href^="#fn:"],
|
19
|
+
// Back to footnote link
|
20
|
+
a[href^="#fnref:"] {
|
21
|
+
margin-left: .1rem;
|
22
|
+
font-weight: bold;
|
23
|
+
|
24
|
+
@media screen and (max-width: 73.5em) {
|
25
|
+
font-weight: normal;
|
26
|
+
}
|
27
|
+
}
|
28
|
+
|
29
|
+
sup {
|
30
|
+
line-height: 1;
|
31
|
+
|
32
|
+
@media screen and (max-width: 73.5em) {
|
33
|
+
vertical-align: baseline;
|
34
|
+
font-size: inherit;
|
35
|
+
|
36
|
+
> a::before { content: "["; }
|
37
|
+
> a::after { content: "]"; }
|
38
|
+
}
|
39
|
+
}
|
40
|
+
|
41
|
+
// List of footnotes
|
42
|
+
.footnotes {
|
43
|
+
margin-top: 5rem;
|
44
|
+
|
45
|
+
> ol {
|
46
|
+
color: $gray;
|
47
|
+
}
|
48
|
+
|
49
|
+
&::before {
|
50
|
+
content: "";
|
51
|
+
display: block;
|
52
|
+
margin: 1.5rem 0;
|
53
|
+
border: 0;
|
54
|
+
border-top: 1px solid $border-color;
|
55
|
+
}
|
56
|
+
}
|
57
|
+
|
@@ -0,0 +1,17 @@
|
|
1
|
+
/*
|
2
|
+
* THIS FILE IS AUTOGENERATED, DO NOT MODIFY!
|
3
|
+
*
|
4
|
+
* To change the contents of this file,
|
5
|
+
* edit `_sass/pooleparty/_message.pre.scss`
|
6
|
+
* and run `npm run build:css`.
|
7
|
+
*
|
8
|
+
* During development you can run `npm run watch:css`
|
9
|
+
* to continuosly rebuild this file.
|
10
|
+
*/
|
11
|
+
|
12
|
+
// Messages
|
13
|
+
//
|
14
|
+
// Show alert messages to users. You may add it to single elements like a `<p>`,
|
15
|
+
// or to a parent if there are multiple elements to show.
|
16
|
+
|
17
|
+
|
@@ -0,0 +1,78 @@
|
|
1
|
+
/*
|
2
|
+
* THIS FILE IS AUTOGENERATED, DO NOT MODIFY!
|
3
|
+
*
|
4
|
+
* To change the contents of this file,
|
5
|
+
* edit `_sass/pooleparty/_pagination.pre.scss`
|
6
|
+
* and run `npm run build:css`.
|
7
|
+
*
|
8
|
+
* During development you can run `npm run watch:css`
|
9
|
+
* to continuosly rebuild this file.
|
10
|
+
*/
|
11
|
+
|
12
|
+
// Pagination
|
13
|
+
//
|
14
|
+
// Super lightweight (HTML-wise) blog pagination. `span`s are provide for when
|
15
|
+
// there are no more previous or next posts to show.
|
16
|
+
|
17
|
+
|
18
|
+
.pagination {
|
19
|
+
width: 100%;
|
20
|
+
margin: 0 -1.5rem 1rem;
|
21
|
+
color: $gray;
|
22
|
+
text-align: center;
|
23
|
+
|
24
|
+
> ul {
|
25
|
+
list-style: none;
|
26
|
+
padding: 0;
|
27
|
+
}
|
28
|
+
}
|
29
|
+
|
30
|
+
// Pagination items can be `span`s or `a`s
|
31
|
+
.pagination-item {
|
32
|
+
> * {
|
33
|
+
display: block;
|
34
|
+
padding: .25rem 1rem;
|
35
|
+
border: solid $border-color;
|
36
|
+
border-width: 1px 0;
|
37
|
+
}
|
38
|
+
|
39
|
+
> a, > a:hover, > a:focus {
|
40
|
+
border-color: $border-color!important;
|
41
|
+
}
|
42
|
+
|
43
|
+
&:first-child > * {
|
44
|
+
margin-bottom: -1px;
|
45
|
+
}
|
46
|
+
|
47
|
+
// Only provide a hover state for linked pagination items
|
48
|
+
> a:hover, a:focus {
|
49
|
+
background-color: #f5f5f5;
|
50
|
+
border-bottom: 1px solid $border-color;
|
51
|
+
}
|
52
|
+
}
|
53
|
+
|
54
|
+
@media (min-width: 23.5em) {
|
55
|
+
.pagination {
|
56
|
+
margin: 3rem 0;
|
57
|
+
}
|
58
|
+
|
59
|
+
.pagination-item {
|
60
|
+
> * {
|
61
|
+
float: left;
|
62
|
+
width: 50%;
|
63
|
+
border-width: 1px;
|
64
|
+
}
|
65
|
+
|
66
|
+
&:first-child > * {
|
67
|
+
margin-bottom: 0;
|
68
|
+
border-top-left-radius: 0.25rem;
|
69
|
+
border-bottom-left-radius: 0.25rem;
|
70
|
+
}
|
71
|
+
&:last-child > * {
|
72
|
+
margin-left: -1px;
|
73
|
+
border-top-right-radius: 0.25rem;
|
74
|
+
border-bottom-right-radius: 0.25rem;
|
75
|
+
}
|
76
|
+
}
|
77
|
+
}
|
78
|
+
|
@@ -0,0 +1,30 @@
|
|
1
|
+
/*
|
2
|
+
* THIS FILE IS AUTOGENERATED, DO NOT MODIFY!
|
3
|
+
*
|
4
|
+
* To change the contents of this file,
|
5
|
+
* edit `_sass/pooleparty/_posts.pre.scss`
|
6
|
+
* and run `npm run build:css`.
|
7
|
+
*
|
8
|
+
* During development you can run `npm run watch:css`
|
9
|
+
* to continuosly rebuild this file.
|
10
|
+
*/
|
11
|
+
|
12
|
+
// Posts and pages
|
13
|
+
//
|
14
|
+
// Each post is wrapped in `.post` and is used on default and post layouts. Each
|
15
|
+
// page is wrapped in `.page` and is only used on the page layout.
|
16
|
+
|
17
|
+
|
18
|
+
|
19
|
+
hr.dingbat {
|
20
|
+
border: 0;
|
21
|
+
}
|
22
|
+
|
23
|
+
hr.dingbat::after {
|
24
|
+
content: "\2756"; // ❖
|
25
|
+
display: block;
|
26
|
+
text-align: center;
|
27
|
+
font-size: 1.5rem;
|
28
|
+
color: #ddd;
|
29
|
+
}
|
30
|
+
|
@@ -0,0 +1,14 @@
|
|
1
|
+
/*
|
2
|
+
* THIS FILE IS AUTOGENERATED, DO NOT MODIFY!
|
3
|
+
*
|
4
|
+
* To change the contents of this file,
|
5
|
+
* edit `_sass/pooleparty/_related.pre.scss`
|
6
|
+
* and run `npm run build:css`.
|
7
|
+
*
|
8
|
+
* During development you can run `npm run watch:css`
|
9
|
+
* to continuosly rebuild this file.
|
10
|
+
*/
|
11
|
+
|
12
|
+
// Related posts
|
13
|
+
|
14
|
+
|
@@ -1,62 +1,81 @@
|
|
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
|
-
|
1
|
+
/*
|
2
|
+
* THIS FILE IS AUTOGENERATED, DO NOT MODIFY!
|
3
|
+
*
|
4
|
+
* To change the contents of this file,
|
5
|
+
* edit `_sass/pooleparty/_table.pre.scss`
|
6
|
+
* and run `npm run build:css`.
|
7
|
+
*
|
8
|
+
* During development you can run `npm run watch:css`
|
9
|
+
* to continuosly rebuild this file.
|
10
|
+
*/
|
11
|
+
|
12
|
+
table:not(.highlight) {
|
13
|
+
|
14
|
+
|
15
|
+
|
16
|
+
display: block;
|
17
|
+
vertical-align: top;
|
18
|
+
overflow-x: auto;
|
19
|
+
-webkit-overflow-scrolling: touch;
|
20
|
+
|
21
|
+
|
22
|
+
|
23
|
+
|
24
|
+
|
25
|
+
thead {
|
26
|
+
background-color: $body-bg;
|
27
|
+
}
|
28
|
+
|
29
|
+
thead + tbody,
|
30
|
+
tbody + tbody,
|
31
|
+
tfoot {
|
32
|
+
border-top: 3px double $border-color;
|
33
|
+
}
|
34
|
+
|
35
|
+
tbody tr:nth-child(even) td,
|
36
|
+
tbody tr:nth-child(even) th {
|
37
|
+
background-color: $body-bg;
|
38
|
+
}
|
39
|
+
|
40
|
+
tbody tr:nth-child(odd) td,
|
41
|
+
tbody tr:nth-child(odd) th {
|
42
|
+
background-color: $gray-bg;
|
43
|
+
}
|
44
|
+
|
45
|
+
}
|
46
|
+
|
47
|
+
|
48
|
+
@media print {
|
49
|
+
table:not(.highlight) {
|
50
|
+
width: 100%!important;
|
51
|
+
}
|
52
|
+
}
|
34
53
|
|
35
54
|
// CSS only Responsive Tables
|
36
55
|
// http://dbushell.com/2016/03/04/css-only-responsive-tables/
|
37
56
|
// by David Bushell
|
38
57
|
@mixin scroll-table() {
|
39
|
-
display: block;
|
40
|
-
vertical-align: top;
|
41
|
-
overflow-x: auto;
|
42
58
|
white-space: nowrap; // optional - looks better for small cell values
|
43
|
-
border: none;
|
44
|
-
-webkit-overflow-scrolling: touch;
|
45
59
|
}
|
46
60
|
|
47
61
|
@mixin flip-table() {
|
48
62
|
display: flex;
|
49
63
|
overflow: hidden;
|
50
|
-
background: none;
|
51
|
-
border: none;
|
52
|
-
border-top: 1px solid $border-color;
|
53
|
-
border-bottom: 1px solid $border-color;
|
54
64
|
|
55
|
-
thead
|
65
|
+
thead,
|
66
|
+
thead + tbody,
|
67
|
+
tbody + tbody {
|
68
|
+
border-top: 1px solid $border-color;
|
69
|
+
border-bottom: 1px solid $border-color;
|
70
|
+
}
|
71
|
+
|
72
|
+
thead, tbody {
|
56
73
|
display: flex;
|
74
|
+
}
|
75
|
+
|
76
|
+
thead {
|
57
77
|
flex-shrink: 0;
|
58
78
|
min-width: min-content;
|
59
|
-
margin-right: 1px;
|
60
79
|
|
61
80
|
th {
|
62
81
|
padding-left: 1rem;
|
@@ -64,12 +83,11 @@
|
|
64
83
|
}
|
65
84
|
|
66
85
|
tbody {
|
67
|
-
display: flex;
|
68
86
|
position: relative;
|
69
87
|
overflow-x: auto;
|
70
88
|
overflow-y: hidden;
|
89
|
+
padding-left: 1px;
|
71
90
|
-webkit-overflow-scrolling: touch;
|
72
|
-
border-top: none;
|
73
91
|
}
|
74
92
|
|
75
93
|
tr {
|
@@ -111,6 +129,12 @@
|
|
111
129
|
}
|
112
130
|
}
|
113
131
|
|
132
|
+
table.stretch-table {
|
133
|
+
display: table;
|
134
|
+
width: 100% !important;
|
135
|
+
width: calc(100% + 2rem) !important;
|
136
|
+
}
|
137
|
+
|
114
138
|
table.scroll-table {
|
115
139
|
@include scroll-table();
|
116
140
|
}
|
@@ -128,3 +152,4 @@ table.flip-table {
|
|
128
152
|
@include flip-table();
|
129
153
|
}
|
130
154
|
}
|
155
|
+
|
@@ -0,0 +1,144 @@
|
|
1
|
+
/*
|
2
|
+
* THIS FILE IS AUTOGENERATED, DO NOT MODIFY!
|
3
|
+
*
|
4
|
+
* To change the contents of this file,
|
5
|
+
* edit `_sass/pooleparty/_type.pre.scss`
|
6
|
+
* and run `npm run build:css`.
|
7
|
+
*
|
8
|
+
* During development you can run `npm run watch:css`
|
9
|
+
* to continuosly rebuild this file.
|
10
|
+
*/
|
11
|
+
|
12
|
+
// Typography
|
13
|
+
//
|
14
|
+
// Headings, body text, lists, and other misc typographic elements.
|
15
|
+
|
16
|
+
|
17
|
+
|
18
|
+
|
19
|
+
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .heading {
|
20
|
+
text-rendering: optimizeLegibility;
|
21
|
+
}
|
22
|
+
|
23
|
+
h1 + h2, .h1 + .h2, h1 + .h2, .h1 + h2,
|
24
|
+
h2 + h3, .h2 + .h3, h2 + .h3, .h2 + h3,
|
25
|
+
h3 + h4, .h3 + .h4, h3 + .h4, .h3 + h4,
|
26
|
+
h4 + h5, .h4 + .h5, h4 + .h5, .h4 + h5,
|
27
|
+
h5 + h6, .h5 + .h6, h5 + .h6, .h5 + h6 {
|
28
|
+
margin-top: 0;
|
29
|
+
}
|
30
|
+
|
31
|
+
dt {
|
32
|
+
font-weight: bold;
|
33
|
+
}
|
34
|
+
|
35
|
+
dd {
|
36
|
+
margin-bottom: .5rem;
|
37
|
+
}
|
38
|
+
|
39
|
+
abbr {
|
40
|
+
font-size: 85%;
|
41
|
+
font-weight: bold;
|
42
|
+
color: #555;
|
43
|
+
text-transform: uppercase;
|
44
|
+
|
45
|
+
&[title] {
|
46
|
+
cursor: help;
|
47
|
+
border-bottom: 1px dotted $border-color;
|
48
|
+
}
|
49
|
+
}
|
50
|
+
|
51
|
+
blockquote {
|
52
|
+
padding: .5rem 1rem;
|
53
|
+
margin: .8rem 0;
|
54
|
+
color: $gray;
|
55
|
+
border-left: .25rem solid $border-color;
|
56
|
+
|
57
|
+
&.lead {
|
58
|
+
margin-top: 1.5rem;
|
59
|
+
margin-bottom: 1.5rem;
|
60
|
+
border-left-width: 0.4rem;
|
61
|
+
}
|
62
|
+
|
63
|
+
> p:last-child {
|
64
|
+
margin-bottom: 0;
|
65
|
+
}
|
66
|
+
}
|
67
|
+
|
68
|
+
.lead {
|
69
|
+
font-size: 1.2em;
|
70
|
+
}
|
71
|
+
|
72
|
+
.fine {
|
73
|
+
font-size: .83em;
|
74
|
+
}
|
75
|
+
|
76
|
+
.faded {
|
77
|
+
color: $gray;
|
78
|
+
}
|
79
|
+
|
80
|
+
.read-more {
|
81
|
+
@extend .faded;
|
82
|
+
margin-top: 2rem;
|
83
|
+
margin-bottom: 3rem;
|
84
|
+
|
85
|
+
&::after {
|
86
|
+
content: " \2192"; // →
|
87
|
+
font-family: 'icomoon'!important;
|
88
|
+
speak: none;
|
89
|
+
font-style: normal;
|
90
|
+
font-weight: normal;
|
91
|
+
font-variant: normal;
|
92
|
+
text-transform: none;
|
93
|
+
line-height: 1;
|
94
|
+
font-size: smaller;
|
95
|
+
-webkit-font-smoothing: antialiased;
|
96
|
+
-moz-osx-font-smoothing: grayscale;
|
97
|
+
}
|
98
|
+
}
|
99
|
+
|
100
|
+
h1[id], h2[id], h3[id], h4[id], h5[id], h6[id] {
|
101
|
+
position: relative;
|
102
|
+
|
103
|
+
> .permalink {
|
104
|
+
@media screen {
|
105
|
+
&::after { content: '#' }
|
106
|
+
border-bottom: none;
|
107
|
+
opacity: 0;
|
108
|
+
width: 1.5rem;
|
109
|
+
text-align: center;
|
110
|
+
float: right;
|
111
|
+
transition: opacity 400ms;
|
112
|
+
will-change: opacity;
|
113
|
+
}
|
114
|
+
|
115
|
+
@media screen and (min-width: $break-point-1 + 2em) {
|
116
|
+
float: none;
|
117
|
+
position: absolute;
|
118
|
+
top: 0;
|
119
|
+
left: -1.5rem;
|
120
|
+
}
|
121
|
+
|
122
|
+
@media print {
|
123
|
+
display: none;
|
124
|
+
}
|
125
|
+
}
|
126
|
+
|
127
|
+
&:hover > .permalink {
|
128
|
+
opacity: 0.5;
|
129
|
+
}
|
130
|
+
|
131
|
+
& > .permalink:hover,
|
132
|
+
& > .permalink:focus {
|
133
|
+
opacity: 1;
|
134
|
+
transition: opacity 200ms;
|
135
|
+
}
|
136
|
+
}
|
137
|
+
|
138
|
+
@media print {
|
139
|
+
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, dt {
|
140
|
+
page-break-after: avoid;
|
141
|
+
break-after: avoid-page;
|
142
|
+
}
|
143
|
+
}
|
144
|
+
|