feat: use the built-in dark mode by tailwind

This commit is contained in:
Anthony Fu committed 2020-09-16 00:00:02 +08:00
1 parent 0a3d6d4cab
commit 269bf503c2
6 files changed
+342 -508

No files matched your search

+13 -4
View File
@@ -2,21 +2,30 @@
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';
html, body, #app {
html,
body,
#app {
height: 100vh;
width: 100vw;
margin: 0;
padding: 0;
}
.schema-dark {
html.dark {
background: #222;
}
.btn {
@apply px-4 py-1 rounded bg-teal-600 inline-block text-white cursor-pointer hover:bg-teal-700 disabled:cursor-default disabled:bg-gray-600 disabled:opacity-50;
@apply
px-4 py-1 rounded inline-block
bg-teal-600 text-white cursor-pointer
hover:bg-teal-700
disabled:cursor-default disabled:bg-gray-600 disabled:opacity-50;
}
.icon-btn {
@apply opacity-75 transition duration-200 ease-in-out cursor-pointer inline-block select-none hover:opacity-100;
@apply
inline-block cursor-pointer select-none
opacity-75 transition duration-200 ease-in-out
hover:opacity-100;
}