primevue-mirror/apps/showcase/assets/styles/layout/_mixins.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;
}
}