Move components into app.css, remove separate files

This commit is contained in:
Oliver Davies 2019-05-29 19:23:36 +01:00
parent 7c6d305eeb
commit 3e5250f6fe
5 changed files with 26 additions and 26 deletions

View file

@ -1,10 +1,32 @@
@tailwind base;
@media (min-height: theme('screens.md')) {
main {
@apply flex flex-col justify-center h-full
}
}
@tailwind components;
@import 'components/balloon.css';
@import 'components/button.css';
@import 'components/main.css';
@import 'components/markup.css';
.tw-bg-balloon {
background-image: url(/themes/dcb2017/images/dcb-bg.jpg)
}
.tw-button {
@apply block uppercase font-bold text-lg py-3 px-5 text-white no-underline bg-black !important;
@screen md {
@apply w-1/2 inline-flex items-center justify-center mx-2 !important
}
&:hover,
&:focus {
@apply bg-green-600 text-white !important
}
}
.markup {
@apply leading-relaxed
}
@tailwind utilities;

View file

@ -1,3 +0,0 @@
.tw-bg-balloon {
background-image: url(/themes/dcb2017/images/dcb-bg.jpg);
}

View file

@ -1,11 +0,0 @@
.tw-button {
@apply block uppercase font-bold text-lg py-3 px-5 text-white no-underline bg-black !important;
@screen md {
@apply w-1/2 inline-flex items-center justify-center mx-2 !important
}
&:hover,
&:focus {
@apply bg-green-600 text-white !important
}
}

View file

@ -1,5 +0,0 @@
@media (min-height: theme('screens.md')) {
main {
@apply flex flex-col justify-center h-full
}
}

View file

@ -1,3 +0,0 @@
.markup {
@apply leading-relaxed
}