opdavies/rebuilding-acquia
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Replace Sass with PostCSS

Browse source
This commit is contained in:
Oliver Davies 2019-03-10 08:11:08 +00:00
parent 8c12c8186c
commit 8b8b8dbbc3
3 changed files with 63 additions and 514 deletions
Download patch file Download diff file Expand all files Collapse all files

31
src/App.vue
View file

@ -4,28 +4,35 @@
</div>
</template>
<style lang="sass">
@tailwind preflight
@tailwind components
@tailwind utilities
<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
.btn {
@apply text-sm font-thin antialiased text-white px-4 py-3 no-underline rounded mx-1 bg-blue-dark;
&:hover,
&:focus
&:focus {
@apply bg-blue-darker
}
}
.btn.is-secondary
@apply bg-grey-dark
.btn.is-secondary {
@apply bg-grey-dark;
&:hover,
&:focus
&:focus {
@apply bg-grey-darker
}
}
.tag
.tag {
@apply text-2xs uppercase py-1 px-2 rounded border border-grey bg-white mr-2 mb-2
}
.tag.is-type
.tag.is-type {
@apply bg-blue-light border-blue-light text-white
}
@tailwind utilities;
</style>