diff options
Diffstat (limited to 'src/components/Global/PageSection.vue')
-rw-r--r-- | src/components/Global/PageSection.vue | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/src/components/Global/PageSection.vue b/src/components/Global/PageSection.vue new file mode 100644 index 00000000..678fd31d --- /dev/null +++ b/src/components/Global/PageSection.vue @@ -0,0 +1,30 @@ +<template> + <section class="page-section"> + <h2>{{ sectionTitle }}</h2> + <slot /> + </section> +</template> + +<script> +export default { + name: 'PageSection', + props: ['sectionTitle'] +}; +</script> + +<style lang="scss" scoped> +.page-section { + margin-bottom: $spacer * 2; +} +h2 { + @include font-size($h4-font-size); + margin-bottom: $spacer; + &::after { + content: ''; + display: block; + width: 100px; + border: 1px solid $gray-300; + margin-top: 10px; + } +} +</style> |