Skip to content

Commit 512e0f4

Browse files
AntreesyAntreesy
authored
Add files via upload
1 parent ef255dd commit 512e0f4

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

46 files changed

+1803
-0
lines changed

‎css/common-styles.css

+187
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,187 @@
1+
html {
2+
-webkit-box-sizing: border-box;
3+
box-sizing: border-box;
4+
scroll-behavior: smooth;
5+
}
6+
7+
*,
8+
*::before,
9+
*::after {
10+
-webkit-box-sizing: inherit;
11+
box-sizing: inherit;
12+
}
13+
14+
a {
15+
color: inherit;
16+
text-decoration: none;
17+
}
18+
19+
body {
20+
font-family: "OpenSans", sans-serif;
21+
font-size: 18px;
22+
scroll-behavior: smooth;
23+
overflow: -moz-scrollbars-none;
24+
-ms-overflow-style: none;
25+
}
26+
27+
body::-webkit-scrollbar {
28+
width: 0 !important;
29+
}
30+
31+
img {
32+
width: 100%;
33+
}
34+
35+
.container {
36+
width: 100%;
37+
max-width: 1700px;
38+
margin: 0 auto;
39+
padding: 0 50px;
40+
}
41+
42+
.ul {
43+
margin: 0;
44+
padding: 0;
45+
list-style-type: none;
46+
}
47+
48+
.text {
49+
margin: 0;
50+
}
51+
52+
/* .link {
53+
} */
54+
55+
.btn {
56+
cursor: pointer;
57+
border-color: transparent;
58+
background-color: transparent;
59+
color: #fff;
60+
}
61+
62+
.burger {
63+
position: relative;
64+
width: 36px;
65+
height: 28px;
66+
flex-shrink: 0;
67+
}
68+
.burger [class*="bar-"] {
69+
position: relative;
70+
background: #fff;
71+
display: block;
72+
height: 13%;
73+
margin-bottom: 24%;
74+
transition-property: background-color, transform;
75+
transition-duration: 0.2s;
76+
transition-timing-function: ease;
77+
}
78+
.burger:hover [class*="bar-"] {
79+
background-color: #9d5cd0;
80+
}
81+
.burger:focus,
82+
.burger:focus-visible {
83+
outline: none;
84+
}
85+
.burger:focus [class*="bar-"],
86+
.burger:focus-visible [class*="bar-"] {
87+
background-color: #9d5cd0;
88+
outline: none;
89+
}
90+
.burger:active:focus,
91+
.burger:active:focus-visible {
92+
outline: none;
93+
}
94+
.burger:active:focus [class*="bar-"],
95+
.burger:active:focus-visible [class*="bar-"] {
96+
background-color: #7943a4;
97+
outline: none;
98+
}
99+
100+
.burger .burger__bar-top {
101+
width: 100%;
102+
}
103+
.burger .burger__bar-mid {
104+
width: 78%;
105+
}
106+
.burger .burger__bar-bot {
107+
width: 66%;
108+
margin-bottom: 0;
109+
}
110+
.burger.is-active [class*="bar-"] {
111+
transform: scaleX(0%);
112+
}
113+
114+
.burger__closer {
115+
position: relative;
116+
width: 29px;
117+
height: 29px;
118+
margin-bottom: 46px;
119+
cursor: pointer;
120+
}
121+
.burger__closer [class*="closer-"] {
122+
position: absolute;
123+
top: 44.8%;
124+
left: -11%;
125+
background: #fff;
126+
width: 127.6%;
127+
display: block;
128+
height: 10.3%;
129+
transition-property: background-color, transform;
130+
transition-duration: 0.2s;
131+
transition-delay: 0.2s;
132+
transition-timing-function: ease;
133+
}
134+
.burger__closer-l {
135+
transform: rotate(45deg);
136+
}
137+
.burger__closer-r {
138+
transform: rotate(-45deg);
139+
}
140+
141+
.search {
142+
position: relative;
143+
background-color: transparent;
144+
padding: 0;
145+
padding-left: 0;
146+
padding-bottom: 2px;
147+
border: none;
148+
border-bottom: 1px solid #fff;
149+
color: #fff;
150+
}
151+
.search::placeholder {
152+
color: #fff;
153+
opacity: 0.85;
154+
}
155+
156+
@media screen and (max-width: 576px) {
157+
.container {
158+
padding: 0 15px;
159+
}
160+
161+
.burger {
162+
width: 25px;
163+
height: 18px;
164+
}
165+
166+
.burger [class*="bar-"] {
167+
height: 11.1%;
168+
margin-bottom: 24%;
169+
}
170+
.burger .burger__bar-top {
171+
width: 100%;
172+
}
173+
.burger .burger__bar-mid {
174+
width: 64%;
175+
}
176+
.burger .burger__bar-bot {
177+
width: 40%;
178+
}
179+
}
180+
181+
@media screen and (max-width: 320px) {
182+
.burger__closer {
183+
width: 15px;
184+
height: 15px;
185+
margin-bottom: 21px;
186+
}
187+
}

0 commit comments

Comments
 (0)