This commit is contained in:
syuilo
2025-03-03 11:44:49 +09:00
parent 006670a207
commit 14a6a71a17

View File

@@ -26,18 +26,31 @@ const highlighted = hash === props.markerId || (props.children && props.children
<style lang="scss" module>
.root {
position: relative;
}
.highlighted {
&::after {
content: '';
position: absolute;
top: -8px;
left: -8px;
width: calc(100% + 16px);
height: calc(100% + 16px);
border-radius: 6px;
animation: blink 1s infinite;
pointer-events: none;
}
}
@keyframes blink {
0%, 100% {
box-shadow: 0 0 0 2px color(from var(--MI_THEME-accent) srgb r g b / 0.3);
background: color(from var(--MI_THEME-accent) srgb r g b / 0.05);
border: 1px solid color(from var(--MI_THEME-accent) srgb r g b / 0.3);
}
50% {
box-shadow: 0 0 0 2px transparent;
background: transparent;
border: 1px solid transparent;
}
}
</style>