diff options
author | Aylur <[email protected]> | 2024-09-03 20:32:41 +0200 |
---|---|---|
committer | Aylur <[email protected]> | 2024-09-03 20:32:41 +0200 |
commit | 6f39857dc7bf59d84c89b311690e858ce0a4724e (patch) | |
tree | 4ce9a79816a82de4778e068eadcdfb32b991df17 /docs/src/style.css | |
parent | b8acc3897f5c48a5fc4ba73921c77cae2e91598c (diff) |
docs: migrate to vitepress
vitepress feels a bit more polished and clean
Diffstat (limited to 'docs/src/style.css')
-rw-r--r-- | docs/src/style.css | 72 |
1 files changed, 0 insertions, 72 deletions
diff --git a/docs/src/style.css b/docs/src/style.css deleted file mode 100644 index b6a0047..0000000 --- a/docs/src/style.css +++ /dev/null @@ -1,72 +0,0 @@ -/* Dark mode colors. */ -:root { - --sl-color-accent-low: #10243e; - --sl-color-accent: #3584e4; - --sl-color-accent-high: #99c1f1; - --sl-color-white: #ffffff; - --sl-color-gray-1: #eeeeee; - --sl-color-gray-2: #c2c2c2; - --sl-color-gray-3: #8b8b8b; - --sl-color-gray-4: #585858; - --sl-color-gray-5: #383838; - --sl-color-gray-6: #272727; - --sl-color-black: #171718; -} - -/* Light mode colors. */ -:root[data-theme='light'] { - --sl-color-accent-low: #c5d9f2; - --sl-color-accent: #156ac7; - --sl-color-accent-high: #11325b; - --sl-color-white: #181818; - --sl-color-gray-1: #272727; - --sl-color-gray-2: #383838; - --sl-color-gray-3: #585858; - --sl-color-gray-4: #8b8b8b; - --sl-color-gray-5: #c2c2c2; - --sl-color-gray-6: #eeeeee; - --sl-color-gray-7: #f6f6f6; - --sl-color-black: #ffffff; -} - -:root { - --card-radius: 7px; -} - -article.card { - border-radius: var(--card-radius); - background-color: color-mix(in srgb, var(--sl-color-black), var(--sl-color-white) 2%); - border-color: var(--sl-color-gray-6); -} - -/* landing page gradient */ -:root { - --overlay-gradient: color-mix(in srgb, var(--sl-color-accent), transparent 85%); -} - -:root[data-theme='light'] { - --overlay-gradient: color-mix(in srgb, var(--sl-color-accent), transparent 55%); -} - -[data-has-hero] .page { - background: - linear-gradient(215deg, var(--overlay-gradient), transparent 40%), - radial-gradient(var(--overlay-gradient), transparent 40%) no-repeat -60vw -40vh / 105vw 200vh, - radial-gradient(var(--overlay-gradient), transparent 65%) no-repeat 50% calc(100% + 20rem) / 60rem 30rem; -} - -[data-has-hero] header { - border-bottom: 1px solid transparent; - background-color: transparent; - -webkit-backdrop-filter: blur(16px); - backdrop-filter: blur(16px); -} - -[data-has-hero] .hero>img { - filter: drop-shadow(0 0 3rem var(--overlay-gradient)); -} - -div.showcases { - display: flex; - flex-direction: column; -} |