| Yoshie Muranaka | 8d12910 | 2019-12-19 09:51:55 -0800 | [diff] [blame] | 1 | <template> |
| Yoshie Muranaka | 74f8687 | 2020-02-10 12:28:37 -0800 | [diff] [blame] | 2 | <main id="main-content" class="page-container"> |
| Yoshie Muranaka | 8d12910 | 2019-12-19 09:51:55 -0800 | [diff] [blame] | 3 | <slot /> |
| 4 | </main> |
| 5 | </template> |
| 6 | |
| 7 | <script> |
| 8 | export default { |
| 9 | name: 'PageContainer' |
| 10 | }; |
| 11 | </script> |
| 12 | |
| 13 | <style lang="scss" scoped> |
| 14 | main { |
| Yoshie Muranaka | 74f8687 | 2020-02-10 12:28:37 -0800 | [diff] [blame] | 15 | width: 100%; |
| 16 | height: 100%; |
| Yoshie Muranaka | 8d12910 | 2019-12-19 09:51:55 -0800 | [diff] [blame] | 17 | padding-top: $spacer * 1.5; |
| 18 | padding-bottom: $spacer * 3; |
| Yoshie Muranaka | 74f8687 | 2020-02-10 12:28:37 -0800 | [diff] [blame] | 19 | padding-left: $spacer; |
| Yoshie Muranaka | 8d12910 | 2019-12-19 09:51:55 -0800 | [diff] [blame] | 20 | padding-right: $spacer; |
| Yoshie Muranaka | 74f8687 | 2020-02-10 12:28:37 -0800 | [diff] [blame] | 21 | @include media-breakpoint-up($responsive-layout-bp) { |
| 22 | padding-left: $spacer * 2; |
| 23 | } |
| Yoshie Muranaka | 8d12910 | 2019-12-19 09:51:55 -0800 | [diff] [blame] | 24 | } |
| 25 | </style> |