toshiki-notebook/docs/.vitepress/theme/styles/vars.css

22 lines
575 B
CSS

/* global tweak styles for hero image gradient filter */
:root {
--vp-home-hero-name-color: transparent;
--vp-home-hero-name-background: -webkit-linear-gradient(315deg, #42d392 25%, #647eff);
--vp-home-hero-image-background-image: linear-gradient(-45deg, #42d392 50%, #47caff 50%);
--vp-home-hero-image-filter: blur(40px);
}
@media (min-width: 640px) {
:root {
--vp-home-hero-image-filter: blur(56px);
}
}
@media (min-width: 960px) {
:root {
--vp-home-hero-image-filter: blur(72px);
}
}
/* hero image gradient styles end */