dark-blog-theme 3.9.4 → 4.0.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +5 -6
- data/_sass/minima/_layout.scss +0 -18
- data/_sass/minima/_mysass.scss +30 -7
- metadata +1 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: ea6600a5c22ae5f6471a106a8c133affa95f865911d3201e2180d7d5608de901
|
4
|
+
data.tar.gz: 05121a88a741f3e9813c5c2c332e1a0fdd7c51b2795258637c0a77cffe18bb82
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 1b882e4e487396212d2064edd11f8e1cdb285cee3350931d59fa923ae3c886850e34249403a39e2fdfef52034a5de897908f4bc75c771f1e035c85f0ca462a8b
|
7
|
+
data.tar.gz: 8664405f5a15b1da5cef4f66f026b3d1f3e217b35f200058f1cc5e38ebca9a8ba80927aea3cc2aa0acb49950ff82a0e1ada55b6268fe1faff12dd3b035a5b77c
|
data/README.md
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
# Dark Theme for Jekyll Blogs
|
2
2
|
|
3
|
-
|
3
|
+
Dark theme for [Jekyll](https://jekyllrb.com/) blogs with handwriting fonts and 5 color schemes.
|
4
4
|
| | |
|
5
5
|
| ----------------------- | ----------------------- |
|
6
6
|
| ![GitHub](/etc/ss1.png) | ![GitHub](/etc/ss2.png) |
|
@@ -34,7 +34,7 @@ $ bundle
|
|
34
34
|
- Add this your `_config.yml` file.
|
35
35
|
|
36
36
|
```yml
|
37
|
-
remote_theme: "gulnoor/jekyll-
|
37
|
+
remote_theme: "gulnoor/jekyll-theme-handwritten"
|
38
38
|
```
|
39
39
|
|
40
40
|
- Remove any other theme: or remote_theme: entry.
|
@@ -44,13 +44,13 @@ remote_theme: "gulnoor/jekyll-blog-theme"
|
|
44
44
|
Add this line to your Jekyll site's `Gemfile`:
|
45
45
|
|
46
46
|
```ruby
|
47
|
-
gem "
|
47
|
+
gem "jekyll-theme-handwritten"
|
48
48
|
```
|
49
49
|
|
50
50
|
And add this line to your Jekyll site's `_config.yml`:
|
51
51
|
|
52
52
|
```yaml
|
53
|
-
theme:
|
53
|
+
theme: jekyll-theme-handwritten
|
54
54
|
```
|
55
55
|
|
56
56
|
And then execute:
|
@@ -59,7 +59,7 @@ And then execute:
|
|
59
59
|
|
60
60
|
Or install it yourself as:
|
61
61
|
|
62
|
-
$ gem install
|
62
|
+
$ gem install jekyll-theme-handwritten
|
63
63
|
|
64
64
|
## Usage
|
65
65
|
|
@@ -67,7 +67,6 @@ TODO: Write usage instructions here. Describe your available layouts, includes,
|
|
67
67
|
|
68
68
|
### TODO
|
69
69
|
|
70
|
-
- [ ] Grid layout for posts on home page
|
71
70
|
- [ ] Add support for comments
|
72
71
|
- [ ] Search functionality
|
73
72
|
|
data/_sass/minima/_layout.scss
CHANGED
@@ -220,25 +220,7 @@
|
|
220
220
|
// @include relative-font-size(1.75);
|
221
221
|
// }
|
222
222
|
|
223
|
-
.pinned-post-list {
|
224
|
-
display: flex;
|
225
|
-
flex-wrap: wrap;
|
226
|
-
justify-content: space-around;
|
227
|
-
padding-top: 12px;
|
228
|
-
margin-left: 0;
|
229
|
-
list-style: none;
|
230
|
-
background-color: var(--md-sys-color-surface-container);
|
231
|
-
border-radius: 24px;
|
232
|
-
padding: $spacing-unit;
|
233
|
-
@media screen and (max-width: 850px) {
|
234
|
-
// background-color: var(--md-sys-color-secondary-container);
|
235
|
-
padding: $spacing-unit/2;
|
236
|
-
}
|
237
223
|
|
238
|
-
> li:not(:last-child) {
|
239
|
-
margin-bottom: $spacing-unit;
|
240
|
-
}
|
241
|
-
}
|
242
224
|
|
243
225
|
.post-meta {
|
244
226
|
font-size: $small-font-size;
|
data/_sass/minima/_mysass.scss
CHANGED
@@ -57,13 +57,7 @@
|
|
57
57
|
a {
|
58
58
|
color: var(--md-sys-color-on-primary-container);
|
59
59
|
}
|
60
|
-
|
61
|
-
display: -webkit-box;
|
62
|
-
line-clamp: 5;
|
63
|
-
-webkit-line-clamp: 5;
|
64
|
-
-webkit-box-orient: vertical;
|
65
|
-
overflow: hidden;
|
66
|
-
}
|
60
|
+
|
67
61
|
& img {
|
68
62
|
background-color: var(--md-sys-color-surface-container-high);
|
69
63
|
border-radius: 24px;
|
@@ -73,6 +67,13 @@
|
|
73
67
|
}
|
74
68
|
@media screen and (max-width: 850px) {
|
75
69
|
width: 100%;
|
70
|
+
& p {
|
71
|
+
display: -webkit-box;
|
72
|
+
line-clamp: 5;
|
73
|
+
-webkit-line-clamp: 5;
|
74
|
+
-webkit-box-orient: vertical;
|
75
|
+
overflow: hidden;
|
76
|
+
}
|
76
77
|
}
|
77
78
|
}
|
78
79
|
|
@@ -91,6 +92,28 @@
|
|
91
92
|
// filter: var(--outline-filter);
|
92
93
|
// pointer-events: none; /* Allows interaction with content inside the border */
|
93
94
|
// }
|
95
|
+
.pinned-post-list {
|
96
|
+
display: flex;
|
97
|
+
width: fit-content;
|
98
|
+
flex-wrap: wrap;
|
99
|
+
justify-content: space-around;
|
100
|
+
padding-top: 12px;
|
101
|
+
margin-left: 0;
|
102
|
+
list-style: none;
|
103
|
+
background-color: var(--md-sys-color-surface-container);
|
104
|
+
border-radius: 24px;
|
105
|
+
padding: $spacing-unit;
|
106
|
+
min-height: 390px;
|
107
|
+
@media screen and (max-width: 850px) {
|
108
|
+
// background-color: var(--md-sys-color-secondary-container);
|
109
|
+
padding: $spacing-unit/2;
|
110
|
+
min-height: 200px;
|
111
|
+
}
|
112
|
+
|
113
|
+
> li:not(:last-child) {
|
114
|
+
margin-bottom: $spacing-unit;
|
115
|
+
}
|
116
|
+
}
|
94
117
|
.pinned-post-card::before {
|
95
118
|
content: "";
|
96
119
|
position: absolute;
|