Skip to content

Commit e52495b

Browse files
sapphi-redlukastaegert
sapphi-red
and
lukastaegert
authored
Tweak document landing page (#4822)
* Enlarge logo * Gradient background for title and logo Co-authored-by: Lukas Taegert-Atkinson <lukastaegert@users.noreply.github.com>
1 parent f7c0795 commit e52495b

2 files changed

Lines changed: 36 additions & 2 deletions

File tree

‎docs/.vitepress/theme/custom.css‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,3 +5,37 @@
55
--vp-c-brand-dark: hsl(0 85% 57%);
66
--vp-c-brand-darker: hsl(0 85% 40%);
77
}
8+
9+
:root {
10+
--vp-home-hero-name-color: transparent;
11+
--vp-home-hero-name-background: -webkit-linear-gradient(
12+
120deg,
13+
hsl(0 100% 60%),
14+
hsl(15 100% 60%) 35%,
15+
hsl(23 96% 62%) 45%,
16+
hsl(0 100% 60%) 65%,
17+
hsl(358 58% 47%)
18+
);
19+
20+
--vp-home-hero-image-background-image: linear-gradient(
21+
-45deg,
22+
hsl(0 100% 60% / 80%),
23+
hsl(15 100% 60% / 80%) 40%,
24+
hsl(23 96% 62% / 80%) 45%,
25+
hsl(0 100% 60% / 80%) 60%,
26+
hsl(358 58% 47% / 80%)
27+
);
28+
--vp-home-hero-image-filter: blur(40px);
29+
}
30+
31+
@media (min-width: 640px) {
32+
:root {
33+
--vp-home-hero-image-filter: blur(56px);
34+
}
35+
}
36+
37+
@media (min-width: 960px) {
38+
:root {
39+
--vp-home-hero-image-filter: blur(72px);
40+
}
41+
}

‎docs/public/rollup-logo.svg‎

Lines changed: 2 additions & 2 deletions
Loading

0 commit comments

Comments
 (0)