new icons

This commit is contained in:
sundae 2025-09-09 18:12:57 +03:00
parent bc8100b101
commit e14118f864
No known key found for this signature in database
29 changed files with 115 additions and 59 deletions

View file

@ -1,6 +1,7 @@
@import url("./variables.css");
@import url("../default/variables.css");
@import url("./nav.css");
#bio,
#interests,
#badges,
@ -72,7 +73,7 @@ article {
border-radius: inherit;
background-color: color-mix(in lch, magenta, white);
&:is(:hover, :focus) {
background-color: magenta;
background-color: color-mix(in lch, magenta, white 30%);
}
}
& code:not(pre *) {
@ -85,12 +86,17 @@ article {
#interests div:has(img)::after {
display: none !important;
}
#interests li:has(div img) {
margin: var(--pad-sm);
box-shadow: var(--shadow);
background: color-mix(in lch, yellow, white);
&:nth-child(odd) {
transform: rotate(1deg);
#interests li {
& a {
align-content: center;
}
&:has(div img) {
margin: var(--pad-sm);
box-shadow: var(--shadow);
background: color-mix(in lch, yellow, white);
&:nth-child(odd) {
transform: rotate(1deg);
}
}
}
ul:not([role]) li::before {
@ -164,6 +170,9 @@ a:has(img[src*="/assets/img/button"]):is(:hover, :focus) img {
& p {
color: initial;
}
& p:not(:last-child) {
color: color-mix(in lch, var(--dark), var(--light) 50%);
}
&:is(:hover, :focus) {
border-color: currentColor;
}
@ -211,7 +220,7 @@ a:has(img[src*="/assets/img/button"]):is(:hover, :focus) img {
height: 32px;
width: calc(100% + var(--pad-xl) * 2);
margin: -4rem 0 var(--pad-l) calc(var(--pad-xl) * -1);
background-image: var(--border), var(--lined);
background-image: var(--border), var(--lined), var(--noise);
background-size: 32px, 32px;
background-blend-mode: darken;
}