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>
14main {
15  width: 100%;
16  height: 100%;
17  padding-top: $spacer * 1.5;
18  padding-bottom: $spacer * 3;
19  padding-left: $spacer;
20  padding-right: $spacer;
21  @include media-breakpoint-up($responsive-layout-bp) {
22    padding-left: $spacer * 2;
23  }
24}
25</style>
26