@miragon/slidev-toolkit 1.8.0 → 1.9.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/components/Agenda.vue +7 -4
- package/package.json +1 -1
package/components/Agenda.vue
CHANGED
|
@@ -15,7 +15,8 @@
|
|
|
15
15
|
* Chapters without any subsection fall back to their full slide list.
|
|
16
16
|
*
|
|
17
17
|
* Props: eyebrow (kicker, default "Agenda"), title (h2), accent (blue|green|mixed),
|
|
18
|
-
* preview ("slides" | "subsections", default "slides")
|
|
18
|
+
* preview ("slides" | "subsections", default "slides"), gap (CSS length for the
|
|
19
|
+
* space between the head and the stepper below, default "1.4rem").
|
|
19
20
|
*/
|
|
20
21
|
import { computed, ref, watch } from 'vue'
|
|
21
22
|
import { useElementSize } from '@vueuse/core'
|
|
@@ -35,8 +36,9 @@ const props = withDefaults(
|
|
|
35
36
|
title?: string
|
|
36
37
|
accent?: 'blue' | 'green' | 'mixed'
|
|
37
38
|
preview?: 'slides' | 'subsections'
|
|
39
|
+
gap?: string
|
|
38
40
|
}>(),
|
|
39
|
-
{ eyebrow: 'Agenda', accent: 'mixed', preview: 'slides' },
|
|
41
|
+
{ eyebrow: 'Agenda', accent: 'mixed', preview: 'slides', gap: '1.4rem' },
|
|
40
42
|
)
|
|
41
43
|
|
|
42
44
|
const { slides, go, currentPage } = useNav()
|
|
@@ -197,7 +199,7 @@ function openSlide(no: number, ev: MouseEvent) {
|
|
|
197
199
|
</script>
|
|
198
200
|
|
|
199
201
|
<template>
|
|
200
|
-
<div class="agenda-layout" :style="{ '--ag-grad': gradientVar, '--ag-accent': accentVar }">
|
|
202
|
+
<div class="agenda-layout" :style="{ '--ag-grad': gradientVar, '--ag-accent': accentVar, '--ag-head-gap': gap }">
|
|
201
203
|
<div class="agenda-inner">
|
|
202
204
|
<header class="agenda-head">
|
|
203
205
|
<span class="agenda-bar" aria-hidden="true"></span>
|
|
@@ -280,6 +282,7 @@ function openSlide(no: number, ev: MouseEvent) {
|
|
|
280
282
|
/* Fallback for the linter; the inline :style binding overrides at runtime. */
|
|
281
283
|
--ag-grad: var(--miragon-gradient-mixed);
|
|
282
284
|
--ag-accent: var(--miragon-blue);
|
|
285
|
+
--ag-head-gap: 1.4rem;
|
|
283
286
|
position: absolute;
|
|
284
287
|
inset: 0;
|
|
285
288
|
width: 100%;
|
|
@@ -303,7 +306,7 @@ function openSlide(no: number, ev: MouseEvent) {
|
|
|
303
306
|
|
|
304
307
|
.agenda-head {
|
|
305
308
|
flex: 0 0 auto;
|
|
306
|
-
margin-bottom: 1.4rem;
|
|
309
|
+
margin-bottom: var(--ag-head-gap, 1.4rem);
|
|
307
310
|
}
|
|
308
311
|
.agenda-bar {
|
|
309
312
|
display: block;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@miragon/slidev-toolkit",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.9.0",
|
|
4
4
|
"description": "Miragon Slidev toolkit: the brand theme, the layout archetypes, the reusable components (Card, CardGrid, StepList, Figure, SplitView) and the BrandMeshBackground animation. Single source of design truth, consumed by the reference deck in this repo.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"slidev-theme",
|