sendevia/website
1
0
Fork 0
mirror of https://github.com/sendevia/website.git synced 2026-03-06 07:40:50 +08:00
Code Activity

feat(indicator): replace focus outline with mixin for consistent styling

Browse Source
This commit is contained in:
sendevia
2025-10-27 00:52:33 +08:00
parent 9592fc1021
commit 853ca011d6
2 changed files with 3 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
.vitepress/theme/components/PageIndicator.vue
View File

@@ -355,13 +355,9 @@ if (typeof window !== "undefined") {
border-radius: var(--md-sys-shape-corner-extra-large);
&:focus-visible {
outline: 2px solid var(--md-sys-color-primary);
outline-offset: 2px;
@include mixin.focus-ring($size: 2);
background-color: var(--md-sys-color-surface-container);
transition: background-color var(--md-sys-motion-spring-fast-effect-duration) var(--md-sys-motion-spring-fast-effect);
z-index: 1;
}
}

3
.vitepress/theme/styles/mixin.scss
View File

@@ -74,6 +74,7 @@
animation: focus-ring var(--md-sys-motion-spring-slow-effect-duration) var(--md-sys-motion-spring-slow-effect) forwards;
outline-offset: #{$size}px;
position: relative;
transition: var(--md-sys-motion-spring-fast-spatial-standard-duration) var(--md-sys-motion-spring-fast-spatial-standard);
transition: background-color var(--md-sys-motion-spring-fast-effect-duration) var(--md-sys-motion-spring-fast-effect),
outline var(--md-sys-motion-spring-fast-spatial-standard-duration) var(--md-sys-motion-spring-fast-spatial-standard);
z-index: $z-index;
}