| Yoshie Muranaka | 8d12910 | 2019-12-19 09:51:55 -0800 | [diff] [blame^] | 1 | <template> |
| 2 | <section class="page-section"> |
| 3 | <h2>{{ sectionTitle }}</h2> |
| 4 | <slot /> |
| 5 | </section> |
| 6 | </template> |
| 7 | |
| 8 | <script> |
| 9 | export default { |
| 10 | name: 'PageSection', |
| 11 | props: ['sectionTitle'] |
| 12 | }; |
| 13 | </script> |
| 14 | |
| 15 | <style lang="scss" scoped> |
| 16 | .page-section { |
| 17 | margin-bottom: $spacer * 2; |
| 18 | } |
| 19 | h2 { |
| 20 | @include font-size($h4-font-size); |
| 21 | margin-bottom: $spacer; |
| 22 | &::after { |
| 23 | content: ''; |
| 24 | display: block; |
| 25 | width: 100px; |
| 26 | border: 1px solid $gray-300; |
| 27 | margin-top: 10px; |
| 28 | } |
| 29 | } |
| 30 | </style> |