jekyll-theme-tallneck 0.2.10 → 0.2.11

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: 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