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(theme): update button border radius and transition timing

Browse Source
This commit is contained in:
sendevia
2025-10-27 16:49:32 +08:00
parent ec8cf6628a
commit a886639874
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
.vitepress/theme/layouts/Article.vue
View File

@@ -126,13 +126,13 @@ margin-block-end: 12px;
padding: 0px;
border: none;
border-radius: var(--md-sys-shape-corner-large);
border-radius: var(--md-sys-shape-corner-extra-large);
background-color: transparent;
cursor: pointer;
opacity: 0;
transition: border-radius var(--md-sys-motion-spring-default-spatial-duration) var(--md-sys-motion-spring-default-spatial),
transition: border-radius var(--md-sys-motion-spring-fast-spatial-duration) var(--md-sys-motion-spring-fast-spatial),
opacity var(--md-sys-motion-spring-default-effect-duration) var(--md-sys-motion-spring-default-effect);
visibility: hidden;
z-index: 2;
@@ -144,7 +144,13 @@ margin-block-end: 12px;
}
&:active {
border-radius: var(--md-sys-shape-corner-extra-large);
border-radius: var(--md-sys-shape-corner-large);
}
&:focus-visible {
@include mixin.focus-ring($size: 2, $z-index: 3);
outline-color: var(--md-ref-palette-neutral90) !important;
}
}