askclass-course-theme 0.12.0 → 0.13.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: 572cc8521c872f728eebe711bf104817e9fd05472a4c76b8447a7ef1f58a1366
4
- data.tar.gz: b7c3efd4ec9d25fc27ac7de2ad5bda85ccc124d0b3959d57d9aa3776fb5395b3
3
+ metadata.gz: ca131df680fc8901032da971128f6cff0ffcd95fddf62557450e70c4138f3fee
4
+ data.tar.gz: 8e74cc5df19ff760df82172d3c8e59e5203dd8c86f5933e067b554114ceeaa86
5
5
  SHA512:
6
- metadata.gz: 4f2e13cbd7d2d92f1a92c96d08dd751068b28f8a489fdfc1412d94e2b580afb0680edc4b362c49222b03f711a0bf38f02b3982675b4006f544ba703c1b625ab4
7
- data.tar.gz: c209af4d70a2c1b2a0593161c7de8e72196cb33b9a6ceaa398c6cf0161a599e405dc9db4005bad4d68e75435dda7084ec4d1bd535da88dffc590383b693a4548
6
+ metadata.gz: a792727db693974fcd0d7cf3a84cb3f90b040a1320a94d32462eb2b980355a3658954d3f17bc46f0e52d8df2884cc9780d01bb81a5731464f3bc9ab3009a2b17
7
+ data.tar.gz: 3c9c4410b2210f2b4d4ee09aca9835082f11efbdd95d4aeff045aaef049778c6b17841f3a53483c5578458dbb7e0882cd64c29ff5f1e8564d2abe72693d03e80
data/_config.yml CHANGED
@@ -55,7 +55,7 @@ acc:
55
55
  # Donot change the below (will figure something out later)
56
56
  font_families:
57
57
  - Teko
58
- - Open+Sans
58
+ - Open+Sans:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,700
59
59
  - Josefin+Sans
60
60
  - Share+Tech+Mono
61
61
  - Lexend
@@ -26,17 +26,17 @@
26
26
  {%- endunless -%}
27
27
 
28
28
  <section class="spacer center-align">
29
+ <div class="paginator-container spacer">
30
+ {%- include session/next_prev.html p="previous" item=_prev_item -%}
31
+ {%- include session/next_prev.html p="next" item=_next_item -%}
32
+ </div>
29
33
 
30
- {%- include segment/nav.html segment=session_data.segment -%}
31
34
  <center>
32
35
  {%- if session_data.header -%}
33
- <small>{{ session_data.header }}</small><br/>
36
+ <small class='special'>{{ session_data.header }}</small><br/>
34
37
  {%- endif -%}
35
38
  {{ session_data.title }}
36
39
  </center>
37
40
 
38
- <div class="paginator-container spacer">
39
- {%- include session/next_prev.html p="previous" item=_prev_item -%}
40
- {%- include session/next_prev.html p="next" item=_next_item -%}
41
- </div>
41
+ {%- include segment/nav.html segment=session_data.segment -%}
42
42
  </section>
data/_sass/_base.scss CHANGED
@@ -1,4 +1,6 @@
1
1
  :root {
2
+ --icon-logo: #{$icon-logo};
3
+
2
4
  --font-special: #{$font-special};
3
5
  --font-mono: #{$font-mono};
4
6
  --font-main: #{$font-main};
@@ -96,6 +98,7 @@ code {
96
98
  pre {
97
99
  background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5));
98
100
  padding: 10px;
101
+ box-sizing: border-box;
99
102
  code {
100
103
  color: inherit;
101
104
  }
data/_sass/_bullets.scss CHANGED
@@ -1,15 +1,33 @@
1
+ ul, ol {
2
+ padding-inline-start: 2em;
3
+ margin-block-start: 0.5em;
4
+ margin-block-end: 0.5em;
5
+ ul, ol {
6
+ padding-inline-start: 1.2em;
7
+ }
8
+ blockquote {
9
+ padding-left: 0.5em;
10
+ margin: 0 0.5em;
11
+ }
12
+ }
13
+ ol ::marker, ul ::marker {
14
+ color: var(--color-dark);
15
+ }
1
16
  ol > li {
2
17
  ul > li {
3
- list-style-type: disc;
18
+ list-style-type: initial;
4
19
  }
5
20
  ol > li {
6
21
  list-style: lower-alpha;
22
+ ol > li {
23
+ list-style: lower-greek;
24
+ }
7
25
  }
8
26
  }
9
27
 
10
28
  ul > li > ul > li {
11
- list-style-type: square;
29
+ list-style-type: initial;
12
30
  ul > li {
13
- list-style-type: circle;
31
+ list-style-type: initial;
14
32
  }
15
33
  }
data/_sass/_post.scss CHANGED
@@ -14,9 +14,19 @@ article {
14
14
  &.max-width {
15
15
  max-width: var(--content-width);
16
16
  }
17
- h1, h2, h3, h4, .bubble-container {
18
- font-family: var(--font-special);
17
+ .bubble-container {
19
18
  margin-bottom: 0;
19
+ font-family: var(--font-special);
20
+ }
21
+ h1, h2, h3, h4, h5, h6 {
22
+ margin-bottom: 0.2em;
23
+ font-family: var(--font-main);
24
+ }
25
+ h1, h2, h3 {
26
+ font-weight: 300;
27
+ }
28
+ h4, h5, h6 {
29
+ font-weight: 500;
20
30
  }
21
31
  h1 {
22
32
  & + time {
@@ -32,6 +42,12 @@ article {
32
42
  font-size: 0.8em;
33
43
  }
34
44
  }
45
+ h2 { font-size: 1.9em; }
46
+ h3 { font-size: 1.7em; }
47
+ h4 { font-size: 1.4em; }
48
+ h5 { font-size: 1.2em; }
49
+ h6 { font-size: 1.1em; color: var(--color-dark); }
50
+
35
51
  code {
36
52
  @include boxed();
37
53
  }
@@ -58,6 +74,9 @@ article {
58
74
  margin-top: 0;
59
75
  }
60
76
  }
77
+ em {
78
+ font-weight: 300;
79
+ }
61
80
  address {
62
81
  font-style: normal;
63
82
  font-family: var(--font-secondary);
@@ -67,6 +86,38 @@ article {
67
86
  color: var(--color-tertiary);
68
87
  }
69
88
  }
89
+ hr {
90
+ &.section, &.logo {
91
+ border: none;
92
+ border-bottom: 1px solid var(--color-code-bg);
93
+ }
94
+ &.section {
95
+ text-align: center;
96
+ line-height: 1px;
97
+ height: 3px;
98
+ font-size: 54px;
99
+ overflow: visible;
100
+ &:after {
101
+ content: '\2055';
102
+ display: inline;
103
+ padding: 0 10px;
104
+ color: var(--color-code-bg);
105
+ background-color: var(--color-bg);
106
+ }
107
+ }
108
+ &.logo {
109
+ font-size: 0;
110
+ &:after {
111
+ content: var(--icon-logo);
112
+ width: 20px;
113
+ left: 50%;
114
+ position: absolute;
115
+ transform: translateX(-50%) translateY(-50%);
116
+ padding: 0 10px;
117
+ background-color: var(--color-bg);
118
+ }
119
+ }
120
+ }
70
121
  .text > p:first-child {
71
122
  font-size: 25px;
72
123
  line-height: 1.3;
@@ -87,11 +138,10 @@ article {
87
138
  }
88
139
 
89
140
  blockquote {
90
- border-left: 5px solid var(--color-dark);
141
+ border-left: 2px solid var(--color-dark);
91
142
  padding-left: 10px;
92
143
  margin: 0 10px 0 20px;
93
- font-family: var(--font-special);
94
- font-size: 19px;
144
+ font-weight: 300;
95
145
  p {
96
146
  margin: 0;
97
147
  }
@@ -100,6 +150,22 @@ blockquote {
100
150
  }
101
151
  }
102
152
 
153
+ dl {
154
+ font-weight: 300;
155
+ dt {
156
+ margin-top: 0.7em;
157
+ font-weight: 500;
158
+ }
159
+ dd {
160
+ margin-left: 1em;
161
+ }
162
+ &.poem dd {
163
+ margin-right: 1em;
164
+ padding-left: 1em;
165
+ text-indent: -1em;
166
+ }
167
+ }
168
+
103
169
  samp {
104
170
  filter: blur(4px);
105
171
  font-family: var(--font-special);
@@ -0,0 +1,34 @@
1
+ $icon-logo: url('/assets/logo-icon.svg');
2
+
3
+ $font-main: 'Open Sans', sans-serif;
4
+ $font-mono: 'Share Tech Mono', monospace;
5
+ $font-special: 'Josefin Sans', sans-serif;
6
+ $font-secondary: 'Teko', sans-serif;
7
+ $font-tertiary: 'Lexend', sans-serif;
8
+
9
+ $color-primary: white;
10
+ $color-secondary: floralwhite;
11
+ $color-tertiary: #2cdd88;
12
+ $color-bg: #3a3a3a;
13
+ $color-fg: ivory;
14
+ $color-dark: gray;
15
+ $color-link: deeppink;
16
+ $color-theme: #ffc100;
17
+
18
+ $color-row-odd: #2a2a2a;
19
+ $color-row-even: #2f2f2f;
20
+
21
+ $color-code-bg: #222;
22
+ $color-card-bg: whitesmoke;
23
+ $color-card-fg: #444;
24
+
25
+ $card-font-size: 16px;
26
+
27
+ $content-width: 600px;
28
+
29
+ $grid-width: 180px;
30
+ $grid-image-height: 180px;
31
+
32
+ @import
33
+ "init",
34
+ "base";
data/_sass/init.scss CHANGED
@@ -1,30 +1,6 @@
1
- $font-main: 'Open Sans', sans-serif;
2
- $font-mono: 'Share Tech Mono', monospace;
3
- $font-special: 'Josefin Sans', sans-serif;
4
- $font-secondary: 'Teko', sans-serif;
5
- $font-tertiary: 'Lexend', sans-serif;
1
+ // Overriding custom variables. See:
2
+ // https://github.com/beAuthentic/askclass-course-theme/blob/main/_sass/default.scss
6
3
 
7
- $color-primary: white;
8
- $color-secondary: floralwhite;
9
- $color-tertiary: #2cdd88;
10
- $color-bg: #3a3a3a;
11
- $color-fg: ivory;
12
- $color-dark: gray;
13
- $color-link: deeppink;
14
- $color-theme: #ffc100;
15
-
16
- $color-row-odd: #2a2a2a;
17
- $color-row-even: #2f2f2f;
18
-
19
- $color-code-bg: #222;
20
- $color-card-bg: whitesmoke;
21
- $color-card-fg: #444;
22
-
23
- $card-font-size: 16px;
24
-
25
- $content-width: 600px;
26
-
27
- $grid-width: 180px;
28
- $grid-image-height: 180px;
29
-
30
- @import "base";
4
+ // Example, to overwrite default bg/fg colors specified in the file above:
5
+ // $color-bg: black;
6
+ // $color-fg: white;
@@ -4,5 +4,5 @@
4
4
  @import
5
5
  "post",
6
6
  "bubbles",
7
- "init";
7
+ "default";
8
8
 
@@ -3,4 +3,4 @@
3
3
 
4
4
  @import
5
5
  "grid",
6
- "init";
6
+ "default";
@@ -3,4 +3,4 @@
3
3
 
4
4
  @import
5
5
  "post",
6
- "init";
6
+ "default";
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: askclass-course-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.12.0
4
+ version: 0.13.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - AskClass
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2022-11-27 00:00:00.000000000 Z
11
+ date: 2023-01-20 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -73,6 +73,7 @@ files:
73
73
  - _sass/_tab.scss
74
74
  - _sass/_table.scss
75
75
  - _sass/_video.scss
76
+ - _sass/default.scss
76
77
  - _sass/init.scss
77
78
  - assets/css/dialog.scss
78
79
  - assets/css/segment.scss