Jennie Robinson Faber
127d2974c8
Introduces three new layout primitives (no consumers yet). Adds --page-pad-x/y/collapse CSS tokens to :root and .dark. Updates PageHeader to read padding from tokens. Removes ignored size="large" props from welcome and series pages. Fixes stray markdown in SidebarLayout.
23 lines
459 B
Vue
23 lines
459 B
Vue
<template>
|
|
<div class="page-section" :class="`divider-${divider}`">
|
|
<slot />
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
defineProps({
|
|
divider: { type: String, default: 'none' }, // "top" | "bottom" | "none"
|
|
})
|
|
</script>
|
|
|
|
<style scoped>
|
|
.page-section {
|
|
padding: var(--page-pad-x) var(--page-pad-x);
|
|
}
|
|
.page-section.divider-top {
|
|
border-top: 1px dashed var(--border);
|
|
}
|
|
.page-section.divider-bottom {
|
|
border-bottom: 1px dashed var(--border);
|
|
}
|
|
</style>
|