Extract btn component

2019-03-05 12:15:24 +00:00 · 2019-03-05 12:15:24 +00:00 · 6de88853d5
commit 6de88853d5
parent 2e0d9eb39d
4 changed files with 521 additions and 23 deletions
--- a/src/App.vue
+++ b/src/App.vue
@ -4,8 +4,22 @@
  </div>
 </template>

-<style>
-@tailwind preflight;
-@tailwind components;
-@tailwind utilities;
+<style lang="sass">
+@tailwind preflight
+@tailwind components
+@tailwind utilities
+
+.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
 </style>