summaryrefslogtreecommitdiff
path: root/src/components/_sila/Global/PageSection.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/_sila/Global/PageSection.vue')
-rw-r--r--src/components/_sila/Global/PageSection.vue29
1 files changed, 29 insertions, 0 deletions
diff --git a/src/components/_sila/Global/PageSection.vue b/src/components/_sila/Global/PageSection.vue
new file mode 100644
index 00000000..dd39ddd5
--- /dev/null
+++ b/src/components/_sila/Global/PageSection.vue
@@ -0,0 +1,29 @@
+<template>
+ <div class="page-section">
+ <h2 v-if="sectionTitle">{{ sectionTitle }}</h2>
+ <slot />
+ </div>
+</template>
+
+<script>
+export default {
+ name: 'PageSection',
+ props: {
+ sectionTitle: {
+ type: String,
+ default: '',
+ },
+ },
+};
+</script>
+
+<style lang="scss" scoped>
+.page-section {
+ margin-bottom: $spacer * 4;
+}
+
+h2 {
+ @include font-size($h3-font-size);
+ margin-bottom: $spacer;
+}
+</style>