jennie/ghostguild-org
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(layout): add PageShell, ColumnsLayout, PageSection primitives

Browse source 
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.
This commit is contained in:
Jennie Robinson Faber 2026-04-08 15:51:38 +01:00
parent 797cf60c05
commit 127d2974c8
8 changed files with 152 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

23
app/components/PageSection.vue Normal file
View file

@ -0,0 +1,23 @@
<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>