79 lines
1.8 KiB
CSS
79 lines
1.8 KiB
CSS
@import "tailwindcss/base";
|
|
@import "tailwindcss/components";
|
|
|
|
@import "additions/animations.css";
|
|
@import "additions/fonts.css";
|
|
@import "additions/buttons.css";
|
|
@import "additions/cards.css";
|
|
@import "additions/forms.css";
|
|
@import "additions/progress.css";
|
|
@import "additions/scrollbar.css";
|
|
@import "additions/loaders.css";
|
|
|
|
@import "tailwindcss/utilities";
|
|
|
|
#blazor-error-ui {
|
|
display: none;
|
|
}
|
|
|
|
#loader {
|
|
display: block;
|
|
width: 10rem;
|
|
height: 10rem;
|
|
border-radius: 50%;
|
|
border: 3px solid transparent;
|
|
border-top-color: #9370DB;
|
|
-webkit-animation: spin 2s linear infinite;
|
|
animation: spin 2s linear infinite;
|
|
@apply border-t-primary-500
|
|
}
|
|
#loader:before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 5px;
|
|
right: 5px;
|
|
bottom: 5px;
|
|
border-radius: 50%;
|
|
border: 3px solid transparent;
|
|
-webkit-animation: spin 3s linear infinite;
|
|
animation: spin 3s linear infinite;
|
|
@apply border-t-tertiary-500
|
|
}
|
|
#loader:after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 15px;
|
|
left: 15px;
|
|
right: 15px;
|
|
bottom: 15px;
|
|
border-radius: 50%;
|
|
border: 3px solid transparent;
|
|
-webkit-animation: spin 1.5s linear infinite;
|
|
animation: spin 1.5s linear infinite;
|
|
@apply border-t-info-500
|
|
}
|
|
@-webkit-keyframes spin {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
-ms-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
-ms-transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
@keyframes spin {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
-ms-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
-ms-transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
}
|
|
} |