Skip to content

V
volga
Commit b18d1275 authored by dagalkova's avatar dagalkova
Browse files
Options

Update

parent 3b65515d
Expand all Show whitespace changes
Inline Side-by-side
Showing with 84 additions and 28 deletions
index.html
View file @ b18d1275
...@@ -287,14 +287,18 @@ ...@@ -287,14 +287,18 @@
<ul class="second-mob"> <ul class="second-mob">
<li class="second-mob-item"> <li class="second-mob-item">
<a class="second-mob-item__link" href="#"> <a class="second-mob-item__link" href="#">
<img src="img/search.svg" alt="icon: search"> <svg class="second-menu-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#search"></use>
</svg>
<span>Поиск</span> <span>Поиск</span>
</a> </a>
</li> </li>
<li class="second-mob-item"> <li class="second-mob-item">
<a class="second-mob-item__link" href="#"> <a class="second-mob-item__link" href="#">
<div class="second-mob-item__link__login"> <div class="second-mob-item__link__login">
<img src="img/login.svg" alt="icon: login"> <svg class="second-menu-item__link__icon" width="20" height="20" viewBox="0 0 20 20">
<use xlink:href="img/second_menu.svg#login"></use>
</svg>
<span>Войти</span> <span>Войти</span>
</div> </div>
</a> </a>
...@@ -746,12 +750,14 @@ ...@@ -746,12 +750,14 @@
let secondSubmenus = document.querySelectorAll('.second-submenu'); let secondSubmenus = document.querySelectorAll('.second-submenu');
for (let i = 0; i < menuItems.length; i++) { for (let i = 0; i < menuItems.length; i++) {
menuItems[i].addEventListener('click', () => { menuItems[i].addEventListener('click', () => {
for (let j = 0; j < menuItems.length; j++) { //for (let j = 0; j < menuItems.length; j++) {
if (submenus[j].classList.contains('submenu--active')) { if (submenus[i].classList.contains('submenu--active')) {
submenus[j].classList.remove('submenu--active'); submenus[i].classList.remove('submenu--active');
}
} }
else {
//}
submenus[i].classList.add('submenu--active'); submenus[i].classList.add('submenu--active');
}
}); });
} }
for (let i = 0; i < secondMenuItems.length; i++) { for (let i = 0; i < secondMenuItems.length; i++) {
......
styles/style.css
View file @ b18d1275
...@@ -8,6 +8,10 @@ a { ...@@ -8,6 +8,10 @@ a {
text-decoration: none; text-decoration: none;
} }
body {
overflow-x: hidden;
}
.header { .header {
position: relative; position: relative;
width: 100%; width: 100%;
...@@ -804,6 +808,7 @@ a { ...@@ -804,6 +808,7 @@ a {
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
z-index: 0;
} }
.production-list-item__title { .production-list-item__title {
...@@ -2049,9 +2054,12 @@ a { ...@@ -2049,9 +2054,12 @@ a {
font-size: 12px; font-size: 12px;
} }
.production-list-item { .production-list-item {
padding: 64px 52px; padding: 50px 52px;
min-height: 315px; min-height: 315px;
} }
.production-list-item__image {
width: 185px;
}
.production-list-item__arrow { .production-list-item__arrow {
width: 51px; width: 51px;
height: 51px; height: 51px;
...@@ -2606,6 +2614,9 @@ a { ...@@ -2606,6 +2614,9 @@ a {
color: #ffffff; color: #ffffff;
opacity: 1; opacity: 1;
} }
.heading-menu-item:before {
display: none;
}
.heading-menu-item:first-child { .heading-menu-item:first-child {
margin: 0; margin: 0;
border-left-width: 0; border-left-width: 0;
...@@ -2638,8 +2649,15 @@ a { ...@@ -2638,8 +2649,15 @@ a {
-ms-flex-direction: column; -ms-flex-direction: column;
flex-direction: column; flex-direction: column;
} }
.production-list-link { .production-list-item {
margin: 0; -webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 288px;
min-height: 210px;
padding: 22px 32px;
margin: 0 auto;
margin-bottom: 8px; margin-bottom: 8px;
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
...@@ -2648,13 +2666,8 @@ a { ...@@ -2648,13 +2666,8 @@ a {
-ms-flex-pack: center; -ms-flex-pack: center;
justify-content: center; justify-content: center;
} }
.production-list-link:last-child { .production-list-item__image {
margin: 0; width: 152px;
}
.production-list-item {
width: 288px;
min-height: 210px;
padding: 22px 32px;
} }
.production-list-item__arrow { .production-list-item__arrow {
width: 43px; width: 43px;
...@@ -2667,6 +2680,15 @@ a { ...@@ -2667,6 +2680,15 @@ a {
.production-list-item__descr { .production-list-item__descr {
font-size: 12px; font-size: 12px;
} }
.production-list-item__points-item:before {
margin-right: 8px;
width: 16px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.production-list-item:last-child {
margin: 0 auto;
}
.production-separator { .production-separator {
display: none; display: none;
} }
...@@ -2792,6 +2814,9 @@ a { ...@@ -2792,6 +2814,9 @@ a {
-ms-flex-direction: column; -ms-flex-direction: column;
flex-direction: column; flex-direction: column;
} }
.press-content-main {
padding: 0;
}
.press-content-media { .press-content-media {
width: 100%; width: 100%;
margin-top: 46px; margin-top: 46px;
...@@ -2872,11 +2897,13 @@ a { ...@@ -2872,11 +2897,13 @@ a {
font-size: 32px; font-size: 32px;
line-height: 110%; line-height: 110%;
margin-bottom: 36px; margin-bottom: 36px;
max-width: 100%;
} }
.ecology-text__descr { .ecology-text__descr {
font-size: 14px; font-size: 14px;
line-height: 130%; line-height: 130%;
margin-bottom: 20px; margin-bottom: 20px;
max-width: 100%;
} }
.ecology-text__link { .ecology-text__link {
font-size: 11px; font-size: 11px;
......
styles/style.css.map
View file @ b18d1275
This diff is collapsed.
styles/style.scss
View file @ b18d1275
...@@ -8,6 +8,10 @@ a { ...@@ -8,6 +8,10 @@ a {
text-decoration: none; text-decoration: none;
} }
body {
overflow-x: hidden;
}
.header { .header {
position: relative; position: relative;
width: 100%; width: 100%;
...@@ -588,6 +592,7 @@ a { ...@@ -588,6 +592,7 @@ a {
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
z-index: 0;
} }
&__title { &__title {
font-weight: bold; font-weight: bold;
...@@ -1527,8 +1532,11 @@ a { ...@@ -1527,8 +1532,11 @@ a {
} }
&-list { &-list {
&-item { &-item {
padding: 64px 52px; padding: 50px 52px;
min-height: 315px; min-height: 315px;
&__image {
width: 185px;
}
&__arrow { &__arrow {
width: 51px; width: 51px;
height: 51px; height: 51px;
...@@ -2050,6 +2058,9 @@ a { ...@@ -2050,6 +2058,9 @@ a {
opacity: 1; opacity: 1;
} }
} }
&-item:before {
display: none;
}
&-item:first-child { &-item:first-child {
margin: 0; margin: 0;
border-left-width: 0; border-left-width: 0;
...@@ -2078,19 +2089,18 @@ a { ...@@ -2078,19 +2089,18 @@ a {
} }
&-list { &-list {
flex-direction: column; flex-direction: column;
&-link {
margin: 0;
margin-bottom: 8px;
display: flex;
justify-content: center;
}
&-link:last-child {
margin: 0;
}
&-item { &-item {
flex-direction: column;
width: 288px; width: 288px;
min-height: 210px; min-height: 210px;
padding: 22px 32px; padding: 22px 32px;
margin: 0 auto;
margin-bottom: 8px;
display: flex;
justify-content: center;
&__image {
width: 152px;
}
&__arrow { &__arrow {
width: 43px; width: 43px;
height: 43px; height: 43px;
...@@ -2102,6 +2112,14 @@ a { ...@@ -2102,6 +2112,14 @@ a {
&__descr { &__descr {
font-size: 12px; font-size: 12px;
} }
&__points-item:before {
margin-right: 8px;
width: 16px;
flex-shrink: 0;
}
}
&-item:last-child {
margin: 0 auto;
} }
} }
&-separator { &-separator {
...@@ -2217,6 +2235,9 @@ a { ...@@ -2217,6 +2235,9 @@ a {
} }
&-content { &-content {
flex-direction: column; flex-direction: column;
&-main {
padding: 0;
}
&-media { &-media {
width: 100%; width: 100%;
margin-top: 46px; margin-top: 46px;
...@@ -2291,11 +2312,13 @@ a { ...@@ -2291,11 +2312,13 @@ a {
font-size: 32px; font-size: 32px;
line-height: 110%; line-height: 110%;
margin-bottom: 36px; margin-bottom: 36px;
max-width: 100%;
} }
&__descr { &__descr {
font-size: 14px; font-size: 14px;
line-height: 130%; line-height: 130%;
margin-bottom: 20px; margin-bottom: 20px;
max-width: 100%;
} }
&__link { &__link {
font-size: 11px; font-size: 11px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment