26 lines
510 B
SCSS
26 lines
510 B
SCSS
|
@mixin focus-visible() {
|
||
|
|
&:focus-visible {
|
||
|
|
outline: 1px solid var(--primary-color);
|
||
|
|
outline-offset: var(--p-focus-ring-offset);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin doc-link() {
|
||
|
|
color: var(--primary-text-color);
|
||
|
|
font-weight: 500;
|
||
|
|
transition: outline-color .2s, border-color .2s;
|
||
|
|
outline-color: transparent;
|
||
|
|
border-radius: 6px;
|
||
|
|
@include focus-visible();
|
||
|
|
|
||
|
|
&:hover {
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin mobile {
|
||
|
|
@media (max-width: 900px) {
|
||
|
|
@content;
|
||
|
|
}
|
||
|
|
}
|