vitest/docs/main.css
2022-01-13 13:35:25 +08:00

92 lines
1.9 KiB
CSS

:root {
--c-brand: #ca931c;
--c-accent: #729B1B;
--font-family-base: "Readex Pro", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont, sans-serif;
--bg-gradient: 255,255,255;
}
@media (prefers-color-scheme: dark) {
:root {
--c-bg: rgb(20,20,20) !important;
--c-text: rgb(255,255,255,87%) !important;
--c-text-light: #fdd888 !important;
--c-brand: #fdd888 !important;
--c-accent: #90C321 !important;
--bg-gradient: 20,20,20 !important;
--code-inline-bg-color: #282c34aa !important;
}
tr:nth-child(2n) {
background-color: var(--c-bg) !important;
}
tr {
border-top: 1px solid var(--code-inline-bg-color) !important;
}
}
main.home ul > li {
opacity: 0.8;
transition: .1s ease;
}
main.home ul > li:hover {
opacity: 1;
}
main.home {
position: relative;
overflow-x: hidden;
}
main.home::before {
content: '';
inset: 0;
position: absolute;
z-index: -1;
background-image: url("/bg.png");
background-repeat: repeat;
background-size: 50%;
}
@media screen and (max-width: 768px) {
main.home {
background-size: 100%;
}
}
main.home {
background:
radial-gradient(ellipse, rgba(var(--bg-gradient),1) 50%, rgba(var(--bg-gradient),0.4) 120%),
radial-gradient(ellipse at top, rgba(var(--bg-gradient),0.8) 20%, rgba(var(--bg-gradient),0) 100%),
radial-gradient(ellipse at left, rgba(var(--bg-gradient),0.6) 20%, rgba(var(--bg-gradient),0) 100%),
radial-gradient(ellipse at right, rgba(var(--bg-gradient),0.6) 20%, rgba(var(--bg-gradient),0) 100%);
}
.custom-block.tip {
background-color: rgba(255, 229, 100, 0.1)
}
.custom-block.warning {
color: inherit;
}
.nav-bar-title .logo {
height: 1.5em !important;
margin-right: 0.5rem !important;
}
/* Overrides */
.home-content {
max-width: 1800px !important;
}
.custom-block.tip {
border-color: var(--c-accent) !important;
background-color: #90C32130 !important;
}
th, td {
border: 1px solid #8885;
}