| Yoshie Muranaka | 8d12910 | 2019-12-19 09:51:55 -0800 | [diff] [blame] | 1 | <template> |
| Yoshie Muranaka | c11d389 | 2020-02-19 08:07:40 -0800 | [diff] [blame] | 2 | <div class="page-section"> |
| 3 | <h2 v-if="sectionTitle">{{ sectionTitle }}</h2> | ||||
| Yoshie Muranaka | 8d12910 | 2019-12-19 09:51:55 -0800 | [diff] [blame] | 4 | <slot /> |
| Yoshie Muranaka | c11d389 | 2020-02-19 08:07:40 -0800 | [diff] [blame] | 5 | </div> |
| Yoshie Muranaka | 8d12910 | 2019-12-19 09:51:55 -0800 | [diff] [blame] | 6 | </template> |
| 7 | |||||
| 8 | <script> | ||||
| 9 | export default { | ||||
| 10 | name: 'PageSection', | ||||
| Derick Montague | 09e45cd | 2020-01-23 15:45:57 -0600 | [diff] [blame] | 11 | props: { |
| 12 | sectionTitle: { | ||||
| 13 | type: String, | ||||
| Derick Montague | 602e98a | 2020-10-21 16:20:00 -0500 | [diff] [blame] | 14 | default: '', |
| 15 | }, | ||||
| 16 | }, | ||||
| Yoshie Muranaka | 8d12910 | 2019-12-19 09:51:55 -0800 | [diff] [blame] | 17 | }; |
| 18 | </script> | ||||
| 19 | |||||
| 20 | <style lang="scss" scoped> | ||||
| 21 | .page-section { | ||||
| SurenNeware | 8ff0852 | 2020-08-28 20:01:55 +0530 | [diff] [blame] | 22 | margin-bottom: $spacer * 4; |
| Yoshie Muranaka | 8d12910 | 2019-12-19 09:51:55 -0800 | [diff] [blame] | 23 | } |
| Yoshie Muranaka | c11d389 | 2020-02-19 08:07:40 -0800 | [diff] [blame] | 24 | |
| Yoshie Muranaka | 8d12910 | 2019-12-19 09:51:55 -0800 | [diff] [blame] | 25 | h2 { |
| Dixsie Wolmers | be88c61 | 2020-07-20 13:29:54 -0500 | [diff] [blame] | 26 | @include font-size($h3-font-size); |
| Yoshie Muranaka | 8d12910 | 2019-12-19 09:51:55 -0800 | [diff] [blame] | 27 | margin-bottom: $spacer; |
| Yoshie Muranaka | 8d12910 | 2019-12-19 09:51:55 -0800 | [diff] [blame] | 28 | } |
| 29 | </style> | ||||