fixed badges, sections, light theme dimming, added font pull from google api

This commit is contained in:
Xanazf 2024-10-19 03:28:55 +03:00
parent d2aa5fb942
commit cf4839b685
Signed by: Xanazf
GPG key ID: 4E4A5AD1FB748427
4 changed files with 46 additions and 16 deletions

View file

@ -26,3 +26,7 @@ const { title, description } = Astro.props;
<meta name="twitter:title" content={title} /> <meta name="twitter:title" content={title} />
<meta name="twitter:description" content={description} /> <meta name="twitter:description" content={description} />
<!-- <meta name="twitter:image" content={image} /> --> <!-- <meta name="twitter:image" content={image} /> -->
<!-- Font -->
<link rel="preconnect" href="https://fonts.googleapis.com"/>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
<link href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet"/>

View file

@ -19,3 +19,12 @@
border-radius: 5px; border-radius: 5px;
width: max-content; width: max-content;
} }
@media (max-width: 40rem) {
.type-badges {
max-width: 50%;
padding-top: 0.317rem;
flex-flow: row wrap;
justify-content: initial;
}
}

View file

@ -34,10 +34,12 @@
left: 0; left: 0;
width: 100%; width: 100%;
height: 1px; height: 1px;
background: linear-gradient(90deg, background: linear-gradient(
90deg,
transparent 25%, transparent 25%,
hsla(var(--accent-500) / 0.88) 50%, hsla(var(--accent-500) / 0.88) 50%,
transparent 75%); transparent 75%
);
} }
} }
} }
@ -357,9 +359,11 @@ html.dark .typevariants {
&::before { &::before {
width: 0; width: 0;
background: linear-gradient(to right, background: linear-gradient(
to right,
hsla(var(--accent-400) / 0.5) var(--percent), hsla(var(--accent-400) / 0.5) var(--percent),
hsla(var(--accent-400) / 0) 100%); hsla(var(--accent-400) / 0) 100%
);
animation: percentToZero 250ms ease-in-out forwards; animation: percentToZero 250ms ease-in-out forwards;
transition: width 0.25s ease-in-out; transition: width 0.25s ease-in-out;
} }
@ -380,7 +384,11 @@ html.dark .typevariants {
.typedocs-content { .typedocs-content {
margin-inline: 1.272rem; margin-inline: 1.272rem;
<<<<<<< HEAD
&>p { &>p {
=======
& > p {
>>>>>>> 0525431 (fixed badges, sections, light theme dimming, added font pull from google api)
margin-block: 1.217rem; margin-block: 1.217rem;
} }
} }

View file

@ -1,6 +1,10 @@
@import "./docs-config.css"; @import "./docs-config.css";
@import "./docs-types.css"; @import "./docs-types.css";
.docslayout {
transition: background-color 0.3s;
}
.docslayout-root { .docslayout-root {
margin-inline: 0.618rem; margin-inline: 0.618rem;
margin-top: 3.5rem; margin-top: 3.5rem;
@ -26,6 +30,11 @@
pointer-events: none; pointer-events: none;
} }
:not(html.dark) > .dim-content-toc,
:not(html.dark) > .dim-content-nav {
background-color: #909090;
}
.docs-content { .docs-content {
flex-grow: 1; flex-grow: 1;