decePubClient/SCSS/base.scss

92 lines
1.5 KiB
SCSS
Raw Normal View History

2022-02-14 01:51:52 +01:00
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;
}