jekyll-theme-tallneck 0.2.10 → 0.2.11

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: b40bce2598521e9deac5b17208ffe650f0f9b8e8ab82d86386ba2e5de8add80f
4
- data.tar.gz: 9fb4fc9e9bac2db18b54f0947ee9f0f344a962c72e7b773f83077e586d806ce9
3
+ metadata.gz: f1a217db979d50b8732fb8cc27e72eaf871c1f9a8692d950cbaf17fe5a7adcdf
4
+ data.tar.gz: 0470d1a2fc6a8d05cc99d43cbb760343180a0d6d4c75c86b657878b48c045078
5
5
  SHA512:
6
- metadata.gz: 96522d03469ad2f5e05e524f0e52114463e9f3bf3819811410c0d9a022093b1e9d91759cbf94cce202a2a0c56604d34f01c2416a21a6a46a732b100502732575
7
- data.tar.gz: b5cdfd455bf5a068b63d0e42e90fb92aff75f3a037454d40cd8f55623b500071c2652cf49c7dcb08b1fa055e1c0bcc1985caaa374bc816e632bc51238df43354
6
+ metadata.gz: d5284ee618df82f9698b3892c79c2dc0ea394cc46ea663b5cb5dc720a20a6ea3f69564bfd5059bd001b66e3fa2d394728066dafbe42eeac8262639193c214139
7
+ data.tar.gz: 179bc25cd5883b16d1f5d00d4415a673c9ad273159200ed33c56895d60c84cbee815b528d6e65e42e6306b5cfee9b2bac1416fe7c6ce1506cf271f51a182a74d
@@ -1,8 +1,11 @@
1
+ @use "variables";
2
+ @use "font";
3
+
1
4
  /*
2
5
  * Base
3
6
  */
4
7
  html {
5
- min-width: $min-width;
8
+ min-width: variables.$min-width;
6
9
  }
7
10
 
8
11
  *,
@@ -14,8 +17,8 @@ html {
14
17
  body {
15
18
  height: 100%;
16
19
 
17
- font-size: $base-font-size;
18
- font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
20
+ font-size: variables.$base-font-size;
21
+ font: variables.$base-font-weight #{variables.$base-font-size}/#{variables.$base-line-height} variables.$base-font-family;
19
22
  color: var(--text-primary);
20
23
 
21
24
  text-rendering: optimizeLegibility;
@@ -30,7 +33,7 @@ body {
30
33
 
31
34
  main {
32
35
  display: block;
33
- max-width: $main-max-width;
36
+ max-width: variables.$main-max-width;
34
37
  }
35
38
 
36
39
  a {
@@ -79,7 +82,7 @@ abbr[title] {
79
82
  */
80
83
  pre,
81
84
  code {
82
- font-family: $code-font-family;
85
+ font-family: variables.$code-font-family;
83
86
  font-size: 0.9em;
84
87
  border: 1px solid var(--border-secondary);
85
88
  border-radius: 3px;
@@ -115,7 +118,7 @@ pre {
115
118
  */
116
119
  table {
117
120
  max-width: 100%;
118
- text-align: $table-text-align;
121
+ text-align: variables.$table-text-align;
119
122
  border-collapse: collapse;
120
123
  border: 1px solid var(--border-primary);
121
124
 
@@ -1,12 +1,10 @@
1
+ @use "../variables";
2
+
1
3
  .about {
2
4
  display: grid;
3
- grid-template-columns: minmax($about-img-min-width, $about-img-max-width) 1fr;
5
+ grid-template-columns: minmax(variables.$about-img-min-width, variables.$about-img-max-width) 1fr;
4
6
  grid-template-rows: auto;
5
7
 
6
- @media (max-width: $about-wrap-max-width) {
7
- grid-template-columns: 1fr;
8
- }
9
-
10
8
  justify-content: space-between;
11
9
 
12
10
  margin-left: auto;
@@ -15,6 +13,10 @@
15
13
  align-items: center;
16
14
 
17
15
  gap: 20px;
16
+
17
+ @media (max-width: variables.$about-wrap-max-width) {
18
+ grid-template-columns: 1fr;
19
+ }
18
20
 
19
21
  .about--img {
20
22
  flex: 1 1 38%;
@@ -23,8 +25,8 @@
23
25
  width: 100%;
24
26
  height: auto;
25
27
 
26
- max-width: $about-img-max-width;
27
- min-width: $about-img-min-width;
28
+ max-width: variables.$about-img-max-width;
29
+ min-width: variables.$about-img-min-width;
28
30
 
29
31
  margin-left: auto;
30
32
  margin-right: auto;
@@ -1,8 +1,14 @@
1
+ @use "../variables";
2
+
1
3
  .post-card-container {
2
4
  display: grid;
3
5
  gap: 1rem;
4
6
  grid-template-columns: 1fr 1fr 1fr 1fr;
5
- grid-auto-rows: minmax($card-min-height, 1fr);
7
+ grid-auto-rows: minmax(variables.$card-min-height, 1fr);
8
+
9
+ justify-items: center;
10
+
11
+ height: fit-content;
6
12
 
7
13
  @media (max-width: 1100px) and (min-width: 800px) {
8
14
  grid-template-columns: 1fr 1fr;
@@ -20,13 +26,10 @@
20
26
  grid-template-columns: 1fr;
21
27
  }
22
28
 
23
- justify-items: center;
24
-
25
- height: fit-content;
26
29
  }
27
30
 
28
31
  .post-card {
29
- max-width: $card-max-width;
32
+ max-width: variables.$card-max-width;
30
33
 
31
34
 
32
35
  vertical-align: middle;
@@ -1,3 +1,5 @@
1
+ @use "../variables";
2
+
1
3
  .post-preview-container {
2
4
  width: 100%;
3
5
  height: fit-content;
@@ -1,3 +1,5 @@
1
+ @use "../variables";
2
+
1
3
  /*
2
4
  * Post
3
5
  */
@@ -1 +1,4 @@
1
- @import "components/post", "components/post-card", "components/post-preview", "components/about.scss";
1
+ @forward "components/post";
2
+ @forward "components/post-card";
3
+ @forward "components/post-preview";
4
+ @forward "components/about.scss";
@@ -1,3 +1,5 @@
1
+ @use "variables";
2
+
1
3
  .page-footer {
2
4
  position: relative;
3
5
  padding-left: 1rem;
@@ -41,7 +43,7 @@
41
43
  }
42
44
 
43
45
  .footer-hr {
44
- max-width: $main-max-width + calc($content-width-overflow/2);
46
+ max-width: variables.$main-max-width + calc(variables.$content-width-overflow/2);
45
47
  border: 0;
46
48
  border-top: 1px solid var(--border-primary);
47
49
 
@@ -1,3 +1,5 @@
1
+ @use "variables";
2
+
1
3
  .page-header {
2
4
  position: relative;
3
5
  z-index: 100;
@@ -22,7 +24,7 @@
22
24
  width: 100%;
23
25
  height: 100%;
24
26
 
25
- max-width: $main-max-width - $content-width-overflow;
27
+ max-width: variables.$main-max-width - variables.$content-width-overflow;
26
28
 
27
29
  display: flex;
28
30
  justify-content: space-between;
@@ -1,4 +1,7 @@
1
- @import "footer", "header";
1
+ @use "variables";
2
+ @use "footer";
3
+ @use "header";
4
+
2
5
 
3
6
  .page-main {
4
7
  position: relative;
@@ -45,7 +48,7 @@
45
48
  }
46
49
 
47
50
  .content-width {
48
- max-width: $content-width;
51
+ max-width: variables.$content-width;
49
52
  margin-left: auto;
50
53
  margin-right: auto;
51
54
  }
data/_sass/tallneck.scss CHANGED
@@ -1,10 +1,3 @@
1
- @import "tallneck/font";
2
- @import "tallneck/variables";
3
-
4
- @import "custom_variables";
5
-
6
- @import "tallneck/base";
7
- @import "tallneck/layout";
8
- @import "tallneck/components";
9
-
10
- @import "custom_layout";
1
+ @forward "tallneck/base";
2
+ @forward "tallneck/layout";
3
+ @forward "tallneck/components";
data/assets/css/code.scss CHANGED
@@ -3,4 +3,5 @@
3
3
 
4
4
  @charset "utf-8";
5
5
 
6
- @import "light_code", "dark_code";
6
+ @use "light_code";
7
+ @use "dark_code";
@@ -3,4 +3,4 @@
3
3
 
4
4
  @charset "utf-8";
5
5
 
6
- @import "tallneck";
6
+ @use "tallneck";
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-tallneck
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.2.10
4
+ version: 0.2.11
5
5
  platform: ruby
6
6
  authors:
7
7
  - John Toniutti
@@ -124,8 +124,6 @@ files:
124
124
  - _layouts/feed.html
125
125
  - _layouts/home.html
126
126
  - _layouts/post.html
127
- - _sass/custom_layout.scss
128
- - _sass/custom_variables.scss
129
127
  - _sass/dark_code.scss
130
128
  - _sass/light_code.scss
131
129
  - _sass/tallneck.scss
@@ -1 +0,0 @@
1
- // Copy this file to your _sass folder and add your own customizations to override the default settings
@@ -1 +0,0 @@
1
- // Copy this file to your _sass folder and add your own variables to override the default settings