jekyll-theme-minimalistic 0.3.9 → 0.4.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 01af061a9ce54dbc034ccec8cce434a0b9731ab116047d23cca53223c63ae809
4
- data.tar.gz: 5e7348dfdd35b3f285db18a22efb5e796f8d721c2ed600582fdc4c80f3faa722
3
+ metadata.gz: 80dba14004ebbec626a9798386c067d3f6bc9a58f4d350bddb6b3a9b50d4c10c
4
+ data.tar.gz: 751aebd29f0651582b9d06998df6ea6579a3368a1ce252a57bfe342c480034ce
5
5
  SHA512:
6
- metadata.gz: 418674fb1ffc04ca5edbb33959444cfb20bbabd4fc7ec3481e1f9c2c8d7f0c044e6b9e69d1332bebee9801df0b5295cd53777132111291f72591718f7422b1f8
7
- data.tar.gz: f2abce246be070fe47c06f9b7ed2799ed1b338ee9b6c67d666926827f6c8b896f118bcb1ec5abe09e23ebadbde4a006661055beab93490d88436f61ace4939e0
6
+ metadata.gz: f3d3ec9e2c68829730a5bd61d4b1f75f24625a2f0f657ce7bca0deb3535d22a792f8e28973754916901007a958bb9a565a89a68c88d0ad29ac40dc894d694dbd
7
+ data.tar.gz: f4b4eec0ac6ccb33ab4fba88486fd17eca59bba84bf1a74bada7dd2e1c6cc59678b4cc5cab6500c86088a9969ca1cb485295e222131f99f617a7684100dbc8a3
data/README.md CHANGED
@@ -1,6 +1,5 @@
1
1
  # jekyll-theme-minimalistic
2
2
 
3
-
4
3
  [![Featured](https://img.shields.io/badge/featured%20on-JekyllThemes-red.svg)](https://jekyll-themes.com/jekyll-theme-minimalistic/)
5
4
  [![GitHub top language](https://img.shields.io/github/languages/top/vaibhavvikas/jekyll-theme-minimalistic)](#)
6
5
  [![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/vaibhavvikas/jekyll-theme-minimalistic)](#)
@@ -9,7 +8,21 @@
9
8
  [![pages-build-deployment](https://github.com/vaibhavvikas/jekyll-theme-minimalistic/actions/workflows/pages/pages-build-deployment/badge.svg)](https://github.com/vaibhavvikas/jekyll-theme-minimalistic/actions/workflows/pages/pages-build-deployment)
10
9
 
11
10
 
12
- A fork of gh-pages minimal theme with navigation in the sidebar. You can view a live demo at [Minimalistic](https://vaibhavvikas.github.io/jekyll-theme-minimalistic/).
11
+ Minimalistic theme is based on gh-pages minimal theme, with navigation in the sidebar and super amazing features. Wanna see it in action? You can view a live demo at [Minimalistic](https://vaibhavvikas.github.io/jekyll-theme-minimalistic/).
12
+
13
+ ![Screenshot](https://user-images.githubusercontent.com/28614457/179896288-56255d9e-946a-4566-aca4-85459d403ff9.png)
14
+
15
+ ## Features
16
+ 1. Auto light/dark mode.
17
+ 2. Syntax Highlighting for light/dark mode.
18
+ 3. Logo Support for thr page.
19
+ 4. Links in Sidebar.
20
+ 5. List/Sublist in Sidebar.
21
+ 6. Fully responsive with mobile support.
22
+ 7. Logo/Favicon Support.
23
+ 8. Github-Pages Support.
24
+ 9. Under active development.
25
+ 10. And many more. 😁
13
26
 
14
27
  ## Usage
15
28
 
@@ -169,7 +182,7 @@ The theme contains a minimal test suite, to ensure a site with the theme would b
169
182
 
170
183
  ## Contributors
171
184
 
172
- All contributions are welcome.
185
+ All contributions and suggestions are welcome.
173
186
 
174
187
  ## Credits:
175
188
 
data/_sass/colors.scss CHANGED
@@ -124,3 +124,87 @@ hvr -> hover
124
124
  --L-small-in-a: 60%;
125
125
  --L-table-header-and-dt: 90%;
126
126
  }
127
+
128
+ @mixin code-highlights {
129
+ --clr-w-text: hsl(60, 30%, var(--L-w-text));
130
+ --clr-err-text: hsl(231, 15%, var(--L-err-text));
131
+ --clr-err-bg: hsl(326, 100%, var(--L-err-bg));
132
+ --clr-cd-text: hsl(232, 14%, var(--L-cd-text));
133
+ --clr-cp-text: hsl(135, 94%, var(--L-cp-text));
134
+ --clr-nt-text: hsl(135, 94%, var(--L-nt-text));
135
+ --clr-nn-text: hsl(135, 94%, var(--L-nn-text));
136
+ --clr-nc-text: hsl(135, 94%, var(--L-nn-text));
137
+ --clr-no-text: hsl(135, 94%, var(--L-no-text));
138
+ --clr-na-text: hsl(191, 97%, var(--L-na-text));
139
+ --clr-o-text: hsl(135, 94%, var(--L-o-text));
140
+ --clr-p-text: hsl(135, 94%, var(--L-p-text));
141
+ --clr-gi-text: hsl(65, 92%, var(--L-gi-text));
142
+ --clr-gd-text: hsl(326, 100%, var(--L-gd-text));
143
+ --clr-gh-text: hsl(191, 97%, var(--L-gh-text));
144
+ --clr-k-text: hsl(265, 89%, var(--L-k-text));
145
+ --clr-kc-text: hsl(31, 100%, var(--L-kc-text));
146
+ --clr-kt-text: hsl(31, 100%, var(--L-kt-text));
147
+ --clr-kd-text: hsl(31, 100%, var(--L-kd-text));
148
+ --clr-s-text: hsl(65, 92%, var(--L-s-text));
149
+ --clr-sr-text: hsl(191, 97%, var(--L-sr-text));
150
+ --clr-si-text: hsl(0, 100%, var(--L-si-text));
151
+ --clr-se-text: hsl(0, 100%, var(--L-se-text));
152
+ --clr-ss-text: hsl(65, 92%, var(--L-ss-text));
153
+ --clr-m-text: hsl(65, 92%, var(--L-m-text));
154
+ }
155
+
156
+ @mixin highlights-dark {
157
+ --L-w-text: 96%;
158
+ --L-err-text: 18%;
159
+ --L-err-bg: 74%;
160
+ --L-cd-text: 81%;
161
+ --L-cp-text: 65%;
162
+ --L-nt-text: 65%;
163
+ --L-nn-text: 65%;
164
+ --L-nc-text: 65%;
165
+ --L-no-text: 65%;
166
+ --L-na-text: 77%;
167
+ --L-0-text: 96%;
168
+ --L-p-text: 96%;
169
+ --L-gi-text: 76%;
170
+ --L-gd-text: 74%;
171
+ --L-gh-text: 77%;
172
+ --L-k-text: 78%;
173
+ --L-kc-text: 71%;
174
+ --L-kk-text: 71%;
175
+ --L-kd-text: 71%;
176
+ --L-s-text: 76%;
177
+ --L-sr-text: 77%;
178
+ --L-si-text: 67%;
179
+ --L-se-text: 67%;
180
+ --L-ss-text: 76%;
181
+ --L-m-text: 76%;
182
+ }
183
+
184
+ @mixin highlights-light {
185
+ --L-w-text: 46%;
186
+ --L-err-text: 78%;
187
+ --L-err-bg: 24%;
188
+ --L-cd-text: 21%;
189
+ --L-cp-text: 25%;
190
+ --L-nt-text: 25%;
191
+ --L-nn-text: 25%;
192
+ --L-nc-text: 25%;
193
+ --L-no-text: 25%;
194
+ --L-na-text: 37%;
195
+ --L-0-text: 36%;
196
+ --L-p-text: 36%;
197
+ --L-gi-text: 36%;
198
+ --L-gd-text: 34%;
199
+ --L-gh-text: 37%;
200
+ --L-k-text: 38%;
201
+ --L-kc-text: 31%;
202
+ --L-kk-text: 31%;
203
+ --L-kd-text: 31%;
204
+ --L-s-text: 36%;
205
+ --L-sr-text: 37%;
206
+ --L-si-text: 37%;
207
+ --L-se-text: 37%;
208
+ --L-ss-text: 46%;
209
+ --L-m-text: 46%;
210
+ }
@@ -101,7 +101,6 @@ p.link {
101
101
 
102
102
  ul.link {
103
103
  list-style-type: none;
104
- margin: 0;
105
104
  padding: 0.4px;
106
105
  }
107
106
 
@@ -117,6 +116,10 @@ ul.link:last-child {
117
116
  display: none !important;
118
117
  }
119
118
 
119
+ .link-wrapper-mobile ul.link {
120
+ margin: 0 0 20px;
121
+ }
122
+
120
123
  .wrapper {
121
124
  width: 860px;
122
125
  margin: 0 auto;
@@ -243,7 +246,7 @@ hr {
243
246
  }
244
247
 
245
248
  .sidebar-h3 {
246
- margin: 1em 0 0.25em 0;
249
+ margin: 0 0 0.25em;
247
250
  }
248
251
 
249
252
  @media print, screen and (max-width: 960px) {
@@ -286,7 +289,6 @@ hr {
286
289
 
287
290
  .link-wrapper-mobile {
288
291
  display:block !important;
289
- margin-bottom: 20px;
290
292
  }
291
293
 
292
294
  .sidebar {
@@ -305,6 +307,7 @@ hr {
305
307
 
306
308
  footer {
307
309
  display: initial;
310
+ margin: 20px 0 0;
308
311
  }
309
312
 
310
313
  div.wrapper {
@@ -322,10 +325,14 @@ hr {
322
325
  section {
323
326
  border: 1px solid var(--clr-splitter-blockquote-and-section);
324
327
  border-width: 1px 0;
325
- padding: 20px 0;
328
+ padding: 20px 0 0;
326
329
  margin: 0 0 20px;
327
330
  }
328
331
 
332
+ .header-title-mobile section {
333
+ padding: 20px 0;
334
+ }
335
+
329
336
  .header-title {
330
337
  display: none;
331
338
  }
@@ -334,11 +341,8 @@ hr {
334
341
  display: block;
335
342
  }
336
343
 
337
- h2, h3, h4, h5, h6 {
338
- margin: 15px 0 15px;
339
- }
340
-
341
344
  .header-title-mobile h1 {
345
+ margin: 15px 0 15px;
342
346
  line-height: 1.1;
343
347
  }
344
348
 
@@ -353,7 +357,7 @@ hr {
353
357
 
354
358
  .logo {
355
359
  float: right;
356
- width: 100px;
360
+ width: 110px;
357
361
  box-sizing: border-box;
358
362
  margin-bottom: 0px;
359
363
  }
@@ -1,81 +1,83 @@
1
1
  /*
2
- generated by rouge http://rouge.jneen.net/
3
- original base16 by Chris Kempson (https://github.com/chriskempson/base16)
2
+ theme created based on the dracula colours
3
+ (draculatheme.com) with auto light/dark support.
4
4
  */
5
5
 
6
+ @import "colors";
7
+
6
8
  .highlight table td { padding: 5px; }
7
9
  .highlight table pre { margin: 0; }
8
10
  .highlight, .highlight .w {
9
- color: #d0d0d0;
11
+ color: var(--clr-w-text);
10
12
  }
11
13
  .highlight .err {
12
- color: #151515;
13
- background-color: #ac4142;
14
+ color: var(--clr-err-text);
15
+ background-color: var(--clr-err-bg);
14
16
  }
15
17
  .highlight .c, .highlight .cd, .highlight .cm, .highlight .c1, .highlight .cs {
16
- color: #888;
18
+ color: var(--clr-cd-text);
17
19
  }
18
20
  .highlight .cp {
19
- color: #f4bf75;
21
+ color: var(--clr-cp-text);
20
22
  }
21
23
  .highlight .nt {
22
- color: #f4bf75;
24
+ color: var(--clr-cp-text);
23
25
  }
24
26
  .highlight .o, .highlight .ow {
25
- color: #d0d0d0;
27
+ color: var(--clr-o-text);
26
28
  }
27
29
  .highlight .p, .highlight .pi {
28
- color: #d0d0d0;
30
+ color: var(--clr-o-text);
29
31
  }
30
32
  .highlight .gi {
31
- color: #90a959;
33
+ color: var(--clr-gi-text);
32
34
  }
33
35
  .highlight .gd {
34
- color: #ac4142;
36
+ color: var(--clr-gd-text);
35
37
  }
36
38
  .highlight .gh {
37
- color: #6a9fb5;
39
+ color: var(--clr-gh-text);
38
40
  font-weight: bold;
39
41
  }
40
42
  .highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv {
41
- color: #aa759f;
43
+ color: var(--clr-k-text);
42
44
  }
43
45
  .highlight .kc {
44
- color: #d28445;
46
+ color: var(--clr-kc-text);
45
47
  }
46
48
  .highlight .kt {
47
- color: #d28445;
49
+ color: var(--clr-kt-text);
48
50
  }
49
51
  .highlight .kd {
50
- color: #d28445;
52
+ color: var(--clr-kd-text);
51
53
  }
52
54
  .highlight .s, .highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 {
53
- color: #90a959;
55
+ color: var(--clr-s-text);
54
56
  }
55
57
  .highlight .sr {
56
- color: #75b5aa;
58
+ color: var(--clr-sr-text);
57
59
  }
58
60
  .highlight .si {
59
- color: #8f5536;
61
+ color: var(--clr-si-text);
60
62
  }
61
63
  .highlight .se {
62
- color: #8f5536;
64
+ color: var(--clr-se-text);
63
65
  }
64
66
  .highlight .nn {
65
- color: #f4bf75;
67
+ color: var(--clr-nn-text);
66
68
  }
67
69
  .highlight .nc {
68
- color: #f4bf75;
70
+ color: var(--clr-nc-text);
69
71
  }
70
72
  .highlight .no {
71
- color: #f4bf75;
73
+ color: var(--clr-no-text);
72
74
  }
73
75
  .highlight .na {
74
- color: #6a9fb5;
76
+ color: var(--clr-na-text);
75
77
  }
76
78
  .highlight .m, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mb, .highlight .mx {
77
- color: #90a959;
79
+ color: var(--clr-m-text);
78
80
  }
79
81
  .highlight .ss {
80
- color: #90a959;
81
- }
82
+ color: var(--clr-ss-text);
83
+ }
@@ -7,12 +7,15 @@
7
7
  // @media prefers-color-scheme it will default to dark mode
8
8
  :root {
9
9
  @include colors;
10
- @include light-colors;
10
+ @include dark-colors;
11
+ @include code-highlights;
12
+ @include highlights-dark;
11
13
  }
12
14
 
13
15
  @media screen and (prefers-color-scheme: dark) {
14
16
  :root{
15
17
  @include dark-colors;
18
+ @include highlights-dark;
16
19
  }
17
20
  }
18
21
 
@@ -21,5 +24,6 @@
21
24
  // as that would use a lot of ink
22
25
  :root {
23
26
  @include light-colors;
27
+ @include highlights-light
24
28
  }
25
29
  }
@@ -6,10 +6,13 @@
6
6
  :root {
7
7
  @include colors;
8
8
  @include dark-colors;
9
+ @include code-highlights;
10
+ @include highlights-dark;
9
11
  }
10
12
 
11
13
  @media print {
12
14
  :root {
13
15
  @include light-colors;
16
+ @include highlights-light;
14
17
  }
15
18
  }
@@ -6,4 +6,6 @@
6
6
  :root {
7
7
  @include colors;
8
8
  @include light-colors;
9
+ @include code-highlights;
10
+ @include highlights-light;
9
11
  }
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-minimalistic
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.3.9
4
+ version: 0.4.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Vaibhav Vikas
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2022-07-15 00:00:00.000000000 Z
12
+ date: 2022-07-24 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: jekyll