@indiekit/frontend/components/skip-link/styles.css

Frontend components for Indiekit

.skip-link {
  background-color: var(--color-focus);
  display: block;
  inline-size: 100%;
  padding: var(--space-s);
  position: static;

  &:not(:focus-visible) {
    transform: translateY(-100%);
    transition: transform 0.5s ease-out;
  }
}