37 lines
1.0 KiB
CSS
37 lines
1.0 KiB
CSS
@tailwind base;
|
||
@tailwind components;
|
||
@tailwind utilities;
|
||
|
||
/* Приховує скроллбар у браузерах на основі WebKit (Chrome, Safari) */
|
||
.no-scrollbar::-webkit-scrollbar {
|
||
display: none;
|
||
}
|
||
|
||
/* Приховує скроллбар у Firefox */
|
||
.no-scrollbar {
|
||
scrollbar-width: none;
|
||
}
|
||
|
||
/* Приховує скроллбар в Internet Explorer та Edge */
|
||
.no-scrollbar {
|
||
-ms-overflow-style: none;
|
||
}
|
||
|
||
/* HTML: <div class="loader"></div> */
|
||
.loader {
|
||
width: 20px;
|
||
aspect-ratio: 2;
|
||
--_g: no-repeat radial-gradient(circle closest-side,#000 90%,#0000);
|
||
background:
|
||
var(--_g) 0% 50%,
|
||
var(--_g) 50% 50%,
|
||
var(--_g) 100% 50%;
|
||
background-size: calc(100%/3) 50%;
|
||
animation: l3 1s infinite linear;
|
||
}
|
||
@keyframes l3 {
|
||
20%{background-position:0% 0%, 50% 50%,100% 50%}
|
||
40%{background-position:0% 100%, 50% 0%,100% 50%}
|
||
60%{background-position:0% 50%, 50% 100%,100% 0%}
|
||
80%{background-position:0% 50%, 50% 50%,100% 100%}
|
||
} |