implemented eleventy filter for links

This commit is contained in:
sundae 2025-10-19 15:55:35 +03:00
parent fb24c6a302
commit c8223447a0
No known key found for this signature in database
41 changed files with 230 additions and 205 deletions

View file

@ -13,12 +13,24 @@
background-size: auto;
background-repeat: repeat;
box-shadow: inset 0 -2rem 3rem -4rem var(--dark), var(--shadow-heavy);
& aside {
border-width: 2px;
border-style: solid;
background-color: var(--citrus-mix-light);
border-color: var(--citrus-mix);
& aside, .addendum {
border-radius: 0;
border-width: 4px;
border-style: solid;
}
& aside {
border-color: var(--citrus-mix-light);
background-image: linear-gradient(135deg,
var(--citrus-light-extra) 5%,
var(--citrus-light) 50%, var(--citrus-light-extra)
);
}
& .addendum {
border-color: var(--citrus-primary);
background-image: linear-gradient(135deg,
var(--citrus-mix-light) 5%,
var(--citrus-light) 50%, var(--citrus-mix-light)
);
}
& pre {
border-radius: 4px;
@ -26,21 +38,13 @@
background-color: var(--citrus-dark-extra);
background-size: 4px;
}
& [aria-label="Post warning"] {
background-color: var(--citrus-primary);
}
& [aria-label="Addendum"] {
border-image-source: linear-gradient(
45deg,
var(--citrus-primary),
var(--citrus-secondary)
);
& .post-warning {
background-color: var(--citrus-primary);
}
& s {
text-decoration-color: #d00;
}
& [aria-label="Postscript"] {
& .postscript {
& span:has([alt]) {
&::after {
content: "";
@ -72,7 +76,8 @@
ellipse at 50% -0%,
var(--light) 20%,
var(--dark) 150%
), var(--pansexual);
),
var(--pansexual);
background-blend-mode: overlay, normal;
background-size: cover, 100%;
background-position: center;
@ -101,6 +106,3 @@
}
}
}
#blog:not(:has(#posts)) header {
text-align: initial !important;
}

View file

@ -4,8 +4,7 @@
@import url("./nav.css");
@import url("./variables.css");
:is(a, button):not(span *, [aria-label="Postscript"] *, body nav *),
span:has(a),
:is(a, button):not(span *, .postscript *, body nav *),.link,
#posts a {
color: var(--citrus-dark);
transition: background-color var(--trans);

View file

@ -6,9 +6,13 @@ article#badges {
}
}
#interests li {
width: 16ch;
margin: var(--pad-sm);
box-shadow: var(--shadow-light);
background: color-mix(in lch, #ff0, #fff);
background-image: linear-gradient(color-mix(in lch, var(--citrus-light-extra), var(--citrus-primary) 50%), var(--citrus-primary) 200%);
& img {
filter: drop-shadow(0 0 1px var(--citrus-dark));
}
&:nth-child(odd) {
transform: rotate(1deg);
}