1<template>
2  <main id="main-content" class="page-container">
3    <slot />
4  </main>
5</template>
6
7<script>
8export default {
9  name: 'PageContainer'
10};
11</script>
12
13<style lang="scss" scoped>
14@import 'src/assets/styles/helpers';
15
16main {
17  width: 100%;
18  height: 100%;
19  padding-top: $spacer * 1.5;
20  padding-bottom: $spacer * 3;
21  padding-left: $spacer;
22  padding-right: $spacer;
23  @include media-breakpoint-up($responsive-layout-bp) {
24    padding-left: $spacer * 2;
25  }
26}
27</style>
28