2020-02-18 08:47:41 +01:00
|
|
|
<template>
|
2020-02-18 08:57:00 +01:00
|
|
|
<h2>
|
|
|
|
|
<span>
|
|
|
|
|
<slot />
|
|
|
|
|
</span>
|
|
|
|
|
</h2>
|
2020-02-18 08:47:41 +01:00
|
|
|
</template>
|
|
|
|
|
<script lang="ts">
|
2020-02-18 08:57:00 +01:00
|
|
|
import { Component, Vue } from "vue-property-decorator";
|
2020-02-18 08:47:41 +01:00
|
|
|
|
|
|
|
|
@Component
|
2020-02-18 08:57:00 +01:00
|
|
|
export default class Subtitle extends Vue {}
|
2020-02-18 08:47:41 +01:00
|
|
|
</script>
|
|
|
|
|
<style lang="scss" scoped>
|
2020-02-18 08:57:00 +01:00
|
|
|
h2 {
|
|
|
|
|
display: block;
|
|
|
|
|
margin: 15px 0 30px;
|
2020-02-18 08:47:41 +01:00
|
|
|
|
2020-02-18 08:57:00 +01:00
|
|
|
span {
|
|
|
|
|
background: $secondary;
|
|
|
|
|
display: inline;
|
|
|
|
|
padding: 3px 8px;
|
|
|
|
|
color: #3a384c;
|
|
|
|
|
font-family: "Liberation Sans", "Helvetica Neue", Roboto, Helvetica, Arial, serif;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
font-size: 32px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
