askclass-course-theme 0.3.0 → 0.5.0

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.
Files changed (21) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -1
  3. data/_config.yml +4 -4
  4. data/_includes/header.html +2 -5
  5. data/_includes/logo.html +1 -1
  6. data/_layouts/default.html +7 -1
  7. data/_sass/{_default.scss → _base.scss} +64 -76
  8. data/_sass/_grid.scss +4 -5
  9. data/_sass/_post.scss +57 -10
  10. data/_sass/_tab.scss +16 -24
  11. data/_sass/_table.scss +2 -5
  12. data/_sass/init.scss +27 -0
  13. data/assets/css/segment.scss +6 -0
  14. data/assets/css/session.scss +6 -0
  15. metadata +6 -9
  16. data/_sass/_lesson.scss +0 -40
  17. data/_sass/_paginator.scss +0 -34
  18. data/assets/css/grid.scss +0 -5
  19. data/assets/css/md.scss +0 -10
  20. data/assets/css/style.scss +0 -4
  21. data/assets/css/tab.scss +0 -5
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 0274dfb992414500ae8a22b28ce5ca887b597d2774ed4a7cea10f3c5003e6056
4
- data.tar.gz: a2e24d85b4f5b7cd839aa1714e00b81a1f3e266acaff37a2c09de0d255f9cc1d
3
+ metadata.gz: 9958814e12fcc66a3b3d3ec65d7b9fc566936da0d9a4f50c476a2060be0d5fdc
4
+ data.tar.gz: e58a07a1d503e7eadd08e7a24ce01d978ff3817dbe2a58f0fcdceb03d6c59ebf
5
5
  SHA512:
6
- metadata.gz: 47995253aa9c6bc965419788dfe2130041a90d671ad22bfb641dfda2cbdb7fc23515a4cde4fed4c75605edefc44700118965629a16ea0befabe90d9ffc06696a
7
- data.tar.gz: 8c4dd7487cbb755ddda87bc70d6a509a6eb9ff287fbc792ddcd6d07e59006557ce709f44eff79ef7918278253c70e56adb853a39ca6417f43786306b239fa41b
6
+ metadata.gz: e5b62e020c12935fbd5b5f994e28329c1a74893c2a2671b6499ccd5320d3a890a379feee401e9b0840289e1babaa68f07cbe02afdf64312a3968041cb7d97781
7
+ data.tar.gz: 03f964ecebe9f4b5b4d005eefe83ea2a820e1def34ed20afe530a4882f802b3ab5cdb24a60ad92ee6711a3d8031a5d52d068e940c74c9c516d6c2b68f1f5134f
data/README.md CHANGED
@@ -1,4 +1,4 @@
1
- # AskClass News Theme
1
+ # AskClass Course Theme
2
2
  [![Deploy Jekyll]][Deploy Jekyll Link] [![Build]][Build Link] [![CodeQL]][CodeQL Link]
3
3
 
4
4
  Simple responsive Jekyll theme for a course syllabus.
data/_config.yml CHANGED
@@ -63,11 +63,11 @@ collections:
63
63
  segment:
64
64
  output: true
65
65
 
66
- ignore_theme_config: false
67
- excerpt_separator: "<!--more-->"
68
- permalink: /:year/:month/:day/:title
69
-
70
66
  defaults:
67
+ - scope:
68
+ path: ""
69
+ values:
70
+ layout: "default"
71
71
  - scope:
72
72
  type: "session"
73
73
  values:
data/_includes/header.html CHANGED
@@ -2,11 +2,8 @@
2
2
  {%- include head/meta.html -%}
3
3
  {%- include head/common.html -%}
4
4
  {%- if page.collection == 'session' -%}
5
- <link rel="preload" as="style" href="{{ 'assets/css/md.css' | relative_url }}"
6
- onload='this.onload=null;this.rel="stylesheet"' />
5
+ <link rel="stylesheet" href="{{ 'assets/css/session.css' | relative_url }}" />
7
6
  {%- else -%}
8
- <link rel="stylesheet" href="{{ 'assets/css/grid.css' | relative_url }}" />
9
- <link rel="stylesheet" href="{{ 'assets/css/tab.css' | relative_url }}" />
7
+ <link rel="stylesheet" href="{{ 'assets/css/segment.css' | relative_url }}" />
10
8
  {%- endif -%}
11
- <link rel="stylesheet" href="{{ 'assets/css/style.css' | relative_url }}" />
12
9
  </head>
data/_includes/logo.html CHANGED
@@ -8,7 +8,7 @@
8
8
  {%- if include.href %}
9
9
  <h4 class="special"><a href="{{ include.href }}">{{ include.title | default: site.title }}</a></h4>
10
10
  {% elsif include.title %}
11
- <h4 class="special" style="color: var(--secondaryColor); margin: 0 0 1em 0">{{ include.title }}</h4>
11
+ <h4 class="special" style="color: var(--color-secondary); margin: 0 0 1em 0">{{ include.title }}</h4>
12
12
  {% else %}
13
13
  <h4 class="special">{{ include.title | default: site.title }}</h4>
14
14
  {% endif -%}
data/_layouts/default.html CHANGED
@@ -3,7 +3,13 @@
3
3
  {% include header.html %}
4
4
  <body>
5
5
  {% include logo.html %}
6
- {{ content }}
6
+ {% if page.url == '/' %}
7
+ {% include course.html %}
8
+ {% elsif page.url == '/404' %}
9
+ <h2 class="center-align">Page not found!</h2>
10
+ {% else %}
11
+ {{ content }}
12
+ {% endif %}
7
13
  {% include footer.html %}
8
14
  {% include foot/pwaupdate.html %}
9
15
  </body>
data/_sass/{_default.scss → _base.scss} RENAMED
@@ -1,39 +1,36 @@
1
- $font-main: 'Open Sans', sans-serif;
2
- $font-secondary: 'Teko', sans-serif;
3
- $font-special: 'Josefin Sans', sans-serif;
4
- $font-mono: 'Share Tech Mono', monospace;
5
- $color-primary: aliceblue;
6
- $color-secondary: skyblue;
7
- $color-tertiary: #2cdd88;
8
- $color-bg: #222;
9
- $color-fg: ivory;
10
- $color-dark: gray;
11
- $color-link: deeppink;
12
- $color-theme: #ffc100;
13
- $content-width: 600px;
14
-
15
- html {
16
- --specialFont: #{$font-special};
17
- --mainFont: #{$font-main};
18
- --secondaryFont: #{$font-secondary};
19
- --monoFont: #{$font-mono};
20
- --primaryColor: #{$color-primary};
21
- --secondaryColor: #{$color-secondary};
22
- --linkColor: #{$color-link};
23
- --bgColor: #{$color-bg};
24
- --fgColor: #{$color-fg};
25
- --darkColor: #{$color-dark};
26
- --contentWidth: #{$content-width};
27
- --themeColor: #{$color-theme};
28
- --tertiaryColor: #{$color-tertiary};
1
+ :root {
2
+ --font-special: #{$font-special};
3
+ --font-main: #{$font-main};
4
+ --font-secondary: #{$font-secondary};
5
+ --font-mono: #{$font-mono};
6
+
7
+ --color-bg: #{$color-bg};
8
+ --color-fg: #{$color-fg};
9
+ --color-primary: #{$color-primary};
10
+ --color-secondary: #{$color-secondary};
11
+ --color-tertiary: #{$color-tertiary};
12
+ --color-link: #{$color-link};
13
+ --color-dark: #{$color-dark};
14
+ --color-theme: #{$color-theme};
15
+ --color-row-odd: #{$color-row-odd};
16
+ --color-row-even: #{$color-row-even};
17
+
18
+ --color-card-fg: #{$color-card-fg};
19
+ --color-card-bg: #{$color-card-bg};
20
+
21
+ --content-width: #{$content-width};
22
+
23
+ --grid-width: #{$grid-width};
24
+ --grid-image-height: #{$grid-image-height};
25
+ --card-font-size: #{$card-font-size};
29
26
  }
30
27
 
31
28
  body {
32
- font-family: $font-main;
29
+ font-family: var(--font-main);
33
30
  font-size: 17px;
34
31
  line-height: 1.6;
35
- background-color: $color-bg;
36
- color: $color-fg;
32
+ background-color: var(--color-bg);
33
+ color: var(--color-fg);
37
34
  &::-webkit-scrollbar {
38
35
  width: 6px;
39
36
  height: 6px;
@@ -51,18 +48,18 @@ hr {
51
48
  width: 300px;
52
49
  margin-bottom: 20px;
53
50
  margin-top: 40px;
54
- border-color: $color-bg;
51
+ border-color: var(--color-bg);
55
52
  }
56
53
 
57
54
  a {
58
- color: $color-link;
55
+ color: var(--color-link);
59
56
  text-decoration: none;
60
57
  }
61
58
 
62
59
  h1, h2, h3, h4, h5, h6 {
63
- font-family: $font-secondary;
60
+ font-family: var(--font-secondary);
64
61
  font-weight: normal;
65
- color: $color-secondary;
62
+ color: var(--color-secondary);
66
63
  line-height: 1;
67
64
  }
68
65
 
@@ -74,19 +71,19 @@ h5 { font-size: 1.2em }
74
71
  h6 { font-size: 1em }
75
72
 
76
73
  .special {
77
- font-family: $font-special;
74
+ font-family: var(--font-special);
78
75
  text-align: center;
79
- color: $color-primary;
76
+ color: var(--color-primary);
80
77
  margin: 10px 0 5px 0;
81
78
  }
82
79
 
83
80
  code, pre {
84
- font-family: $font-mono;
81
+ font-family: var(--font-mono);
85
82
  }
86
83
 
87
84
  code {
88
85
  white-space: pre-wrap;
89
- color: $color-secondary;
86
+ color: var(--color-secondary);
90
87
  &.rounded {
91
88
  border-radius: 5px;
92
89
  margin: 0 3px;
@@ -118,14 +115,6 @@ sub {
118
115
  .md-48 { font-size: 48px; }
119
116
  .md-disabled { color: rgba(0,0,0,0.6); }
120
117
 
121
- .buttons {
122
- margin-bottom: 1em;
123
- a {
124
- text-decoration: none;
125
- color: yellowgreen;
126
- }
127
- }
128
-
129
118
  @mixin margin-top() {
130
119
  margin-top: 100px;
131
120
  }
@@ -161,7 +150,7 @@ sub {
161
150
  footer {
162
151
  @include margin-top();
163
152
  @include align-center();
164
- color: $color-dark;
153
+ color: var(--color-dark);
165
154
  font-size: 14px;
166
155
  ul {
167
156
  padding: 0;
@@ -170,7 +159,7 @@ footer {
170
159
  @include align-middle();
171
160
  margin: 0 5px;
172
161
  a {
173
- color: $color-secondary;
162
+ color: var(--color-secondary);
174
163
  }
175
164
  }
176
165
  }
@@ -190,33 +179,32 @@ article {
190
179
  margin: 5px 10px 0 0;
191
180
  display: inline-block;
192
181
  }
193
- }
194
-
195
- article.tiles {
196
- ul {
197
- list-style-type: none;
198
- padding-inline-start: unset;
199
- display: grid;
200
- grid-gap: 1rem;
201
- grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
202
- li {
203
- padding: 5px;
204
- margin: 5px;
205
- border-radius: 5px;
206
- text-align: center;
207
- background-color: $color-theme;
208
- height: 60px;
209
- display: flex;
210
- align-items: center;
211
- justify-content: center;
212
- a {
213
- color: $color-bg;
214
- overflow: hidden;
215
- text-overflow: ellipsis;
216
- word-break: break-word;
217
- }
218
- sup {
219
- vertical-align: 3px;
182
+ &.tiles {
183
+ ul {
184
+ list-style-type: none;
185
+ padding-inline-start: unset;
186
+ display: grid;
187
+ grid-gap: 1rem;
188
+ grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
189
+ li {
190
+ padding: 5px;
191
+ margin: 5px;
192
+ border-radius: 5px;
193
+ text-align: center;
194
+ background-color: var(--color-theme);
195
+ height: 60px;
196
+ display: flex;
197
+ align-items: center;
198
+ justify-content: center;
199
+ a {
200
+ color: var(--color-bg);
201
+ overflow: hidden;
202
+ text-overflow: ellipsis;
203
+ word-break: break-word;
204
+ }
205
+ sup {
206
+ vertical-align: 3px;
207
+ }
220
208
  }
221
209
  }
222
210
  }
data/_sass/_grid.scss CHANGED
@@ -1,12 +1,9 @@
1
- $size-width: 180px;
2
- $size-height: 180px;
3
-
4
1
  ul.grid {
5
2
  list-style-type: none;
6
3
  padding-inline-start: unset;
7
4
  display: grid;
8
5
  grid-gap: 1rem;
9
- grid-template-columns: repeat(auto-fit, minmax($size-width, 1fr));
6
+ grid-template-columns: repeat(auto-fit, minmax(var(--grid-width), 1fr));
10
7
  clear: both;
11
8
 
12
9
  li {
@@ -19,6 +16,8 @@ ul.grid {
19
16
  img {
20
17
  object-fit: cover;
21
18
  width: 100%;
22
- height: $size-height;
19
+ height: var(--grid-image-height);
23
20
  }
24
21
  }
22
+
23
+ @import "tab";
data/_sass/_post.scss CHANGED
@@ -1,27 +1,27 @@
1
1
  article {
2
- max-width: var(--contentWidth);
2
+ max-width: var(--content-width);
3
3
  width: 100%;
4
4
  display: flex;
5
5
  flex-direction: column;
6
6
  overflow-wrap: break-word;
7
7
  word-break: break-word;
8
8
  h1, h2, h3, h4 {
9
- font-family: var(--specialFont);
9
+ font-family: var(--font-special);
10
10
  margin-bottom: 0;
11
11
  }
12
12
  h1 {
13
13
  & + time {
14
- color: var(--darkColor);
14
+ color: var(--color-dark);
15
15
  font-size: 15px;
16
16
  }
17
17
  }
18
18
  address {
19
19
  font-style: normal;
20
- font-family: var(--secondaryFont);
20
+ font-family: var(--font-secondary);
21
21
  margin-top: 1.5em;
22
22
  font-size: 1.4em;
23
23
  a {
24
- color: var(--tertiaryColor);
24
+ color: var(--color-tertiary);
25
25
  }
26
26
  }
27
27
  .text > p:first-child {
@@ -30,12 +30,12 @@ article {
30
30
  }
31
31
  .tags {
32
32
  small {
33
- font-family: var(--secondaryFont);
34
- color: var(--darkColor);
33
+ font-family: var(--font-secondary);
34
+ color: var(--color-dark);
35
35
  }
36
36
  }
37
37
  .source {
38
- color: var(--darkColor);
38
+ color: var(--color-dark);
39
39
  font-size: 13px;
40
40
  & > * {
41
41
  margin-left: 10px;
@@ -44,10 +44,10 @@ article {
44
44
  }
45
45
 
46
46
  blockquote {
47
- border-left: 5px solid var(--darkColor);
47
+ border-left: 5px solid var(--color-dark);
48
48
  padding-left: 10px;
49
49
  margin: 0 10px 0 20px;
50
- font-family: var(--specialFont);
50
+ font-family: var(--font-special);
51
51
  font-size: 19px;
52
52
  p {
53
53
  margin: 0;
@@ -56,3 +56,50 @@ blockquote {
56
56
  margin-bottom: 2em;
57
57
  }
58
58
  }
59
+
60
+ samp {
61
+ filter: blur(4px);
62
+ font-family: var(--font-special);
63
+ font-size: 18px;
64
+ cursor: pointer;
65
+ &.on {
66
+ filter: none;
67
+ color: var(--color-secondary);
68
+ }
69
+ }
70
+
71
+ .lesson-number {
72
+ display: flex;
73
+ align-items: center;
74
+ justify-content: center;
75
+ text-decoration: none;
76
+ padding: 7px 5px 3px 5px;
77
+ margin: 0 5px;
78
+ background-color: var(--color-fg);
79
+ font-family: var(--fontText);
80
+ color: var(--color-bg);
81
+ border-radius: 50%;
82
+ width: 25px;
83
+ height: 25px;
84
+ font-size: 16px;
85
+
86
+ &.current {
87
+ background-color: var(--color-secondary);
88
+ }
89
+ &.material-symbols-outlined {
90
+ font-size: 25px;
91
+ padding: 5px;
92
+ font-family: 'Material Symbols Outlined';
93
+ }
94
+ }
95
+
96
+ a.lesson-number{
97
+ color: var(--color-fg);
98
+ background-color: var(--color-link);
99
+ }
100
+
101
+ @import
102
+ "bullets",
103
+ "table",
104
+ "tab-colors",
105
+ "video";
data/_sass/_tab.scss CHANGED
@@ -1,23 +1,13 @@
1
- $color-bg: whitesmoke;
2
- $color-fg: #444;
3
- $size-font: 16px;
4
-
5
1
  @mixin special() {
6
- color: $color-bg;
7
- font-family: var(--specialFont);
8
- }
9
-
10
- html {
11
- --bg: #{$color-bg};
12
- --fg: #{$color-fg};
13
- --fontSize: #{$size-font};
2
+ color: var(--color-card-bg, 'whitesmoke');
3
+ font-family: var(--font-special);
14
4
  }
15
5
 
16
6
  .card-tab {
17
7
  display: flex;
18
8
  flex-direction: column;
19
9
  position: relative;
20
- background-image: linear-gradient(225deg, $color-fg 50%, transparent 50%);
10
+ background-image: linear-gradient(225deg, var(--color-card-fg) 50%, transparent 50%);
21
11
  background-size: 120px 27px;
22
12
  background-repeat: no-repeat;
23
13
  background-position: right top;
@@ -25,9 +15,9 @@ html {
25
15
  box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
26
16
  border-top-width: 22px;
27
17
  border-top-style: solid;
28
- border-top-color: $color-fg;
29
- background-color: $color-bg;
30
- color: $color-fg;
18
+ border-top-color: var(--color-card-fg);
19
+ background-color: var(--color-card-bg);
20
+ color: var(--color-card-fg);
31
21
  text-transform: none;
32
22
  height: calc(100% - 22px);
33
23
  }
@@ -68,9 +58,9 @@ html {
68
58
  text-overflow: ellipsis;
69
59
  display: flex;
70
60
  align-items: flex-end;
71
- font-family: var(--secondaryFont);
61
+ font-family: var(--font-secondary);
72
62
  a {
73
- color: var(--bgColor);
63
+ color: var(--color-bg);
74
64
  }
75
65
  }
76
66
 
@@ -94,11 +84,11 @@ html {
94
84
  .item {
95
85
  margin-bottom: 20px;
96
86
  text-align: left;
97
- font-size: $size-font;
87
+ font-size: var(--card-font-size);
98
88
  line-height: normal;
99
89
  h3 {
100
90
  margin: 3px 5px 0 5px;
101
- color: $color-fg;
91
+ color: var(--color-card-fg);
102
92
  }
103
93
  .due {
104
94
  display: inline-flex;
@@ -111,7 +101,7 @@ html {
111
101
  font-variation-settings: 'FILL' 1;
112
102
  }
113
103
  &.past {
114
- background-color: var(--darkColor);
104
+ background-color: var(--color-dark);
115
105
  }
116
106
  }
117
107
  small {
@@ -130,23 +120,25 @@ html {
130
120
  justify-content: space-between;
131
121
  a {
132
122
  text-decoration: none;
133
- font-size: $size-font;
123
+ font-size: var(--card-font-size);
134
124
  display: contents;
135
125
  &.button {
136
126
  display: flex;
137
127
  border-radius: 5px;
138
128
  padding: 5px 10px;
139
129
  color: white!important;
140
- background-color: $color-fg;
130
+ background-color: var(--color-card-fg);
141
131
  .material-symbols-outlined {
142
132
  font-variation-settings: 'FILL' 1;
143
133
  }
144
134
  }
145
135
  }
146
136
  .tags {
147
- font-family: var(--secondaryFont);
137
+ font-family: var(--font-secondary);
148
138
  white-space: nowrap;
149
139
  text-overflow: ellipsis;
150
140
  overflow: hidden;
151
141
  }
152
142
  }
143
+
144
+ @import "tab-colors";
data/_sass/_table.scss CHANGED
@@ -1,13 +1,10 @@
1
- $color-odd: #2a2a2a;
2
- $color-even: #2f2f2f;
3
-
4
1
  table {
5
2
  table-layout: fixed;
6
3
  tr:nth-child(odd) {
7
- background-color: $color-odd;
4
+ background-color: var(--color-row-odd, '#2a2a2a');
8
5
  }
9
6
  th, tr:nth-child(even) {
10
- background-color: $color-even;
7
+ background-color: var(--color-row,even, '#2f2f2f');
11
8
  }
12
9
  td, th {
13
10
  word-break: normal;
data/_sass/init.scss ADDED
@@ -0,0 +1,27 @@
1
+ $font-main: 'Open Sans', sans-serif;
2
+ $font-secondary: 'Teko', sans-serif;
3
+ $font-special: 'Josefin Sans', sans-serif;
4
+ $font-mono: 'Share Tech Mono', monospace;
5
+
6
+ $color-primary: aliceblue;
7
+ $color-secondary: skyblue;
8
+ $color-tertiary: #2cdd88;
9
+ $color-bg: #222;
10
+ $color-fg: ivory;
11
+ $color-dark: gray;
12
+ $color-link: deeppink;
13
+ $color-theme: #ffc100;
14
+
15
+ $color-row-odd: #2a2a2a;
16
+ $color-row-even: #2f2f2f;
17
+
18
+ $color-card-bg: whitesmoke;
19
+ $color-card-fg: #444;
20
+ $card-font-size: 16px;
21
+
22
+ $content-width: 600px;
23
+
24
+ $grid-width: 180px;
25
+ $grid-image-height: 180px;
26
+
27
+ @import "base";
data/assets/css/segment.scss ADDED
@@ -0,0 +1,6 @@
1
+ ---
2
+ ---
3
+
4
+ @import
5
+ "grid",
6
+ "init";
data/assets/css/session.scss ADDED
@@ -0,0 +1,6 @@
1
+ ---
2
+ ---
3
+
4
+ @import
5
+ "post",
6
+ "init";
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.3.0
4
+ version: 0.5.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - AskClass
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2022-10-05 00:00:00.000000000 Z
11
+ date: 2022-10-07 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -56,20 +56,17 @@ files:
56
56
  - _layouts/default.html
57
57
  - _layouts/segment.html
58
58
  - _layouts/session.html
59
+ - _sass/_base.scss
59
60
  - _sass/_bullets.scss
60
- - _sass/_default.scss
61
61
  - _sass/_grid.scss
62
- - _sass/_lesson.scss
63
- - _sass/_paginator.scss
64
62
  - _sass/_post.scss
65
63
  - _sass/_tab-colors.scss
66
64
  - _sass/_tab.scss
67
65
  - _sass/_table.scss
68
66
  - _sass/_video.scss
69
- - assets/css/grid.scss
70
- - assets/css/md.scss
71
- - assets/css/style.scss
72
- - assets/css/tab.scss
67
+ - _sass/init.scss
68
+ - assets/css/segment.scss
69
+ - assets/css/session.scss
73
70
  - assets/favicon.ico
74
71
  - assets/loading.svg
75
72
  - assets/logo-144.png
data/_sass/_lesson.scss DELETED
@@ -1,40 +0,0 @@
1
- samp {
2
- filter: blur(4px);
3
- font-family: var(--specialFont);
4
- font-size: 18px;
5
- cursor: pointer;
6
- &.on {
7
- filter: none;
8
- color: var(--secondaryColor);
9
- }
10
- }
11
-
12
- .lesson-number {
13
- display: flex;
14
- align-items: center;
15
- justify-content: center;
16
- text-decoration: none;
17
- padding: 7px 5px 3px 5px;
18
- margin: 0 5px;
19
- background-color: var(--fgColor);
20
- font-family: var(--fontText);
21
- color: var(--bgColor);
22
- border-radius: 50%;
23
- width: 25px;
24
- height: 25px;
25
- font-size: 16px;
26
-
27
- &.current {
28
- background-color: var(--secondaryColor);
29
- }
30
- &.material-symbols-outlined {
31
- font-size: 25px;
32
- padding: 5px;
33
- font-family: 'Material Symbols Outlined';
34
- }
35
- }
36
-
37
- a.lesson-number{
38
- color: var(--fgColor);
39
- background-color: var(--linkColor);
40
- }
data/_sass/_paginator.scss DELETED
@@ -1,34 +0,0 @@
1
- $size-width: 150px;
2
-
3
- .paginator-container {
4
- max-width: var(--contentWidth);
5
- width: 100%;
6
- display: flex;
7
- justify-content: space-between;
8
- }
9
-
10
- .paginator {
11
- width: $size-width;
12
- a {
13
- text-align: center;
14
- display: block;
15
- font-size: 14px;
16
- line-height: 1.3;
17
- }
18
- img {
19
- object-fit: cover;
20
- width: 100%;
21
- height: 100px;
22
- }
23
- }
24
-
25
- .pull-left, .pull-right {
26
- color: var(--darkColor);
27
- display: flex;
28
- align-items: end;
29
- justify-content: flex-end;
30
- }
31
-
32
- .pull-left {
33
- flex-direction: row-reverse;
34
- }
data/assets/css/grid.scss DELETED
@@ -1,5 +0,0 @@
1
- ---
2
- ---
3
-
4
- @import "grid";
5
-
data/assets/css/md.scss DELETED
@@ -1,10 +0,0 @@
1
- ---
2
- ---
3
-
4
- @import "post";
5
- @import "paginator";
6
- @import "bullets";
7
- @import "table";
8
- @import "tab-colors";
9
- @import "video";
10
- @import "lesson";
data/assets/css/style.scss DELETED
@@ -1,4 +0,0 @@
1
- ---
2
- ---
3
-
4
- @import "default";
data/assets/css/tab.scss DELETED
@@ -1,5 +0,0 @@
1
- ---
2
- ---
3
-
4
- @import "tab";
5
- @import "tab-colors";