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.
Files changed (175) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE.md +617 -17
  3. data/README.md +18 -11
  4. data/_includes/about.html +3 -2
  5. data/_includes/author.html +18 -11
  6. data/_includes/avatar-tag.html +4 -0
  7. data/_includes/body.html +21 -31
  8. data/_includes/body/menu.html +11 -0
  9. data/_includes/body/scripts.html +18 -0
  10. data/_includes/comments.html +6 -4
  11. data/_includes/footer.html +3 -5
  12. data/_includes/head.html +4 -142
  13. data/_includes/head/links.html +25 -0
  14. data/_includes/head/meta.html +30 -0
  15. data/_includes/head/scripts.html +44 -0
  16. data/_includes/head/seo-fallback.html +13 -0
  17. data/_includes/head/seo-tag.html +4 -0
  18. data/_includes/head/styles.html +24 -0
  19. data/_includes/header.txt +1 -1
  20. data/_includes/link.html +9 -2
  21. data/_includes/message.html +12 -7
  22. data/_includes/my-scripts.html +14 -5
  23. data/_includes/nav.html +20 -13
  24. data/_includes/page-style.html +33 -3
  25. data/_includes/pagination.html +8 -12
  26. data/_includes/post-list-item.html +4 -6
  27. data/_includes/post.html +20 -13
  28. data/_includes/related-posts.html +23 -0
  29. data/_includes/scripts/load-disqus.js +1 -2
  30. data/_includes/scripts/load-disqus.min.js +1 -1
  31. data/_includes/scripts/load-js-deferred.js +47 -43
  32. data/_includes/scripts/load-js-deferred.min.js +1 -1
  33. data/_includes/sidebar.html +25 -14
  34. data/_includes/social-list-item.html +1 -1
  35. data/_includes/social.html +16 -10
  36. data/_includes/srcset-img.html +5 -5
  37. data/_includes/styles/inline.scss +31 -33
  38. data/_includes/styles/style.scss +69 -55
  39. data/_includes/tag-list.html +1 -1
  40. data/_includes/templates.html +32 -0
  41. data/_layouts/about.html +10 -3
  42. data/_layouts/base.html +17 -10
  43. data/_layouts/compress.html +3 -11
  44. data/_layouts/default.html +7 -5
  45. data/_layouts/home.html +7 -5
  46. data/_layouts/list.html +10 -4
  47. data/_layouts/not-found.html +14 -5
  48. data/_layouts/page.html +1 -1
  49. data/_layouts/post.html +12 -2
  50. data/_layouts/redirect.html +1 -1
  51. data/_sass/_mixins.scss +9 -3
  52. data/_sass/_reboot-mod.scss +286 -0
  53. data/_sass/_spinner.scss +23 -80
  54. data/_sass/_syntax.scss +1 -1
  55. data/_sass/_variables.scss +9 -11
  56. data/_sass/hydejack/__inline/_avatar.scss +27 -0
  57. data/_sass/hydejack/__inline/_base.scss +99 -0
  58. data/_sass/hydejack/__inline/_break-layout.scss +12 -0
  59. data/_sass/hydejack/__inline/_content.scss +43 -0
  60. data/_sass/hydejack/__inline/_footer.scss +12 -0
  61. data/_sass/hydejack/__inline/_katex.scss +12 -0
  62. data/_sass/hydejack/__inline/_mark-external.scss +36 -0
  63. data/_sass/hydejack/__inline/_menu.scss +50 -0
  64. data/_sass/hydejack/__inline/_sidebar.scss +129 -0
  65. data/_sass/hydejack/__inline/_social.scss +42 -0
  66. data/_sass/hydejack/__link/_avatar.scss +17 -0
  67. data/_sass/hydejack/__link/_base.scss +93 -0
  68. data/_sass/hydejack/__link/_break-layout.scss +69 -0
  69. data/_sass/hydejack/__link/_content.scss +12 -0
  70. data/_sass/hydejack/__link/_footer.scss +26 -0
  71. data/_sass/hydejack/__link/_katex.scss +45 -0
  72. data/_sass/hydejack/__link/_mark-external.scss +36 -0
  73. data/_sass/hydejack/__link/_menu.scss +37 -0
  74. data/_sass/hydejack/__link/_sidebar.scss +156 -0
  75. data/_sass/hydejack/__link/_social.scss +12 -0
  76. data/_sass/hydejack/_avatar.pre.scss +18 -0
  77. data/_sass/hydejack/_base.pre.scss +133 -0
  78. data/_sass/hydejack/_break-layout.pre.scss +58 -0
  79. data/_sass/hydejack/{_content-inline.scss → _content.pre.scss} +5 -5
  80. data/_sass/hydejack/{_footer-inline.scss → _footer.pre.scss} +2 -5
  81. data/_sass/hydejack/{_katex.scss → _katex.pre.scss} +6 -3
  82. data/_sass/hydejack/_mark-external.pre.scss +25 -0
  83. data/_sass/hydejack/_menu.pre.scss +53 -0
  84. data/_sass/hydejack/_sidebar.pre.scss +188 -0
  85. data/_sass/hydejack/{_social-inline.scss → _social.pre.scss} +6 -11
  86. data/_sass/pooleparty/{_base-inline.scss → __inline/_base.scss} +15 -17
  87. data/_sass/pooleparty/__inline/_code.scss +17 -0
  88. data/_sass/pooleparty/__inline/_footer.scss +12 -0
  89. data/_sass/pooleparty/__inline/_footnotes.scss +16 -0
  90. data/_sass/pooleparty/__inline/_message.scss +26 -0
  91. data/_sass/pooleparty/__inline/_pagination.scss +17 -0
  92. data/_sass/pooleparty/__inline/_posts.scss +41 -0
  93. data/_sass/pooleparty/__inline/_related.scss +25 -0
  94. data/_sass/pooleparty/__inline/_table.scss +39 -0
  95. data/_sass/pooleparty/__inline/_type.scss +83 -0
  96. data/_sass/pooleparty/__link/_base.scss +26 -0
  97. data/_sass/pooleparty/__link/_code.scss +54 -0
  98. data/_sass/pooleparty/__link/_footer.scss +12 -0
  99. data/_sass/pooleparty/__link/_footnotes.scss +57 -0
  100. data/_sass/pooleparty/__link/_message.scss +17 -0
  101. data/_sass/pooleparty/__link/_pagination.scss +78 -0
  102. data/_sass/pooleparty/__link/_posts.scss +30 -0
  103. data/_sass/pooleparty/__link/_related.scss +14 -0
  104. data/_sass/pooleparty/{_table.scss → __link/_table.scss} +71 -46
  105. data/_sass/pooleparty/__link/_type.scss +144 -0
  106. data/_sass/pooleparty/_base.pre.scss +54 -0
  107. data/_sass/pooleparty/_code.pre.scss +43 -0
  108. data/_sass/pooleparty/_footer.pre.scss +1 -0
  109. data/_sass/pooleparty/{_footnotes.scss → _footnotes.pre.scss} +17 -4
  110. data/_sass/pooleparty/{_message-inline.scss → _message.pre.scss} +2 -0
  111. data/_sass/pooleparty/{_pagination.scss → _pagination.pre.scss} +7 -6
  112. data/_sass/pooleparty/{_posts-inline.scss → _posts.pre.scss} +16 -15
  113. data/_sass/pooleparty/{_related-inline.scss → _related.pre.scss} +5 -6
  114. data/_sass/pooleparty/_table.pre.scss +161 -0
  115. data/_sass/pooleparty/_type.pre.scss +198 -0
  116. data/assets/icomoon/fonts/icomoon.eot +0 -0
  117. data/assets/icomoon/fonts/icomoon.svg +9 -3
  118. data/assets/icomoon/fonts/icomoon.ttf +0 -0
  119. data/assets/icomoon/fonts/icomoon.woff +0 -0
  120. data/assets/icomoon/selection.json +250 -76
  121. data/assets/icomoon/style.css +26 -8
  122. data/assets/icons/apple-touch-icon.png +0 -0
  123. data/assets/icons/favicon.ico +0 -0
  124. data/assets/icons/icon.png +0 -0
  125. data/assets/icons/icon@0,25x.png +0 -0
  126. data/assets/icons/icon@0,5x.png +0 -0
  127. data/assets/icons/icon@0,75x.png +0 -0
  128. data/assets/icons/icon@2x.png +0 -0
  129. data/assets/icons/icon@3x.png +0 -0
  130. data/assets/icons/tile-large.png +0 -0
  131. data/assets/icons/tile-medium.png +0 -0
  132. data/assets/icons/tile-small.png +0 -0
  133. data/assets/icons/tile-wide.png +0 -0
  134. data/assets/ieconfig.xml +15 -0
  135. data/assets/img/sidebar-bg.jpg +0 -0
  136. data/assets/js/hydejack.js +2 -2
  137. data/assets/manifest.json +45 -0
  138. data/assets/version.json +1 -1
  139. data/licenses/Apache-2.0.md +55 -47
  140. data/licenses/GPL-3.0.md +623 -0
  141. data/licenses/MIT.md +1 -0
  142. data/licenses/PRO.md +142 -0
  143. metadata +103 -99
  144. data/_includes/related.html +0 -41
  145. data/_includes/scripts.html +0 -17
  146. data/_sass/hydejack/_base-inline.scss +0 -143
  147. data/_sass/hydejack/_base.scss +0 -143
  148. data/_sass/hydejack/_drawer-inline.scss +0 -19
  149. data/_sass/hydejack/_drawer.scss +0 -19
  150. data/_sass/hydejack/_me-inline.scss +0 -24
  151. data/_sass/hydejack/_menu-inline.scss +0 -56
  152. data/_sass/hydejack/_menu.scss +0 -56
  153. data/_sass/hydejack/_sidebar-inline.scss +0 -118
  154. data/_sass/hydejack/_sidebar.scss +0 -115
  155. data/_sass/hydejack/_social.scss +0 -36
  156. data/_sass/hydejack/_toc.scss +0 -2
  157. data/_sass/pooleparty/_base.scss +0 -60
  158. data/_sass/pooleparty/_code.scss +0 -82
  159. data/_sass/pooleparty/_footer-inline.scss +0 -3
  160. data/_sass/pooleparty/_posts.scss +0 -41
  161. data/_sass/pooleparty/_table-inline.scss +0 -130
  162. data/_sass/pooleparty/_type-inline.scss +0 -124
  163. data/_sass/pooleparty/_type.scss +0 -124
  164. data/assets/icomoon/Read Me.txt +0 -7
  165. data/assets/icomoon/demo-files/demo.css +0 -152
  166. data/assets/icomoon/demo-files/demo.js +0 -30
  167. data/assets/icomoon/demo.html +0 -1206
  168. data/assets/img/nap.jpg +0 -0
  169. data/assets/img/projects/hyde-v1.jpg +0 -0
  170. data/assets/img/projects/hyde-v1@0,25x.jpg +0 -0
  171. data/assets/img/projects/hyde-v1@0,5x.jpg +0 -0
  172. data/assets/img/projects/hyde-v2.jpg +0 -0
  173. data/assets/img/projects/hyde-v2@0,25x.jpg +0 -0
  174. data/assets/img/projects/hyde-v2@0,5x.jpg +0 -0
  175. 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
- // table {
2
- // margin-bottom: 1rem;
3
- // width: 100%;
4
- // width: calc(100% + 2rem);
5
- // margin-left: -1rem;
6
- // border: 1px solid $border-color;
7
- // border-collapse: collapse;
8
- // border-spacing: 0;
9
- // }
10
- //
11
- // td, th {
12
- // padding: .25rem .5rem;
13
- // border: 1px solid $border-color;
14
- //
15
- // &:first-child {
16
- // padding-left: 1rem;
17
- // }
18
- //
19
- // &:last-child {
20
- // padding-right: 1rem;
21
- // }
22
- // }
23
- //
24
- // thead + tbody,
25
- // tbody + tbody,
26
- // tfoot {
27
- // border-top: 3px double $border-color;
28
- // }
29
- //
30
- // tbody tr:nth-child(odd) td,
31
- // tbody tr:nth-child(odd) th {
32
- // background-color: $gray-bg;
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
+