@subroh0508/marp-theme-canvas 0.0.6 → 0.0.7

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 (5) hide show
  1. package/css/black-canvas.css +11 -8
  2. package/css/white-canvas.css +11 -8
  3. package/package.json +1 -1
  4. package/scss/page/_section.scss +5 -5
  5. package/scss/page/_title.scss +6 -5
package/css/black-canvas.css CHANGED
@@ -202,16 +202,18 @@ section::after {
202
202
  font-size: var(--font-size-note);
203
203
  color: var(--color-grey-light);
204
204
  }
205
+ section.title {
206
+ justify-content: center;
207
+ }
205
208
  section.title h1 {
206
209
  font-size: var(--font-size-display);
210
+ display: block;
207
211
  flex: 0 0 80%;
208
- display: flex;
209
- flex-direction: column;
210
- align-items: flex-start;
211
- justify-content: center;
212
+ align-content: center;
212
213
  margin: 0;
213
214
  }
214
215
  section.title h1 small {
216
+ display: block;
215
217
  margin-top: 0.5em;
216
218
  font-size: 0.5em;
217
219
  }
@@ -225,11 +227,12 @@ section.title h1 + p {
225
227
  color: var(--color-grey-medium);
226
228
  margin: 0;
227
229
  }
230
+ section.section {
231
+ justify-content: center;
232
+ }
228
233
  section.section p {
229
- flex: 1;
230
- display: flex;
231
- align-items: center;
232
- justify-content: flex-start;
234
+ flex: 0 1;
235
+ display: block;
233
236
  font-size: var(--font-size-title);
234
237
  font-weight: bold;
235
238
  margin: 0;
package/css/white-canvas.css CHANGED
@@ -202,16 +202,18 @@ section::after {
202
202
  font-size: var(--font-size-note);
203
203
  color: var(--color-grey-medium);
204
204
  }
205
+ section.title {
206
+ justify-content: center;
207
+ }
205
208
  section.title h1 {
206
209
  font-size: var(--font-size-display);
210
+ display: block;
207
211
  flex: 0 0 80%;
208
- display: flex;
209
- flex-direction: column;
210
- align-items: flex-start;
211
- justify-content: center;
212
+ align-content: center;
212
213
  margin: 0;
213
214
  }
214
215
  section.title h1 small {
216
+ display: block;
215
217
  margin-top: 0.5em;
216
218
  font-size: 0.5em;
217
219
  }
@@ -225,11 +227,12 @@ section.title h1 + p {
225
227
  color: var(--color-grey-light);
226
228
  margin: 0;
227
229
  }
230
+ section.section {
231
+ justify-content: center;
232
+ }
228
233
  section.section p {
229
- flex: 1;
230
- display: flex;
231
- align-items: center;
232
- justify-content: flex-start;
234
+ flex: 0 1;
235
+ display: block;
233
236
  font-size: var(--font-size-title);
234
237
  font-weight: bold;
235
238
  margin: 0;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@subroh0508/marp-theme-canvas",
3
- "version": "0.0.6",
3
+ "version": "0.0.7",
4
4
  "description": "A simple Marp theme with minimal styling",
5
5
  "repository": {
6
6
  "type": "git",
package/scss/page/_section.scss CHANGED
@@ -5,13 +5,13 @@
5
5
 
6
6
  @mixin configure($font-size, $font-weight: bold) {
7
7
  &.section {
8
+ justify-content: center;
9
+
8
10
  // p: Section title
9
- // Vertically centered, left-aligned
11
+ // Vertically centered
10
12
  p {
11
- flex: 1;
12
- display: flex;
13
- align-items: center;
14
- justify-content: flex-start;
13
+ flex: 0 1;
14
+ display: block;
15
15
  font-size: $font-size;
16
16
  font-weight: $font-weight;
17
17
  margin: 0;
package/scss/page/_title.scss CHANGED
@@ -5,19 +5,20 @@
5
5
 
6
6
  @mixin configure($font-size-title, $color-metadata-text) {
7
7
  &.title {
8
+ justify-content: center;
9
+
8
10
  // h1: Title text
9
- // Occupies 80% of section, vertically centered, left-aligned
11
+ // Occupies 80% of section, vertically centered
10
12
  h1 {
11
13
  font-size: $font-size-title;
14
+ display: block;
12
15
  flex: 0 0 80%;
13
- display: flex;
14
- flex-direction: column;
15
- align-items: flex-start;
16
- justify-content: center;
16
+ align-content: center;
17
17
  margin: 0;
18
18
 
19
19
  // small: Subtitle
20
20
  small {
21
+ display: block;
21
22
  margin-top: 0.5em;
22
23
  font-size: 0.5em;
23
24
  }