Use sugarss
This commit is contained in:
parent
a3ff7de9ea
commit
7f605c535b
11 changed files with 42 additions and 40 deletions
|
|
@ -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
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
@import 'components/button';
|
||||
@import 'components/button'
|
||||
|
|
|
|||
|
|
@ -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'
|
||||
|
|
|
|||
Reference in a new issue