| 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> |
| Derick Montague | 4086572 | 2020-04-13 17:01:19 -0500 | [diff] [blame^] | 14 | @import 'src/assets/styles/helpers'; |
| 15 | |
| Yoshie Muranaka | 8d12910 | 2019-12-19 09:51:55 -0800 | [diff] [blame] | 16 | main { |
| Yoshie Muranaka | 74f8687 | 2020-02-10 12:28:37 -0800 | [diff] [blame] | 17 | width: 100%; |
| 18 | height: 100%; |
| Yoshie Muranaka | 8d12910 | 2019-12-19 09:51:55 -0800 | [diff] [blame] | 19 | padding-top: $spacer * 1.5; |
| 20 | padding-bottom: $spacer * 3; |
| Yoshie Muranaka | 74f8687 | 2020-02-10 12:28:37 -0800 | [diff] [blame] | 21 | padding-left: $spacer; |
| Yoshie Muranaka | 8d12910 | 2019-12-19 09:51:55 -0800 | [diff] [blame] | 22 | padding-right: $spacer; |
| Yoshie Muranaka | 74f8687 | 2020-02-10 12:28:37 -0800 | [diff] [blame] | 23 | @include media-breakpoint-up($responsive-layout-bp) { |
| 24 | padding-left: $spacer * 2; |
| 25 | } |
| Yoshie Muranaka | 8d12910 | 2019-12-19 09:51:55 -0800 | [diff] [blame] | 26 | } |
| 27 | </style> |