chore: add gradient
This commit is contained in:
parent
8cfd5f498e
commit
ee2c779d76
20
index.md
20
index.md
@ -26,4 +26,24 @@ features:
|
|||||||
- title: Your own instance!
|
- title: Your own instance!
|
||||||
details: LonaDB is self-hosted, meaning you can run it on your own server. This allows you to have full control over your data with no one spying.
|
details: LonaDB is self-hosted, meaning you can run it on your own server. This allows you to have full control over your data with no one spying.
|
||||||
---
|
---
|
||||||
|
<style>
|
||||||
|
:root {
|
||||||
|
--vp-home-hero-name-color: transparent;
|
||||||
|
--vp-home-hero-name-background: -webkit-linear-gradient(120deg, #3b82f6 30%, #86efac);
|
||||||
|
|
||||||
|
--vp-home-hero-image-background-image: linear-gradient(-15deg, #1d3cd8 50%, #22c55b 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);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
Loading…
Reference in New Issue
Block a user