Fix rendering on webkit

This commit is contained in:
damii 2024-11-17 22:15:46 +11:00
parent 38763aff09
commit 69dbd9fa7b
13 changed files with 252 additions and 282 deletions

View file

@ -5,8 +5,8 @@ pre.shiki {
:where(p, li):has(> code) code {
padding-inline: 0.272rem;
border-radius: 0.272rem;
color: hsl(var(--blue) 100 69);
background-color: hsl(var(--blue) 85 35 / 0.1);
color: hsl(var(--blue) 100% 69%);
background-color: hsl(var(--blue) 85% 35% / 0.1);
}
.shiki,
@ -37,17 +37,17 @@ pre {
font-size: 1.618rem;
font-weight: 500;
border-radius: 0.272rem;
padding: 0.10rem;
padding: 0.1rem;
display: flex;
align-items: center;
justify-content: center;
color: hsl(var(--blue) 100 69);
background-color: hsl(var(--blue) 85 35 / 0.1);
color: hsl(var(--blue) 100% 69%);
background-color: hsl(var(--blue) 85% 35% / 0.1);
cursor: pointer;
transition: color 0.25s;
&:hover {
color: hsl(var(--blue) 100 75);
color: hsl(var(--blue) 100% 75%);
}
&.copied {