92 lines
1.5 KiB
SCSS
92 lines
1.5 KiB
SCSS
body {
|
|
color: var(--text-color);
|
|
background-color: var(--background);
|
|
}
|
|
|
|
.background {
|
|
background-color: var(--background);
|
|
}
|
|
|
|
details > summary::-webkit-details-marker {
|
|
color: var(--text-color)
|
|
}
|
|
|
|
:focus-visible {
|
|
outline: none
|
|
}
|
|
|
|
*, ::after, ::before {
|
|
scrollbar-color: inherit;
|
|
scrollbar-width: inherit;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 8px;
|
|
}
|
|
|
|
::-webkit-scrollbar-button {
|
|
width: 8px;
|
|
height: 5px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
border: thin solid transparent;
|
|
box-shadow: none;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: var(--primary-color-dark);
|
|
border: thin solid transparent;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: var(--primary-color-dark);
|
|
}
|
|
|
|
::-moz-selection { /* Code for Firefox */
|
|
color: var(--primary-color);
|
|
background: var(--primary-color-dark);
|
|
}
|
|
|
|
::selection {
|
|
color: var(--primary-color);
|
|
background: var(--primary-color-dark);
|
|
}
|
|
|
|
.flex.flex-col-reverse>div:first-child {
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
.loadAnimation span {
|
|
animation-name: blink;
|
|
animation-duration: 1.4s;
|
|
animation-iteration-count: infinite;
|
|
animation-fill-mode: both;
|
|
}
|
|
|
|
.loadAnimation span:nth-child(1) {
|
|
animation-delay: .4s;
|
|
}
|
|
|
|
.loadAnimation span:nth-child(2) {
|
|
animation-delay: .3s;
|
|
}
|
|
|
|
.loadAnimation span:nth-child(3) {
|
|
animation-delay: .2s;
|
|
}
|
|
|
|
.loadAnimation span:nth-child(4) {
|
|
animation-delay: .2s;
|
|
}
|
|
|
|
.loadAnimation span:nth-child(5) {
|
|
animation-delay: .3s;
|
|
}
|
|
|
|
.loadAnimation span:nth-child(6) {
|
|
animation-delay: .4s;
|
|
} |