Skip to content

Commit 9819171

Browse files
authored
Use CSS transform for skip link (#1206)
1 parent 4aa0673 commit 9819171

File tree

1 file changed

+4
-3
lines changed

1 file changed

+4
-3
lines changed

src/pydata_sphinx_theme/assets/styles/sections/_skip-link.scss

+4-3
Original file line numberDiff line numberDiff line change
@@ -12,12 +12,13 @@
1212
background-color: var(--pst-color-background);
1313
color: var(--pst-color-link);
1414
padding: 0.5rem;
15-
translate: 0 -100%;
16-
transition: translate 150ms ease-in-out;
1715
z-index: $zindex-modal;
1816
border-bottom: 1px solid var(--pst-color-border);
1917

18+
// This shows / hides the button
19+
transform: translateY(-100%);
20+
transition: transform 150ms ease-in-out;
2021
&:focus {
21-
translate: 0;
22+
transform: translateY(0%);
2223
}
2324
}

0 commit comments

Comments
 (0)