IBS: _sila UI theme

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>