48 lines
695 B
Vue
48 lines
695 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 base;
|
|
@tailwind components;
|
|
|
|
h1,
|
|
h2 {
|
|
@apply font-bold
|
|
}
|
|
|
|
h2 {
|
|
@apply text-2xl
|
|
}
|
|
|
|
.btn {
|
|
@apply text-sm font-thin antialiased text-white px-4 py-3 no-underline rounded mx-1 bg-blue-3;
|
|
|
|
&:hover,
|
|
&:focus {
|
|
@apply bg-blue-4
|
|
}
|
|
}
|
|
|
|
.btn.is-secondary {
|
|
@apply bg-grey-5;
|
|
|
|
&:hover,
|
|
&:focus {
|
|
@apply bg-grey-6
|
|
}
|
|
}
|
|
|
|
.tag {
|
|
@apply text-2xs uppercase py-1 px-2 rounded border border-grey-4 bg-white mr-2 mb-2
|
|
}
|
|
|
|
.tag.is-type {
|
|
@apply bg-blue-1 border-blue-1 text-white
|
|
}
|
|
|
|
@tailwind utilities;
|
|
</style>
|