39 lines
799 B
Vue
39 lines
799 B
Vue
<template>
|
|
<a
|
|
class="add-content-link"
|
|
@click="$emit('click')"
|
|
><plus-icon class="add-content-link__icon" /> <span class="add-content-link__text">Neuer Inhalt</span></a>
|
|
</template>
|
|
|
|
<script>
|
|
import PlusIcon from '@/components/icons/PlusIcon';
|
|
export default {
|
|
components: { PlusIcon }
|
|
|
|
//
|
|
};
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
@import '~styles/helpers';
|
|
$color: $color-silver-dark;
|
|
|
|
.add-content-link {
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
&__icon {
|
|
width: 20px;
|
|
height: 20px;
|
|
margin-right: $small-spacing;
|
|
fill: $color;
|
|
}
|
|
&__text {
|
|
// custom style, because the view needs this
|
|
@include link-base;
|
|
font-weight: $font-weight-bold;
|
|
color: $color;
|
|
}
|
|
}
|
|
</style>
|