trafficlunar/website
1
0
Fork 0
mirror of https://github.com/trafficlunar/website.git synced 2026-03-28 11:03:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: better corners on sections

Browse source 
this took hours 😭
This commit is contained in:
trafficlunar 2026-02-14 22:16:57 +00:00
parent 508731facb
commit b071cd9b8d
1 changed files with 10 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/style.css
View file

@ -91,6 +91,16 @@ section legend {
@apply bg-base-darker absolute -left-[1px] bottom-full px-2 py-0.5 text-overlay2 font-medium text-xs rounded-t-md border border-surface0 border-b-0 font-sans;
}
section legend::before {
@apply content-[''] absolute left-full top-3.5 w-1.5 h-1.5 z-10 bg-surface0;
clip-path: path("M 0,0 V 6 H 6 V 5 C 4.4222222,5 3.2053914,4.4905476 2.3574219,3.6425781 1.5094524,2.7946086 1,1.5777778 1,0 Z");
}
section legend::after {
@apply content-[''] absolute left-full top-3.5 w-1.5 h-1.5 z-20 bg-base-darker;
clip-path: path("M 0,0 V 6 H 6 C 2.4,6 0,3.6 0,0 Z");
}
.link {
@apply text-peach underline decoration-peach hover:bg-peach hover:text-base;
}