idk
This commit is contained in:
parent
862b11b9ef
commit
9c6da082a0
31 changed files with 441 additions and 263 deletions
|
|
@ -16,14 +16,27 @@
|
|||
}
|
||||
|
||||
.inline-code {
|
||||
border-radius: var(--radius-md);
|
||||
border-radius: var(--space-2);
|
||||
border: 1px solid var(--theme-separator);
|
||||
background-color: var(--theme-background-alt);
|
||||
color: var(--theme-foreground);
|
||||
padding: 0.1em 0.5em;
|
||||
color: var(--text-foreground-alt);
|
||||
padding: 0em 0.75em;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
line-height: 2;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
#logo-home > img {
|
||||
height: 2.4rem;
|
||||
}
|
||||
|
||||
nav {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-bottom: var(--spacing-2xl);
|
||||
}
|
||||
|
||||
|
|
@ -31,20 +44,32 @@ nav ul {
|
|||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
gap: var(--spacing-md);
|
||||
padding: var(--space-1);
|
||||
gap: var(--space-1);
|
||||
|
||||
font-family: monospace;
|
||||
font-size: var(--font-size-md);
|
||||
font-weight: 500;
|
||||
|
||||
background-color: var(--theme-surface);
|
||||
border: 1px solid var(--theme-surface-border);
|
||||
border-radius: 1000px;
|
||||
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
nav li a {
|
||||
padding: 0.35em 1.5em;
|
||||
color: var(--theme-foreground-alt);
|
||||
padding: var(--space-pad-surface) var(--space-4);
|
||||
line-height: 1rem;
|
||||
display: block;
|
||||
}
|
||||
|
||||
nav li.selected a {
|
||||
background-color: var(--theme-primary);
|
||||
color: var(--theme-background);
|
||||
border-radius: var(--radius-lg);
|
||||
font-weight: 600;
|
||||
border-radius: 1000px;
|
||||
}
|
||||
|
||||
nav a {
|
||||
|
|
@ -106,27 +131,17 @@ section::before {
|
|||
}
|
||||
}
|
||||
|
||||
.typewriting a::after,
|
||||
#donation a::after,
|
||||
#links a::after,
|
||||
#about a::after,
|
||||
article a::after {
|
||||
#contact a::after,
|
||||
:is(.typewriting, article) a:not([href^="#"])::after {
|
||||
display: inline-block;
|
||||
width: 0.9em;
|
||||
height: 0.9em;
|
||||
margin-left: var(--space-1);
|
||||
vertical-align: -0.1em;
|
||||
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a7a0ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 6h-6a2 2 0 0 0 -2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-6' /%3E%3Cpath d='M11 13l9 -9' /%3E%3Cpath d='M15 4h5v5' /%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
.typewriting a::after,
|
||||
#donation a::after,
|
||||
#links a::after,
|
||||
#about a::after,
|
||||
article a::after {
|
||||
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236f65f2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 6h-6a2 2 0 0 0 -2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-6' /%3E%3Cpath d='M11 13l9 -9' /%3E%3Cpath d='M15 4h5v5' /%3E%3C/svg%3E");
|
||||
}
|
||||
vertical-align: -0.2em;
|
||||
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5e0dc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 6h-6a2 2 0 0 0 -2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-6' /%3E%3Cpath d='M11 13l9 -9' /%3E%3Cpath d='M15 4h5v5' /%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
section.typewriting a,
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue