askclass-course-theme 0.12.0 → 0.13.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_config.yml +1 -1
- data/_includes/session/paginator.html +6 -6
- data/_sass/_base.scss +3 -0
- data/_sass/_bullets.scss +21 -3
- data/_sass/_post.scss +71 -5
- data/_sass/default.scss +34 -0
- data/_sass/init.scss +5 -29
- data/assets/css/dialog.scss +1 -1
- data/assets/css/segment.scss +1 -1
- data/assets/css/session.scss +1 -1
- metadata +3 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: ca131df680fc8901032da971128f6cff0ffcd95fddf62557450e70c4138f3fee
|
4
|
+
data.tar.gz: 8e74cc5df19ff760df82172d3c8e59e5203dd8c86f5933e067b554114ceeaa86
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: a792727db693974fcd0d7cf3a84cb3f90b040a1320a94d32462eb2b980355a3658954d3f17bc46f0e52d8df2884cc9780d01bb81a5731464f3bc9ab3009a2b17
|
7
|
+
data.tar.gz: 3c9c4410b2210f2b4d4ee09aca9835082f11efbdd95d4aeff045aaef049778c6b17841f3a53483c5578458dbb7e0882cd64c29ff5f1e8564d2abe72693d03e80
|
data/_config.yml
CHANGED
@@ -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
|
-
|
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:
|
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:
|
29
|
+
list-style-type: initial;
|
12
30
|
ul > li {
|
13
|
-
list-style-type:
|
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
|
-
|
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:
|
141
|
+
border-left: 2px solid var(--color-dark);
|
91
142
|
padding-left: 10px;
|
92
143
|
margin: 0 10px 0 20px;
|
93
|
-
font-
|
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);
|
data/_sass/default.scss
ADDED
@@ -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
|
-
|
2
|
-
|
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
|
-
|
8
|
-
$color-
|
9
|
-
$color-
|
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;
|
data/assets/css/dialog.scss
CHANGED
data/assets/css/segment.scss
CHANGED
data/assets/css/session.scss
CHANGED
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.
|
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:
|
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
|