extern/nixos-and-flakes-book
1
0
Fork 0
mirror of https://github.com/ryan4yin/nixos-and-flakes-book.git synced 2024-11-26 10:03:13 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: update style of home page

Browse Source
This commit is contained in:
Ryan Yin 2023-08-14 22:28:47 +08:00
parent d7ebec9bf1
commit 4ceb057a70
2 changed files with 42 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
docs/index.md
View File

@ -29,3 +29,24 @@ hero:
# - title: Feature C # - title: Feature C
# details: Lorem ipsum dolor sit amet, consectetur adipiscing elit # details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
--- ---
<style>
:root {
--vp-home-hero-name-color: transparent;
--vp-home-hero-name-background: -webkit-linear-gradient(120deg, #bd34fe 30%, #41d1ff);
--vp-home-hero-image-background-image: linear-gradient(-60deg, #bd34fe 40%, #47caff 60%);
--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>

21
docs/zh/index.md
View File

@ -29,3 +29,24 @@ hero:
# - title: Feature C # - title: Feature C
# details: Lorem ipsum dolor sit amet, consectetur adipiscing elit # details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
--- ---
<style>
:root {
--vp-home-hero-name-color: transparent;
--vp-home-hero-name-background: -webkit-linear-gradient(120deg, #bd34fe 30%, #41d1ff);
--vp-home-hero-image-background-image: linear-gradient(-60deg, #bd34fe 40%, #47caff 60%);
--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>