aboutsummaryrefslogtreecommitdiffstats
path: root/src/styles/base/_helpers.scss
blob: e38d398f731a0ea9fed7d72029d210927623d85e (plain)
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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
@use "../abstracts/functions" as fun;
@use "../abstracts/mixins" as mix;

/*=========================================================================
>>> TABLE OF CONTENTS:
===========================================================================
	1.0 Accessibility
	2.0. Alignments
===========================================================================*/

//=========================================================================
// 1.0. Accessibility
//=========================================================================

/* Text meant only for screen readers. */
.screen-reader-text {
  @include mix.visually-hidden;

  &:focus {
    display: block;
    width: auto;
    height: auto;
    left: var(--spacing-2xs);
    top: var(--spacing-xs);
    z-index: 100000;
    clip: auto !important;
    color: var(--color-fg-inverted);
  }
}

@include mix.motion("reduce") {
  *,
  *::after,
  *::before {
    animation: none !important;
    transition: none !important;
  }
}

[data-reduced-motion="true"] {
  *,
  *::after,
  *::before {
    animation: none !important;
    transition: none !important;
  }
}