38 lines
665 B
Vue
38 lines
665 B
Vue
<template>
|
|
<div id="app" class="flex flex-col flex-1">
|
|
<router-view class="flex flex-col flex-1"></router-view>
|
|
</div>
|
|
</template>
|
|
|
|
<style lang="postcss">
|
|
@tailwind preflight;
|
|
@tailwind components;
|
|
|
|
.btn {
|
|
@apply text-sm font-thin antialiased text-white px-4 py-3 no-underline rounded mx-1 bg-blue-dark;
|
|
|
|
&:hover,
|
|
&:focus {
|
|
@apply bg-blue-darker
|
|
}
|
|
}
|
|
|
|
.btn.is-secondary {
|
|
@apply bg-grey-dark;
|
|
|
|
&:hover,
|
|
&:focus {
|
|
@apply bg-grey-darker
|
|
}
|
|
}
|
|
|
|
.tag {
|
|
@apply text-2xs uppercase py-1 px-2 rounded border border-grey bg-white mr-2 mb-2
|
|
}
|
|
|
|
.tag.is-type {
|
|
@apply bg-blue-light border-blue-light text-white
|
|
}
|
|
|
|
@tailwind utilities;
|
|
</style>
|