@codename/deck 0.1.1 → 0.2.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.
- package/README.md +3 -3
- package/dist/deck.bundle.mjs +57 -57
- package/dist/deck.bundle.mjs.map +3 -3
- package/dist/deck.css +11 -1
- package/dist/deck.js +81 -71
- package/dist/deck.js.map +3 -3
- package/dist/deck.mjs +34 -34
- package/dist/deck.mjs.map +3 -3
- package/dist/template.mjs +2 -0
- package/dist/template.mjs.map +7 -0
- package/dist/types/index.d.ts +1 -1
- package/dist/types/kit.d.ts +10 -1
- package/dist/types/look.d.ts +2 -1
- package/dist/types/template.d.ts +16 -0
- package/dist/types/version.d.ts +1 -1
- package/docs/format.md +1 -1
- package/docs/host.md +4 -2
- package/docs/kits.md +14 -2
- package/package.json +9 -5
- package/src/blocks.js +1 -1
- package/src/deck.css +11 -1
- package/src/deck.js +3 -1
- package/src/index.js +1 -1
- package/src/kit.js +32 -14
- package/src/look.js +5 -2
- package/src/pptx.js +10 -3
- package/src/render.js +9 -1
- package/src/standalone.js +1 -1
- package/src/template.js +161 -0
- package/src/version.js +1 -1
package/dist/deck.css
CHANGED
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
.deck-slide pre.has-marks .deck-line:not(.is-marked) { opacity: 0.45; }
|
|
34
34
|
.deck-slide blockquote { border-inline-start: 0.25em solid var(--deck-fill); padding-inline-start: 0.9em; margin-inline: 0; font-style: italic; }
|
|
35
35
|
.deck-slide img { max-inline-size: 100%; max-block-size: 100%; object-fit: contain; }
|
|
36
|
-
.deck-slide .deck-picture { flex: 1; min-block-size: 0; display: grid; place-items: center; }
|
|
36
|
+
.deck-slide .deck-picture { flex: 1; min-block-size: 0; display: grid; grid-template: minmax(0, 1fr) / minmax(0, 1fr); place-items: center; }
|
|
37
37
|
.deck-slide .deck-picture img { block-size: 100%; }
|
|
38
38
|
.deck-table { overflow: hidden; }
|
|
39
39
|
.deck-slide table { border-collapse: collapse; inline-size: 100%; font-size: 0.85em; }
|
|
@@ -47,6 +47,16 @@
|
|
|
47
47
|
.deck-block .deck-block-source { display: none; }
|
|
48
48
|
.deck-block.is-failed .deck-block-source { display: block; }
|
|
49
49
|
.deck-number { position: absolute; inset-block-end: 2.6cqi; inset-inline-end: 3cqi; font-size: 1.5cqi; color: var(--deck-muted); font-variant-numeric: tabular-nums; }
|
|
50
|
+
/* The kit's logo (docs/kits.md): in its corner, small, or big on a cover and at the end; on dark paper its dark one, else on a light plate. */
|
|
51
|
+
.deck-logo { position: absolute; z-index: 1; inset-block-start: 3.2cqi; inset-inline-end: 3.5cqi; block-size: 4.5cqi; inline-size: auto; max-inline-size: 20cqi; object-fit: contain; pointer-events: none; }
|
|
52
|
+
.deck-logo[data-size="big"] { block-size: 8cqi; max-inline-size: 32cqi; }
|
|
53
|
+
.deck-logo[data-at$="start"] { inset-inline: 3.5cqi auto; }
|
|
54
|
+
.deck-logo[data-at^="bottom"] { inset-block: auto 3.2cqi; }
|
|
55
|
+
.deck-slide:has(.deck-logo[data-at="bottom-end"]) .deck-number { inset-inline: 3cqi auto; }
|
|
56
|
+
.deck-logo.is-dark { display: none; }
|
|
57
|
+
:is(.deck[data-scheme="light"] :is(.deck-slide[data-paper="ink"], .deck-class-invert), .deck[data-scheme="dark"] .deck-slide:is([data-paper="paper"], [data-paper="soft"]):not(.deck-class-invert), .deck[data-fill="dark"] .deck-slide[data-paper="fill"]) .deck-logo.has-dark { display: none; }
|
|
58
|
+
:is(.deck[data-scheme="light"] :is(.deck-slide[data-paper="ink"], .deck-class-invert), .deck[data-scheme="dark"] .deck-slide:is([data-paper="paper"], [data-paper="soft"]):not(.deck-class-invert), .deck[data-fill="dark"] .deck-slide[data-paper="fill"]) .deck-logo.is-dark { display: block; }
|
|
59
|
+
:is(.deck[data-scheme="light"] :is(.deck-slide[data-paper="ink"], .deck-class-invert), .deck[data-scheme="dark"] .deck-slide:is([data-paper="paper"], [data-paper="soft"]):not(.deck-class-invert), .deck[data-fill="dark"] .deck-slide[data-paper="fill"]) .deck-logo:not(.has-dark, .is-dark) { background: #fff; padding: 0.5cqi; border-radius: 0.5cqi; }
|
|
50
60
|
|
|
51
61
|
/* Layouts from their kit's definition: the paper they are on, where their words sit, how big their heading is. */
|
|
52
62
|
.deck-slide[data-paper="fill"] { background: var(--deck-fill); color: var(--deck-on-fill); }
|