<template>
    <header class="header">
        <router-link
            :to="{ name: 'home' }"
            class="logo-link"
        >
            <h1 class="logo">traxxx</h1>
        </router-link>
    </header>
</template>

<style lang="scss" scoped>
@import 'theme';

.header {
    background: $background;
    color: $primary;
    padding: .5rem 1rem;
    border-bottom: solid 1px $shadow-hint;
}

.logo-link {
    color: inherit;
    text-decoration: none;
}

.logo {
    display: inline-block;
    margin: 0;
}
</style>