jekyll-theme-minimalistic 0.2.0 → 0.2.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (41) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE +674 -674
  3. data/README.md +172 -172
  4. data/_includes/footer.html +6 -4
  5. data/_includes/head-custom-google-analytics.html +10 -10
  6. data/_includes/head-custom.html +12 -12
  7. data/_includes/sidebar.html +56 -56
  8. data/_layouts/default.html +63 -62
  9. data/_layouts/post.html +14 -14
  10. data/_sass/colors.scss +124 -124
  11. data/_sass/fonts.scss +55 -55
  12. data/_sass/jekyll-theme-minimalistic.scss +314 -314
  13. data/_sass/minimalistic.scss +4 -4
  14. data/_sass/rouge-github.scss +206 -206
  15. data/assets/css/colors-auto.scss +25 -25
  16. data/assets/css/colors-dark.scss +14 -14
  17. data/assets/css/colors-light.scss +8 -8
  18. data/assets/css/style.scss +69 -69
  19. data/assets/fonts/Noto-Sans-700/Noto-Sans-700.eot +0 -0
  20. data/assets/fonts/Noto-Sans-700/Noto-Sans-700.svg +336 -336
  21. data/assets/fonts/Noto-Sans-700/Noto-Sans-700.ttf +0 -0
  22. data/assets/fonts/Noto-Sans-700/Noto-Sans-700.woff +0 -0
  23. data/assets/fonts/Noto-Sans-700/Noto-Sans-700.woff2 +0 -0
  24. data/assets/fonts/Noto-Sans-700italic/Noto-Sans-700italic.eot +0 -0
  25. data/assets/fonts/Noto-Sans-700italic/Noto-Sans-700italic.svg +334 -334
  26. data/assets/fonts/Noto-Sans-700italic/Noto-Sans-700italic.ttf +0 -0
  27. data/assets/fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff +0 -0
  28. data/assets/fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff2 +0 -0
  29. data/assets/fonts/Noto-Sans-italic/Noto-Sans-italic.eot +0 -0
  30. data/assets/fonts/Noto-Sans-italic/Noto-Sans-italic.svg +337 -337
  31. data/assets/fonts/Noto-Sans-italic/Noto-Sans-italic.ttf +0 -0
  32. data/assets/fonts/Noto-Sans-italic/Noto-Sans-italic.woff +0 -0
  33. data/assets/fonts/Noto-Sans-italic/Noto-Sans-italic.woff2 +0 -0
  34. data/assets/fonts/Noto-Sans-regular/Noto-Sans-regular.eot +0 -0
  35. data/assets/fonts/Noto-Sans-regular/Noto-Sans-regular.svg +335 -335
  36. data/assets/fonts/Noto-Sans-regular/Noto-Sans-regular.ttf +0 -0
  37. data/assets/fonts/Noto-Sans-regular/Noto-Sans-regular.woff +0 -0
  38. data/assets/fonts/Noto-Sans-regular/Noto-Sans-regular.woff2 +0 -0
  39. data/assets/img/logo.jpg +0 -0
  40. data/assets/js/scale.fix.js +27 -27
  41. metadata +32 -4
@@ -1,314 +1,314 @@
1
- @import "fonts";
2
- @import "rouge-github";
3
- @import "colors";
4
-
5
- body {
6
- background-color: var(--clr-bg);
7
- padding:50px;
8
- font: 15px/1.5 "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
9
- color: var(--clr-text);
10
- font-weight:400;
11
- }
12
-
13
- h1, h2, h3, h4, h5, h6 {
14
- color: var(--clr-h1-and-bold);
15
- margin:0 0 20px;
16
- }
17
-
18
- p, ul, ol, table, pre, dl {
19
- margin:0 0 20px;
20
- }
21
-
22
- h1, h2, h3 {
23
- line-height:1.1;
24
- }
25
-
26
- h1 {
27
- font-size:32px;
28
- }
29
-
30
- h2 {
31
- color: var(--clr-h2);
32
- }
33
-
34
- h3, h4, h5, h6 {
35
- color: var(--clr-h-3-6);
36
- }
37
-
38
- a {
39
- color:var(--clr-a-text);
40
- text-decoration:none;
41
- }
42
-
43
- a:hover, a:focus {
44
- color: var(--clr-a-text-hvr);
45
- }
46
-
47
- a small {
48
- font-size:11px;
49
- color:var(--clr-small-in-a);
50
- margin-top:-0.3em;
51
- display:block;
52
- }
53
-
54
- a:hover small {
55
- color:var(--clr-small-in-a);
56
- }
57
-
58
- .addr a:hover, a:focus {
59
- text-decoration: underline;
60
- }
61
-
62
- p.link {
63
- margin:0 0 4px;
64
- }
65
-
66
- ul.link {
67
- list-style-type: none; /* Remove bullets */
68
- margin: 0; /* To remove default bottom margin */
69
- padding: 0.4px; /* To remove default left padding */
70
- }
71
-
72
- ul.link li + li {
73
- margin-top: 6px;
74
- }
75
-
76
- ul.link:last-child {
77
- margin-bottom: 6px;
78
- }
79
-
80
- .wrapper {
81
- width:860px;
82
- margin: 0 auto;
83
- }
84
-
85
- blockquote {
86
- border-left:1px solid var(--clr-splitter-blockquote-and-section);
87
- margin:0;
88
- padding:0 0 0 20px;
89
- font-style:italic;
90
- }
91
-
92
- code, pre {
93
- font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, Consolas, Liberation Mono, DejaVu Sans Mono, Courier New, monospace;
94
- color: var(--clr-code-text);
95
- }
96
-
97
- pre {
98
- padding:8px 15px;
99
- background: var(--clr-code-bg);
100
- border-radius:5px;
101
- border:1px solid var(--clr-code-border);
102
- overflow-x: auto;
103
- }
104
-
105
- table {
106
- width:100%;
107
- border-collapse:collapse;
108
- }
109
-
110
- th, td {
111
- text-align:left;
112
- padding:5px 10px;
113
- border-bottom:1px solid var(--clr-splitter-blockquote-and-section);
114
- }
115
-
116
- dt {
117
- color:var(--clr-table-header-and-dt);
118
- font-weight:700;
119
- }
120
-
121
- th {
122
- color:var(--clr-table-header-and-dt);
123
- }
124
-
125
- img {
126
- max-width:90%;
127
- }
128
-
129
- kbd {
130
- background-color: var(--clr-kbd-bg) ;
131
- border: 1px solid var(--clr-kbd-border);
132
- border-bottom-color: var(--clr-kbd-border-bottom-and-shadow);
133
- border-radius: 3px;
134
- box-shadow: inset 0 -1px 0 var(--clr-kbd-border-bottom-and-shadow);
135
- color: var(--clr-kbd-text);
136
- display: inline-block;
137
- font-size: 11px;
138
- line-height: 10px;
139
- padding: 3px 5px;
140
- vertical-align: middle;
141
- }
142
-
143
- .sidebar {
144
- width:250px;
145
- float:left;
146
- position:fixed;
147
- -webkit-font-smoothing:subpixel-antialiased;
148
- top: 0;
149
- padding: 58px 0 50px 0;
150
- display: flex;
151
- flex-direction: column;
152
- justify-content: space-between;
153
- height: calc(100vh - 108px);
154
- overflow-x: hidden;
155
- overflow-y: scroll;
156
- -ms-overflow-style: -ms-autohiding-scrollbar; // IE10+
157
- }
158
-
159
- // Disables the scrollbar in Firefox
160
- // HTML-Proofer fails without "@-moz-document url-prefix()"
161
- // because scrollbar-width is still experimental in Firefox.
162
- @-moz-document url-prefix() {
163
- .sidebar {
164
- scrollbar-width: none;
165
- }
166
- }
167
-
168
- .sidebar::-webkit-scrollbar {
169
- /* Chrome, Safari, Edge */
170
- display: none;
171
- }
172
-
173
- strong {
174
- color:var(--clr-h1-and-bold);
175
- font-weight:700;
176
- }
177
-
178
- section {
179
- width: 550px;
180
- float:right;
181
- padding-bottom:30px;
182
- }
183
-
184
- small {
185
- font-size:11px;
186
- }
187
-
188
- hr {
189
- border:0;
190
- background:var(--clr-splitter-blockquote-and-section);
191
- height:1px;
192
- width:30%;
193
- margin:10px auto 30px;
194
- }
195
-
196
- .sidebar-footer {
197
- width:250px;
198
- float:left;
199
- bottom:30px;
200
- -webkit-font-smoothing:subpixel-antialiased;
201
- }
202
-
203
- .sidebar-footer {
204
- flex-basis: content;
205
- }
206
-
207
-
208
- @media print, screen and (max-width: 960px) {
209
-
210
- .wrapper {
211
- width: 610px;
212
- }
213
-
214
- .sidebar {
215
- width: 200px;
216
- height: calc(100vh - 50px);
217
- }
218
-
219
- section {
220
- width: 375px;
221
- }
222
-
223
- .sidebar-footer {
224
- width: auto;
225
- }
226
- }
227
-
228
- @media print, screen and (max-width: 720px) {
229
-
230
- .sidebar {
231
- float: none;
232
- position: static;
233
- width: auto;
234
- padding: initial;
235
- display: initial;
236
- height: initial;
237
- overflow: initial;
238
- }
239
-
240
- .sidebar-footer {
241
- display: none;
242
- }
243
-
244
- div.wrapper {
245
- width:auto;
246
- margin:0;
247
- }
248
-
249
- header, section, .wrapper {
250
- float:none;
251
- position:static;
252
- width:auto;
253
- overflow-x: hidden;
254
- }
255
-
256
- header {
257
- padding-right:320px;
258
- }
259
-
260
- section {
261
- border:1px solid var(--clr-splitter-blockquote-and-section);
262
- border-width:1px 0;
263
- padding:20px 0;
264
- margin:0 0 20px;
265
- }
266
-
267
- header a small {
268
- display:inline;
269
- }
270
-
271
- header ul {
272
- right:50px;
273
- top:52px;
274
- }
275
-
276
- .logo {
277
- display: none !important;
278
- }
279
- }
280
-
281
- @media print, screen and (max-width: 720px) {
282
- body {
283
- word-wrap:break-word;
284
- }
285
-
286
- header {
287
- padding:0;
288
- overflow-x: hidden;
289
- }
290
-
291
- header ul, header p.view {
292
- position:static;
293
- }
294
-
295
- pre, code {
296
- word-wrap:normal;
297
- }
298
- }
299
-
300
-
301
- @media print, screen and (max-width: 480px) {
302
- body {
303
- padding:15px;
304
- }
305
- }
306
-
307
- @media print {
308
- body {
309
- padding:0.4in;
310
- font-size:12pt;
311
- color:#444;
312
- }
313
- }
314
-
1
+ @import "fonts";
2
+ @import "rouge-github";
3
+ @import "colors";
4
+
5
+ body {
6
+ background-color: var(--clr-bg);
7
+ padding:50px;
8
+ font: 15px/1.5 "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
9
+ color: var(--clr-text);
10
+ font-weight:400;
11
+ }
12
+
13
+ h1, h2, h3, h4, h5, h6 {
14
+ color: var(--clr-h1-and-bold);
15
+ margin:0 0 20px;
16
+ }
17
+
18
+ p, ul, ol, table, pre, dl {
19
+ margin:0 0 20px;
20
+ }
21
+
22
+ h1, h2, h3 {
23
+ line-height:1.1;
24
+ }
25
+
26
+ h1 {
27
+ font-size:32px;
28
+ }
29
+
30
+ h2 {
31
+ color: var(--clr-h2);
32
+ }
33
+
34
+ h3, h4, h5, h6 {
35
+ color: var(--clr-h-3-6);
36
+ }
37
+
38
+ a {
39
+ color:var(--clr-a-text);
40
+ text-decoration:none;
41
+ }
42
+
43
+ a:hover, a:focus {
44
+ color: var(--clr-a-text-hvr);
45
+ }
46
+
47
+ a small {
48
+ font-size:11px;
49
+ color:var(--clr-small-in-a);
50
+ margin-top:-0.3em;
51
+ display:block;
52
+ }
53
+
54
+ a:hover small {
55
+ color:var(--clr-small-in-a);
56
+ }
57
+
58
+ .addr a:hover, a:focus {
59
+ text-decoration: underline;
60
+ }
61
+
62
+ p.link {
63
+ margin:0 0 4px;
64
+ }
65
+
66
+ ul.link {
67
+ list-style-type: none; /* Remove bullets */
68
+ margin: 0; /* To remove default bottom margin */
69
+ padding: 0.4px; /* To remove default left padding */
70
+ }
71
+
72
+ ul.link li + li {
73
+ margin-top: 6px;
74
+ }
75
+
76
+ ul.link:last-child {
77
+ margin-bottom: 6px;
78
+ }
79
+
80
+ .wrapper {
81
+ width:860px;
82
+ margin: 0 auto;
83
+ }
84
+
85
+ blockquote {
86
+ border-left:1px solid var(--clr-splitter-blockquote-and-section);
87
+ margin:0;
88
+ padding:0 0 0 20px;
89
+ font-style:italic;
90
+ }
91
+
92
+ code, pre {
93
+ font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, Consolas, Liberation Mono, DejaVu Sans Mono, Courier New, monospace;
94
+ color: var(--clr-code-text);
95
+ }
96
+
97
+ pre {
98
+ padding:8px 15px;
99
+ background: var(--clr-code-bg);
100
+ border-radius:5px;
101
+ border:1px solid var(--clr-code-border);
102
+ overflow-x: auto;
103
+ }
104
+
105
+ table {
106
+ width:100%;
107
+ border-collapse:collapse;
108
+ }
109
+
110
+ th, td {
111
+ text-align:left;
112
+ padding:5px 10px;
113
+ border-bottom:1px solid var(--clr-splitter-blockquote-and-section);
114
+ }
115
+
116
+ dt {
117
+ color:var(--clr-table-header-and-dt);
118
+ font-weight:700;
119
+ }
120
+
121
+ th {
122
+ color:var(--clr-table-header-and-dt);
123
+ }
124
+
125
+ img {
126
+ max-width:90%;
127
+ }
128
+
129
+ kbd {
130
+ background-color: var(--clr-kbd-bg) ;
131
+ border: 1px solid var(--clr-kbd-border);
132
+ border-bottom-color: var(--clr-kbd-border-bottom-and-shadow);
133
+ border-radius: 3px;
134
+ box-shadow: inset 0 -1px 0 var(--clr-kbd-border-bottom-and-shadow);
135
+ color: var(--clr-kbd-text);
136
+ display: inline-block;
137
+ font-size: 11px;
138
+ line-height: 10px;
139
+ padding: 3px 5px;
140
+ vertical-align: middle;
141
+ }
142
+
143
+ .sidebar {
144
+ width:250px;
145
+ float:left;
146
+ position:fixed;
147
+ -webkit-font-smoothing:subpixel-antialiased;
148
+ top: 0;
149
+ padding: 58px 0 50px 0;
150
+ display: flex;
151
+ flex-direction: column;
152
+ justify-content: space-between;
153
+ height: calc(100vh - 108px);
154
+ overflow-x: hidden;
155
+ overflow-y: scroll;
156
+ -ms-overflow-style: -ms-autohiding-scrollbar; // IE10+
157
+ }
158
+
159
+ // Disables the scrollbar in Firefox
160
+ // HTML-Proofer fails without "@-moz-document url-prefix()"
161
+ // because scrollbar-width is still experimental in Firefox.
162
+ @-moz-document url-prefix() {
163
+ .sidebar {
164
+ scrollbar-width: none;
165
+ }
166
+ }
167
+
168
+ .sidebar::-webkit-scrollbar {
169
+ /* Chrome, Safari, Edge */
170
+ display: none;
171
+ }
172
+
173
+ strong {
174
+ color:var(--clr-h1-and-bold);
175
+ font-weight:700;
176
+ }
177
+
178
+ section {
179
+ width: 550px;
180
+ float:right;
181
+ padding-bottom:30px;
182
+ }
183
+
184
+ small {
185
+ font-size:11px;
186
+ }
187
+
188
+ hr {
189
+ border:0;
190
+ background:var(--clr-splitter-blockquote-and-section);
191
+ height:1px;
192
+ width:30%;
193
+ margin:10px auto 30px;
194
+ }
195
+
196
+ .sidebar-footer {
197
+ width:250px;
198
+ float:left;
199
+ bottom:30px;
200
+ -webkit-font-smoothing:subpixel-antialiased;
201
+ }
202
+
203
+ .sidebar-footer {
204
+ flex-basis: content;
205
+ }
206
+
207
+
208
+ @media print, screen and (max-width: 960px) {
209
+
210
+ .wrapper {
211
+ width: 610px;
212
+ }
213
+
214
+ .sidebar {
215
+ width: 200px;
216
+ height: calc(100vh - 50px);
217
+ }
218
+
219
+ section {
220
+ width: 375px;
221
+ }
222
+
223
+ .sidebar-footer {
224
+ width: auto;
225
+ }
226
+ }
227
+
228
+ @media print, screen and (max-width: 720px) {
229
+
230
+ .sidebar {
231
+ float: none;
232
+ position: static;
233
+ width: auto;
234
+ padding: initial;
235
+ display: initial;
236
+ height: initial;
237
+ overflow: initial;
238
+ }
239
+
240
+ .sidebar-footer {
241
+ display: none;
242
+ }
243
+
244
+ div.wrapper {
245
+ width:auto;
246
+ margin:0;
247
+ }
248
+
249
+ header, section, .wrapper {
250
+ float:none;
251
+ position:static;
252
+ width:auto;
253
+ overflow-x: hidden;
254
+ }
255
+
256
+ header {
257
+ padding-right:320px;
258
+ }
259
+
260
+ section {
261
+ border:1px solid var(--clr-splitter-blockquote-and-section);
262
+ border-width:1px 0;
263
+ padding:20px 0;
264
+ margin:0 0 20px;
265
+ }
266
+
267
+ header a small {
268
+ display:inline;
269
+ }
270
+
271
+ header ul {
272
+ right:50px;
273
+ top:52px;
274
+ }
275
+
276
+ .logo {
277
+ display: none !important;
278
+ }
279
+ }
280
+
281
+ @media print, screen and (max-width: 720px) {
282
+ body {
283
+ word-wrap:break-word;
284
+ }
285
+
286
+ header {
287
+ padding:0;
288
+ overflow-x: hidden;
289
+ }
290
+
291
+ header ul, header p.view {
292
+ position:static;
293
+ }
294
+
295
+ pre, code {
296
+ word-wrap:normal;
297
+ }
298
+ }
299
+
300
+
301
+ @media print, screen and (max-width: 480px) {
302
+ body {
303
+ padding:15px;
304
+ }
305
+ }
306
+
307
+ @media print {
308
+ body {
309
+ padding:0.4in;
310
+ font-size:12pt;
311
+ color:#444;
312
+ }
313
+ }
314
+
@@ -1,4 +1,4 @@
1
- // Placeholder file. If your site uses
2
- // @import "{{ site.theme }}";
3
- // Then using this theme with jekyll-remote-theme will work fine.
4
- @import "jekyll-theme-minimalistic";
1
+ // Placeholder file. If your site uses
2
+ // @import "{{ site.theme }}";
3
+ // Then using this theme with jekyll-remote-theme will work fine.
4
+ @import "jekyll-theme-minimalistic";