src/_mixins.scss


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
29
30

@mixin unfocused-style {
  @content;

  &:focus:not(:focus-visible, :hover) {
    @content;
  }
}

@mixin focused-style {
  &:hover,
  &:focus {
    @content;
  }

  &:focus-visible {
    @content;
  }
}

@mixin visible-for-screenreader-only {
  display: block;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  visibility: visible;
  clip: rect(0 0 0 0);
  padding: 0;
  position: absolute;
}