2024-02-11 21:25:50 +00:00
|
|
|
@mixin focus-visible() {
|
2023-10-13 22:09:30 +00:00
|
|
|
&:focus-visible {
|
2024-02-11 21:25:50 +00:00
|
|
|
outline: 1px solid var(--primary-color);
|
|
|
|
outline-offset: var(--focus-ring-offset, 2px);
|
2023-10-13 22:09:30 +00:00
|
|
|
}
|
2023-12-31 08:35:02 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
@mixin doc-link() {
|
2024-02-11 21:25:50 +00:00
|
|
|
color: var(--primary-text-color);
|
2023-12-31 08:35:02 +00:00
|
|
|
font-weight: 500;
|
2024-02-11 21:25:50 +00:00
|
|
|
transition: outline-color .2s, border-color .2s;
|
|
|
|
outline-color: transparent;
|
|
|
|
border-radius: 6px;
|
2023-12-31 08:35:02 +00:00
|
|
|
@include focus-visible();
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
text-decoration: underline;
|
|
|
|
}
|
2023-10-13 22:09:30 +00:00
|
|
|
}
|