Use CSS transform for skip link (#1206)

pydata · Feb 23, 2023 · 9819171 · 9819171
1 parent 4aa0673
commit 9819171
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/pydata_sphinx_theme/assets/styles/sections/_skip-link.scss b/src/pydata_sphinx_theme/assets/styles/sections/_skip-link.scss
@@ -12,12 +12,13 @@
   background-color: var(--pst-color-background);
   color: var(--pst-color-link);
   padding: 0.5rem;
-  translate: 0 -100%;
-  transition: translate 150ms ease-in-out;
   z-index: $zindex-modal;
   border-bottom: 1px solid var(--pst-color-border);
 
+  // This shows / hides the button
+  transform: translateY(-100%);
+  transition: transform 150ms ease-in-out;
   &:focus {
-    translate: 0;
+    transform: translateY(0%);
   }
 }