wagtail/client/scss/components/_skiplink.scss

.skiplink {
  display: block;
  position: fixed;
  top: -1000rem;
  inset-inline-start: 1rem;
  z-index: 3000;

  &:focus {
    top: 1rem;
  }

  &.button {
    background: theme('colors.secondary.DEFAULT');
    border: theme('colors.secondary.DEFAULT');
  }
}
Add skip link for keyboard users. Fix #5406 (#5780) Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com> 2020-07-21 19:16:36 +02:00			`.skiplink {`
			`display: block;`
			`position: fixed;`
			`top: -1000rem;`
Convert all UI code to CSS logical properties (#8051) - Rewrite all styles to use logical properties - Update Stylelint configuration to include logical properties checks 2022-03-15 14:21:06 +01:00			`inset-inline-start: 1rem;`
Add mobile support for sidebar sub-panels 2022-01-10 23:32:46 +01:00			`z-index: 3000;`
Add skip link for keyboard users. Fix #5406 (#5780) Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com> 2020-07-21 19:16:36 +02:00
			`&:focus {`
			`top: 1rem;`
			`}`

			`&.button {`
Resolved the skip link contrast issues to meet requirements - Update client/scss/components/_skiplink.scss - fixes #9515 2022-11-01 09:39:44 +01:00			`background: theme('colors.secondary.DEFAULT');`
			`border: theme('colors.secondary.DEFAULT');`
Add skip link for keyboard users. Fix #5406 (#5780) Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com> 2020-07-21 19:16:36 +02:00			`}`
			`}`