dva-visualize/style.css at main · jamesWalker55/dva-visualize · 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
/*
colors
https://coolors.co/9e6240-dea47e-cd4631-f8f2dc-81adc8
9e6240
dea47e
cd4631
f8f2dc
81adc8
 */

body {
	background-color: #f4f1de;
}

#full-screen {
	min-width: 100vw;
	min-height: 100vh;
	max-width: 100vw;
	max-height: 100vh;
	overflow: hidden;
}

#ratio-test {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgb(255,255,255,0.97);
	display: flex;
	display: none;
	flex-direction: column;
	opacity: 0.3;
}

#ratio-a { flex-grow: 1; background-color: #cd4631;}
#ratio-b { flex-grow: 1; background-color: #9e6240;}
#ratio-c { flex-grow: 1; background-color: #81adc8;}
#ratio-d { flex-grow: 1.5; background-color: #f8f2dc;}