You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
28 lines
462 B
28 lines
462 B
<script lang="ts">
|
|
export let subtitle: string = ""
|
|
</script>
|
|
|
|
<div class="name">
|
|
<span><slot></slot></span>
|
|
<span class="abbreviation">{subtitle}</span>
|
|
</div>
|
|
|
|
<style>
|
|
div.name {
|
|
font-size: 1em;
|
|
font-weight: 600;
|
|
}
|
|
|
|
span.abbreviation {
|
|
font-size: 1em;
|
|
opacity: 0.333;
|
|
}
|
|
|
|
@media screen and (max-width: 1500px) {
|
|
span.abbreviation {
|
|
display: block;
|
|
font-size: 0.75em;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
}
|
|
</style>
|