autobrr/web/src/index.css
smallobject 11fcf1ead9
Feature: Toast Notification System (#25)
* Add react-hot-toaster to dependencies

* Enable TailwindCSS 'jit' mode

* Add Toast component

* Add Toaster context for react-hot-toast

* Add toast notification for queries, form validation fix

* Add new animations for Toast component

* fix: nickserv account validation

Co-authored-by: Ludvig Lundgren <hello@ludviglundgren.se>
2021-08-31 18:53:42 +02:00

49 lines
No EOL
806 B
CSS

@tailwind base;
@tailwind components;
@tailwind utilities;
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
code {
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
monospace;
}
@keyframes enter {
0% {
transform: scale(.9);
opacity: 0
}
to {
transform: scale(1);
opacity: 1
}
}
.animate-enter {
animation: enter .2s ease-out
}
@keyframes leave {
0% {
transform: scale(1);
opacity: 1
}
to {
transform: scale(.9);
opacity: 0
}
}
.animate-leave {
animation: leave .15s ease-in forwards
}