mirror of
https://github.com/m3y54m/Embedded-Engineering-Roadmap.git
synced 2026-10-10 08:18:16 +03:00
fix(site): soften cluster header hover and selected highlight
This commit is contained in:
+8
-13
@@ -277,17 +277,12 @@
|
||||
|
||||
.header-bg {
|
||||
fill: transparent;
|
||||
stroke: transparent;
|
||||
stroke-width: 2;
|
||||
transition: fill 0.15s;
|
||||
}
|
||||
|
||||
.box.header.target:hover .header-bg {
|
||||
fill: color-mix(in srgb, var(--accent) 16%, transparent);
|
||||
}
|
||||
|
||||
.box.header.lit .header-bg {
|
||||
fill: color-mix(in srgb, var(--accent) 9%, transparent);
|
||||
.box.header.target:hover .header-bg,
|
||||
.box.header.selected .header-bg {
|
||||
fill: color-mix(in srgb, var(--accent) 14%, transparent);
|
||||
}
|
||||
|
||||
.group-tag.target:hover .tag-bg {
|
||||
@@ -300,17 +295,17 @@
|
||||
stroke-width: 3;
|
||||
}
|
||||
|
||||
.box.header.selected .header-bg {
|
||||
stroke: var(--text);
|
||||
}
|
||||
|
||||
.box.target:focus-visible .box-bg,
|
||||
.box.header.target:focus-visible .header-bg,
|
||||
.group-tag.target:focus-visible .tag-bg {
|
||||
stroke: var(--accent);
|
||||
stroke-width: 3.5;
|
||||
}
|
||||
|
||||
.box.header.target:focus-visible .header-bg {
|
||||
stroke: var(--accent);
|
||||
stroke-width: 2;
|
||||
}
|
||||
|
||||
.layer-boxes .box {
|
||||
transition: opacity 0.2s;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user