primevue-mirror/assets/styles/layout/_mixins.scss

19 lines
437 B
SCSS

@mixin focus-visible() {
&:focus-visible {
outline: 1px solid var(--primary-color);
outline-offset: var(--focus-ring-offset, 2px);
}
}
@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;
}
}