calc

1
/*Стили для больших экранов, проект "Калькулятор | ivanvit.ru"
2
Project: https://calc.ivanvit.ru
3

4
GitHub: https://github.com/ivanvit100
5
E-Mail: develope@ivanvit.ru */
6

7
#container.pc{
8
	#calc{
9
		width: 100%;
10
		display: grid !important;
11
		grid-template-columns: 50% 50% !important;
12
	}
13
	#output{
14
		grid-column: 1/3 !important;
15
	}
16
	#common{
17
		display: grid !important;
18
		grid-column: 1 !important;
19
		box-shadow: none !important;
20
	}
21
	#more{
22
		display: grid !important;
23
		grid-column: 2 !important;
24
		display: grid !important;
25
		-webkit-box-shadow: -5px 0px 15px -5px rgba(0, 0, 0, 0.32); 
26
		-moz-box-shadow: -5px 0px 15px -5px rgba(0, 0, 0, 0.32); 
27
		box-shadow: -5px 0px 15px -5px rgba(0, 0, 0, 0.32);
28
	}
29
	#convCont{
30
		display: grid;
31
		grid-template-columns: 50% 50%;
32
		#more{
33
			box-shadow: -5px 10px 15px -5px rgba(0,0,0,0.32);
34
		}
35
		#common{
36
			-webkit-box-shadow: 0px 5px 7px -4px rgba(0, 0, 0, 0.32) inset !important;
37
			-moz-box-shadow: 0px 5px 7px -4px rgba(0, 0, 0, 0.32) inset !important; 
38
			box-shadow: 0px 5px 7px -4px rgba(0, 0, 0, 0.32) inset !important;
39
		}
40
	}
41
	.slide-fade-leave-to{
42
		position: relative;
43
	}
44
	.slide-fade-leave-active{
45
		transition: opacity .3s ease;
46
	}
47
}