44 lines
1.2 KiB
CSS
44 lines
1.2 KiB
CSS
body {
|
|
margin: 0;
|
|
font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen',
|
|
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
|
|
sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
overflow: hidden;
|
|
height: 100vh;
|
|
}
|
|
|
|
code {
|
|
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
|
|
monospace;
|
|
}
|
|
|
|
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@layer base {
|
|
h3 {
|
|
@apply pointer-events-none select-none text-xs font-medium leading-tight text-gray-900;
|
|
}
|
|
}
|
|
|
|
@layer components {
|
|
.btn {
|
|
@apply w-2/3 font-semibold text-gray-700 rounded-md border px-2 py-2 border-gray-300 shadow-sm hover:bg-gray-50 focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500;
|
|
}
|
|
.btn:disabled {
|
|
@apply line-through opacity-50 hover:bg-white cursor-default;
|
|
}
|
|
.btn-active {
|
|
@apply ring ring-blue-500;
|
|
}
|
|
.select {
|
|
@apply select-none block rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50;
|
|
}
|
|
.checkbox {
|
|
@apply rounded-md border-2 text-blue-500 mt-2 w-6 h-6;
|
|
}
|
|
}
|