-
Notifications
You must be signed in to change notification settings - Fork 0
/
styles.css
121 lines (119 loc) · 7.03 KB
/
styles.css
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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
* {
box-sizing: border-box;
}
html {
line-height: 1.15;
}
body {
display: block;
margin: 0;
}
.hidden {
display: none;
}
app-root {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
background: #fff;
}
app-header > .contentWrapper {
position: fixed;
right: 0;
top: 0;
z-index: 3;
width: 100%;
opacity: 0;
transition: opacity .35s ease-out;
}
app-header > .contentWrapper:before {
content: "";
display: block;
position: absolute;
background: #000;
opacity: 0;
width: 100%;
padding: 40px 0;
z-index: -2;
transition: opacity .35s ease-out;
}
app-header > .contentWrapper.show:before {
opacity: 1;
--color-main: #d34f48;
transform: matrix(1, 0, 0, 1, 0, 0);
}
.logoMain {
position: absolute;
width: 50px;
height: 50px;
margin: 0;
left: 15px;
top: 12.5px;
}
@media (min-width: 769px) {
.logoMain {
margin: 0 0 0 70px;
}
}
@media (max-width: 768px) {
.logoMain {
left: 10px;
}
}
.logoMain .logo {
margin: 0;
width: 50px;
height: 50px;
background-size: contain;
background-repeat: no-repeat;
display: inline-block;
transition: all .25s cubic-bezier(0,0,.2,1);
background-image: url('data:image/png;base64,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');
}
.burgerIcon {
width: 50px;
height: 50px;
top: 25px;
left: 15px;
cursor: pointer;
z-index: 99;
display: block;
position: absolute;
margin: 0 auto;
background: transparent;
vertical-align: middle;
transition: opacity .35s ease-in-out;
}
.burgerIcon:before {
top: 0;
backface-visibility: hidden;
position: absolute;
left: 13px;
right: 13px;
border-top: 4px solid #fff;
transition: .2s;
border-radius: 7px;
content: "";
}
.burgerIcon span {
top: 8px;
backface-visibility: hidden;
position: absolute;
left: 13px;
right: 13px;
border-top: 4px solid #fff;
transition: .2s;
border-radius: 7px;
}
.burgerIcon:after {
backface-visibility: hidden;
position: absolute;
left: 13px;
right: 13px;
border-top: 4px solid #fff;
transition: .2s;
border-radius: 7px;
top: 16px;
content: "";
}