flying-focus/flying-focus.css at main · eokic/flying-focus · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
#flying-focus {
  position: absolute;
  margin: 0;
  visibility: hidden;
  outline: var(--focus-sr-width, 0.25rem) var(--focus-sr-style, solid)
    var(--focus-sr-color, red);
  outline-offset: var(--focus-sr-offset, 0.2em);
  background: transparent;
  pointer-events: none;
  -webkit-transition: all var(--focus-transition-duration, 500ms)
    cubic-bezier(0, 1, 0, 1);
  transition: all var(--focus-transition-duration, 500ms)
    cubic-bezier(0, 1, 0, 1);
}

#flying-focus.flying-focus_visible {
  visibility: visible;
  z-index: 9999;
}

.flying-focus_target {
  outline: none !important; /* Doesn't work in Firefox :( */
}

/* http://stackoverflow.com/questions/71074/how-to-remove-firefoxs-dotted-outline-on-buttons-as-well-as-links/199319 */
.flying-focus_target::-moz-focus-inner {
  border: 0 !important;
}