TextFieldCalculator/main.css at master · samfundev/TextFieldCalculator · 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
body {
	font-size: 35px;
	font-family: sans-serif;
}

header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid black;
	margin-bottom: 0.25em;
}

footer {
	margin-top: auto;
	text-align: center;
}

a {
	font-size: 75%;
}

@media (prefers-color-scheme: dark) {
	body {
		background-color: rgb(50, 50, 50);
		color: white;
	}

	header {
		border-bottom-color: white !important;
	}

	textarea {
		background-color: rgb(40, 40, 40);
		color: inherit;
		border-color: rgb(80, 80, 80);
		border-style: solid;
		border-width: 1px;
	}

	a:link {
		color: rgb(170, 170, 170);
	}

	a:visited {
		color: rgb(130, 130, 130);
	}
}

.toastify {
	padding-right: 40px;
	max-width: 50ch;
	background: #5477f5;
}

.toast-close {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 4px 5px;
  line-height: 1;
  opacity: 1;
  border: 1px solid white;
  border-radius: 5px;
}