mirror of
https://github.com/snachodog/tok-to-insta-follower-bridge.git
synced 2026-06-04 01:57:15 -06:00
docs: add custom theme
This commit is contained in:
@@ -0,0 +1,24 @@
|
|||||||
|
:root {
|
||||||
|
--vp-home-hero-name-color: transparent;
|
||||||
|
--vp-home-hero-name-background: -webkit-linear-gradient(120deg, #3399ff 30%, #0066cc);
|
||||||
|
|
||||||
|
--vp-home-hero-image-background-image: linear-gradient(-45deg, #3399ff 50%, #0066cc 50%);
|
||||||
|
--vp-home-hero-image-filter: blur(44px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.VPImage.image-src {
|
||||||
|
max-width: 180px;
|
||||||
|
max-height: 180px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 640px) {
|
||||||
|
:root {
|
||||||
|
--vp-home-hero-image-filter: blur(56px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 960px) {
|
||||||
|
:root {
|
||||||
|
--vp-home-hero-image-filter: blur(68px);
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,4 @@
|
|||||||
|
import DefaultTheme from 'vitepress/theme'
|
||||||
|
import './custom.css'
|
||||||
|
|
||||||
|
export default DefaultTheme
|
||||||
@@ -31,30 +31,3 @@ features:
|
|||||||
title: Cross-Browser Support
|
title: Cross-Browser Support
|
||||||
details: Available on Chrome, Firefox, and Microsoft Edge for your convenience.
|
details: Available on Chrome, Firefox, and Microsoft Edge for your convenience.
|
||||||
---
|
---
|
||||||
|
|
||||||
<style>
|
|
||||||
:root {
|
|
||||||
--vp-home-hero-name-color: transparent;
|
|
||||||
--vp-home-hero-name-background: -webkit-linear-gradient(120deg, #3399ff 30%, #0066cc);
|
|
||||||
|
|
||||||
--vp-home-hero-image-background-image: linear-gradient(-45deg, #3399ff 50%, #0066cc 50%);
|
|
||||||
--vp-home-hero-image-filter: blur(44px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.VPImage.image-src {
|
|
||||||
max-width: 180px;
|
|
||||||
max-height: 180px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 640px) {
|
|
||||||
:root {
|
|
||||||
--vp-home-hero-image-filter: blur(56px);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 960px) {
|
|
||||||
:root {
|
|
||||||
--vp-home-hero-image-filter: blur(68px);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|||||||
Reference in New Issue
Block a user