Use sugarss

This commit is contained in:
Oliver Davies 2019-07-09 03:03:30 +01:00
parent a3ff7de9ea
commit 7f605c535b
11 changed files with 42 additions and 40 deletions

View file

@ -1,18 +1,13 @@
.btn {
@apply text-sm font-thin antialiased text-white px-4 py-3 no-underline rounded mx-1 bg-blue-300;
.btn
@apply text-sm font-thin antialiased text-white px-4 py-3 no-underline rounded mx-1 bg-blue-300
&:hover,
&:focus {
&:focus
@apply bg-blue-400
}
}
.btn.is-secondary {
@apply bg-gray-500;
.btn.is-secondary
@apply bg-gray-500
&:hover,
&:focus {
&:focus
@apply bg-gray-600
}
}

View file

@ -1,12 +1,9 @@
html {
line-height: 1.15;
}
html
line-height: 1.15
h1,
h2 {
h2
@apply font-bold
}
h2 {
h2
@apply text-2xl
}

View file

@ -1 +1 @@
@import 'components/button';
@import 'components/button'

View file

@ -1,9 +1,7 @@
@import 'tailwindcss/base';
@import 'tailwindcss/base'
@import 'custom-base'
@import 'custom-base';
@import 'tailwindcss/components'
@import 'custom-components'
@import 'tailwindcss/components';
@import 'custom-components';
@import 'tailwindcss/utilities';
@import 'tailwindcss/utilities'