Personal-Website/AccessibilityKit.css at master · drwsmth/Personal-Website · 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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
/* Experimental Feature » Reduced Motion Query */

@media (prefers-reduced-motion) {
	section,
	.container,
	.background,
	.background:before,
	.background:after {
		-webkit-animation: 0;
		-moz-animation: 0;
		-o-animation: 0;
		-ms-animation: 0;
		animation: 0;
	}
}

/* Experimental Feature » Night Mode (Inverted) */


/* Experimental Feature » Microsoft Edge High-Contrast W/B  */

@media screen and (-ms-high-contrast: white-on-black) {
	html,
	body {
		color: white !important;
		background-color: black !important;
	}
	h1,h2,h3,h4,h5 {
		color: white;
	}
	hr {
		border: 1px solid white;
	}
	html {
		-webkit-animation: 0;
		-moz-animation: 0;
		-o-animation: 0;
		-ms-animation: 0;
		animation: 0;
		background-color: black;
	}
}

/* Experimental Feature » Microsoft Edge High-Contrast B/W  */

@media screen and (-ms-high-contrast: black-on-white) {
	html,
	body {
		color: black !important;
		background-color: white !important;
	}
	h1,h2,h3,h4,h5 {
		color: black;
	}
	hr {
		border: 1px solid black;
	}
	html {
		-webkit-animation: 0;
		-moz-animation: 0;
		-o-animation: 0;
		-ms-animation: 0;
		animation: 0;
		background-color: white;
	}
}