jekyll-theme-minimal-ryan 0.8.0 → 0.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 3e9e2ca17bbc69f19cded4e09789f648efe6dd749b6b802d6c59fe2ccdaacd15
4
- data.tar.gz: 77d86f5759ba03739716629f4732798e1c60659b381c3c0b9671c3aba14fa484
3
+ metadata.gz: dfcd0ad8f1a249c4f7b89398c5ec93dde1a6246ca43dc6a65839610cf7507df0
4
+ data.tar.gz: 71242723efef4f1b38d5031fa871715dac3efd506f7c7b1f2d2ff6337dc9f5f1
5
5
  SHA512:
6
- metadata.gz: 865aef16bfb9417256271cf842354858b03093545a063f821738f147c8ea071264a5f74197bbb89df23a35fcdac364bad467ef73dff5c9f1b6c614f3a8233acf
7
- data.tar.gz: f170314677da721a55c19f3d63a20be1213406b5fbec3085fc85516bce55b4cc4adb1e7c42453f4b9714a9ca8bd2b28f546b8c0b7ec40342e627ca070a1e2159
6
+ metadata.gz: 3f18bf4d922eac5cd05b03c74f4d1fdd066ddc56e3d6eaeef0673aa9ce4b764284d178bc5ffda38f0a084ccbacc1203de5a56771e616357983f03aef730bfd0d
7
+ data.tar.gz: 6ca92ddd1c654b9ffab028fa7298a0d4fb64c74fa1b1f3f16adece1b9917ac1b7526bc0c7d6078a92591487c91dec9f881f517899bb6acaf9d48a18f0b3be396
data/CHANGELOG.md CHANGED
@@ -1,3 +1,20 @@
1
+ ## 0.9.1 (2025-08-30)
2
+
3
+ ### Fix
4
+
5
+ - make entire background primary color
6
+
7
+ ## 0.9.0 (2025-08-30)
8
+
9
+ ### Feat
10
+
11
+ - improve readability
12
+
13
+ ### Refactor
14
+
15
+ - remove use of deprecated @import
16
+ - upgrade dependencies to latest versions
17
+
1
18
  ## 0.8.0 (2024-08-16)
2
19
 
3
20
  ### Feat
@@ -1,13 +1,17 @@
1
- body, h1, h2, h3, h4, h5, h6,
2
- p, ol, ul {
1
+ @use 'theme';
2
+
3
+ body, p, ol, ul {
3
4
  margin: 0;
4
5
  padding: 0;
5
6
  }
6
7
 
7
8
  body {
8
- font: $base-font-size $base-font-family $base-font-color;
9
+ font-family: theme.$base-font-family;
10
+ font-size: theme.$base-font-size;
11
+ color: theme.$base-font-color;
9
12
  display: flex;
10
13
  flex-direction: column;
14
+ background-color: theme.$primary-color;
11
15
  }
12
16
 
13
17
  a {
@@ -20,11 +24,11 @@ a {
20
24
  }
21
25
 
22
26
  header {
23
- height: $header-height;
27
+ height: theme.$header-height;
24
28
  display: flex;
25
29
  align-items: center;
26
30
 
27
- background-color: $primary-color;
31
+ background-color: theme.$primary-color;
28
32
  z-index: 2;
29
33
 
30
34
  nav {
@@ -38,7 +42,7 @@ header {
38
42
  height: 100%;
39
43
  display: flex;
40
44
  align-items: center;
41
- font-size: $big-font-size;
45
+ font-size: theme.$big-font-size;
42
46
  }
43
47
  }
44
48
  }
@@ -57,20 +61,20 @@ footer {
57
61
 
58
62
  padding: 60px 0 30px 0;
59
63
  line-height: 23px;
60
- font-size: $base-font-size;
61
- max-width: $content-max-width;
64
+ font-size: theme.$base-font-size;
65
+ max-width: theme.$content-max-width;
62
66
 
63
- background-color: $primary-color;
67
+ background-color: theme.$primary-color;
64
68
  z-index: 2;
65
69
  }
66
70
 
67
71
  pre {
68
- max-width: $content-max-width;
72
+ max-width: theme.$content-max-width;
69
73
  overflow-x: scroll;
70
74
  }
71
75
 
72
76
  aside {
73
- background-color: $tertiary-color-light;
77
+ background-color: theme.$tertiary-color-light;
74
78
  box-sizing: border-box;
75
79
  padding: 20px;
76
80
  }
@@ -1,6 +1,6 @@
1
1
  /* Colors */
2
- $primary-color: white;
3
- $secondary-color: black;
2
+ $primary-color: #fafafa;
3
+ $secondary-color: #444;
4
4
  $tertiary-color: #575757;
5
5
  $tertiary-color-light: #EAEAEA;
6
6
 
@@ -8,7 +8,7 @@ $tertiary-color-light: #EAEAEA;
8
8
  $base-font-family: "Roboto", Arial;
9
9
  $base-font-color: $secondary-color;
10
10
 
11
- $base-font-size: 16px;
11
+ $base-font-size: 18px;
12
12
  $big-font-size: 18px;
13
13
  $biggest-font-size: 20px;
14
14
 
@@ -54,4 +54,4 @@ $screen-width-large: 1200px;
54
54
  }
55
55
 
56
56
  $header-height: 80px;
57
- $content-max-width: 780px;
57
+ $content-max-width: 700px;
@@ -1,20 +1,22 @@
1
+ @use 'theme';
2
+
1
3
  .content-container {
2
4
  margin: auto;
3
5
 
4
- @include extra-small-screen {
6
+ @include theme.extra-small-screen {
5
7
  width: 90%;
6
8
  }
7
9
 
8
- @include small-screen {
9
- width: $screen-width-small;
10
+ @include theme.small-screen {
11
+ width: theme.$screen-width-small;
10
12
  }
11
13
 
12
- @include medium-screen {
13
- width: $screen-width-medium;
14
+ @include theme.medium-screen {
15
+ width: theme.$screen-width-medium;
14
16
  }
15
17
 
16
- @include large-screen {
17
- width: $screen-width-large;
18
+ @include theme.large-screen {
19
+ width: theme.$screen-width-large;
18
20
  }
19
21
  }
20
22
 
@@ -31,15 +33,15 @@
31
33
 
32
34
  #home-page {
33
35
  $large-screen-second-column-width: 45%;
34
- $mobile-column-height: calc(90vh - #{$header-height});
36
+ $mobile-column-height: calc(90vh - #{theme.$header-height});
35
37
 
36
38
  display: flex;
37
39
  flex-direction: column;
38
40
  justify-content: center;
39
41
 
40
- @include large-screen {
42
+ @include theme.large-screen {
41
43
  flex-direction: row;
42
- height: calc(100vh - #{$header-height});
44
+ height: calc(100vh - #{theme.$header-height});
43
45
  }
44
46
 
45
47
  #first-column {
@@ -48,7 +50,7 @@
48
50
  overflow: hidden;
49
51
  height: $mobile-column-height;
50
52
 
51
- @include large-screen {
53
+ @include theme.large-screen {
52
54
  width: calc(100% - #{$large-screen-second-column-width});
53
55
  height: 100%;
54
56
  }
@@ -59,7 +61,7 @@
59
61
  }
60
62
 
61
63
  #second-column {
62
- background-color: $primary-color;
64
+ background-color: theme.$primary-color;
63
65
  display: flex;
64
66
  flex-direction: column;
65
67
  justify-content: center;
@@ -67,7 +69,7 @@
67
69
  width: 100%;
68
70
  height: $mobile-column-height;
69
71
 
70
- @include large-screen {
72
+ @include theme.large-screen {
71
73
  width: $large-screen-second-column-width;
72
74
  height: 100%;
73
75
  }
@@ -75,7 +77,7 @@
75
77
  #content-box {
76
78
  text-align: center;
77
79
 
78
- @include large-screen {
80
+ @include theme.large-screen {
79
81
  text-align: right;
80
82
  padding-right: 18%;
81
83
  }
@@ -83,27 +85,27 @@
83
85
  #home-title {
84
86
  font-size: 16vw;
85
87
 
86
- @include small-screen {
88
+ @include theme.small-screen {
87
89
  font-size: 12vw;
88
90
  }
89
91
 
90
- @include medium-screen {
92
+ @include theme.medium-screen {
91
93
  font-size: 10vw;
92
94
  }
93
95
 
94
- @include large-screen {
96
+ @include theme.large-screen {
95
97
  font-size: 8vw;
96
98
  }
97
99
  }
98
100
 
99
101
  p {
100
- font-size: $biggest-font-size;
102
+ font-size: theme.$biggest-font-size;
101
103
 
102
- @include extra-small-screen {
104
+ @include theme.extra-small-screen {
103
105
  padding: 0 2%;
104
106
  }
105
107
 
106
- @include small-screen {
108
+ @include theme.small-screen {
107
109
  padding: 0;
108
110
  }
109
111
  }
@@ -113,7 +115,7 @@
113
115
  }
114
116
 
115
117
  #blog-page {
116
- min-height: calc(100vh - #{$header-height});
118
+ min-height: calc(100vh - #{theme.$header-height});
117
119
 
118
120
  .post {
119
121
  display: flex;
@@ -136,7 +138,7 @@
136
138
  width: 100%;
137
139
 
138
140
  .post-title {
139
- font-size: $big-font-size;
141
+ font-size: theme.$big-font-size;
140
142
  font-weight: bold;
141
143
  padding-bottom: 16px;
142
144
  }
@@ -145,7 +147,7 @@
145
147
  $line-height: 1.2em;
146
148
  $num-lines: 3;
147
149
 
148
- color: $tertiary-color;
150
+ color: theme.$tertiary-color;
149
151
  overflow: hidden;
150
152
  max-height: calc(#{$line-height} * #{$num-lines});
151
153
  line-height: $line-height;
@@ -156,7 +158,7 @@
156
158
  }
157
159
 
158
160
  #post-page {
159
- min-height: calc(100vh - #{$header-height});
161
+ min-height: calc(100vh - #{theme.$header-height});
160
162
  display: flex;
161
163
  flex-direction: column;
162
164
  align-items: center;
@@ -164,11 +166,11 @@
164
166
  & > * {
165
167
  margin: 8px 0;
166
168
  width: 100%;
167
- line-height: 1.4em;
169
+ line-height: 1.8em;
168
170
  }
169
171
 
170
172
  & > *:not(#post-title-img) {
171
- max-width: $content-max-width;
173
+ max-width: theme.$content-max-width;
172
174
  }
173
175
 
174
176
  #post-title-img {
@@ -182,10 +184,31 @@
182
184
  }
183
185
 
184
186
  a {
185
- color: $tertiary-color;
187
+ color: theme.$tertiary-color;
186
188
  }
187
189
 
188
190
  li {
189
191
  padding: 4px 0;
190
192
  }
193
+
194
+ h1 {
195
+ margin-top: 1.5em;
196
+ }
197
+
198
+ h2 {
199
+ margin-top: 1.4em;
200
+ }
201
+
202
+ h3 {
203
+ margin-top: 1.3em;
204
+ }
205
+
206
+ h4 {
207
+ margin-top: 1.2em;
208
+ }
209
+
210
+ h5 {
211
+ margin-top: 1.1em;
212
+ }
213
+
191
214
  }
@@ -1,9 +1,7 @@
1
1
  ---
2
2
  ---
3
3
 
4
- @import
5
- 'minimal-ryan/_theme',
6
- 'minimal-ryan/_base',
7
- 'minimal-ryan/custom',
8
- 'code.css'
9
- ;
4
+ @use 'minimal-ryan/theme';
5
+ @use 'minimal-ryan/base';
6
+ @use 'minimal-ryan/custom';
7
+ @import 'code.css';
metadata CHANGED
@@ -1,14 +1,13 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-minimal-ryan
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.8.0
4
+ version: 0.9.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - ryanshepps
8
- autorequire:
9
8
  bindir: bin
10
9
  cert_chain: []
11
- date: 2024-08-16 00:00:00.000000000 Z
10
+ date: 1980-01-02 00:00:00.000000000 Z
12
11
  dependencies:
13
12
  - !ruby/object:Gem::Dependency
14
13
  name: jekyll
@@ -16,14 +15,14 @@ dependencies:
16
15
  requirements:
17
16
  - - "~>"
18
17
  - !ruby/object:Gem::Version
19
- version: '4.3'
18
+ version: '4.4'
20
19
  type: :runtime
21
20
  prerelease: false
22
21
  version_requirements: !ruby/object:Gem::Requirement
23
22
  requirements:
24
23
  - - "~>"
25
24
  - !ruby/object:Gem::Version
26
- version: '4.3'
25
+ version: '4.4'
27
26
  - !ruby/object:Gem::Dependency
28
27
  name: jekyll-regex-replace
29
28
  requirement: !ruby/object:Gem::Requirement
@@ -38,7 +37,6 @@ dependencies:
38
37
  - - "~>"
39
38
  - !ruby/object:Gem::Version
40
39
  version: 1.1.0
41
- description:
42
40
  email:
43
41
  - ryansheppardd@gmail.com
44
42
  executables: []
@@ -79,7 +77,6 @@ licenses:
79
77
  - MIT
80
78
  metadata:
81
79
  plugin_type: theme
82
- post_install_message:
83
80
  rdoc_options: []
84
81
  require_paths:
85
82
  - lib
@@ -94,8 +91,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
94
91
  - !ruby/object:Gem::Version
95
92
  version: '0'
96
93
  requirements: []
97
- rubygems_version: 3.3.26
98
- signing_key:
94
+ rubygems_version: 3.6.9
99
95
  specification_version: 4
100
96
  summary: Minimalistic blogging theme for Jekyll
101
97
  test_files: []