Skip to content

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

Update

parent 3b65515d
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 84 additions and 28 deletions
index.html
View file @ b18d1275
......@@ -287,14 +287,18 @@
<ul class="second-mob">
<li class="second-mob-item">
<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>
</a>
</li>
<li class="second-mob-item">
<a class="second-mob-item__link" href="#">
<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>
</div>
</a>
......@@ -746,12 +750,14 @@
let secondSubmenus = document.querySelectorAll('.second-submenu');
for (let i = 0; i < menuItems.length; i++) {
menuItems[i].addEventListener('click', () => {
for (let j = 0; j < menuItems.length; j++) {
if (submenus[j].classList.contains('submenu--active')) {
submenus[j].classList.remove('submenu--active');
//for (let j = 0; j < menuItems.length; j++) {
if (submenus[i].classList.contains('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++) {
......
styles/style.css
View file @ b18d1275
......@@ -8,6 +8,10 @@ a {
text-decoration: none;
}
body {
overflow-x: hidden;
}
.header {
position: relative;
width: 100%;
......@@ -804,6 +808,7 @@ a {
position: absolute;
top: 0;
right: 0;
z-index: 0;
}
.production-list-item__title {
......@@ -2049,9 +2054,12 @@ a {
font-size: 12px;
}
.production-list-item {
padding: 64px 52px;
padding: 50px 52px;
min-height: 315px;
}
.production-list-item__image {
width: 185px;
}
.production-list-item__arrow {
width: 51px;
height: 51px;
......@@ -2606,6 +2614,9 @@ a {
color: #ffffff;
opacity: 1;
}
.heading-menu-item:before {
display: none;
}
.heading-menu-item:first-child {
margin: 0;
border-left-width: 0;
......@@ -2638,8 +2649,15 @@ a {
-ms-flex-direction: column;
flex-direction: column;
}
.production-list-link {
margin: 0;
.production-list-item {
-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;
display: -webkit-box;
display: -ms-flexbox;
......@@ -2648,13 +2666,8 @@ a {
-ms-flex-pack: center;
justify-content: center;
}
.production-list-link:last-child {
margin: 0;
}
.production-list-item {
width: 288px;
min-height: 210px;
padding: 22px 32px;
.production-list-item__image {
width: 152px;
}
.production-list-item__arrow {
width: 43px;
......@@ -2667,6 +2680,15 @@ a {
.production-list-item__descr {
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 {
display: none;
}
......@@ -2792,6 +2814,9 @@ a {
-ms-flex-direction: column;
flex-direction: column;
}
.press-content-main {
padding: 0;
}
.press-content-media {
width: 100%;
margin-top: 46px;
......@@ -2872,11 +2897,13 @@ a {
font-size: 32px;
line-height: 110%;
margin-bottom: 36px;
max-width: 100%;
}
.ecology-text__descr {
font-size: 14px;
line-height: 130%;
margin-bottom: 20px;
max-width: 100%;
}
.ecology-text__link {
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 {
text-decoration: none;
}
body {
overflow-x: hidden;
}
.header {
position: relative;
width: 100%;
......@@ -588,6 +592,7 @@ a {
position: absolute;
top: 0;
right: 0;
z-index: 0;
}
&__title {
font-weight: bold;
......@@ -1527,8 +1532,11 @@ a {
}
&-list {
&-item {
padding: 64px 52px;
padding: 50px 52px;
min-height: 315px;
&__image {
width: 185px;
}
&__arrow {
width: 51px;
height: 51px;
......@@ -2050,6 +2058,9 @@ a {
opacity: 1;
}
}
&-item:before {
display: none;
}
&-item:first-child {
margin: 0;
border-left-width: 0;
......@@ -2078,19 +2089,18 @@ a {
}
&-list {
flex-direction: column;
&-link {
margin: 0;
margin-bottom: 8px;
display: flex;
justify-content: center;
}
&-link:last-child {
margin: 0;
}
&-item {
flex-direction: column;
width: 288px;
min-height: 210px;
padding: 22px 32px;
margin: 0 auto;
margin-bottom: 8px;
display: flex;
justify-content: center;
&__image {
width: 152px;
}
&__arrow {
width: 43px;
height: 43px;
......@@ -2102,6 +2112,14 @@ a {
&__descr {
font-size: 12px;
}
&__points-item:before {
margin-right: 8px;
width: 16px;
flex-shrink: 0;
}
}
&-item:last-child {
margin: 0 auto;
}
}
&-separator {
......@@ -2217,6 +2235,9 @@ a {
}
&-content {
flex-direction: column;
&-main {
padding: 0;
}
&-media {
width: 100%;
margin-top: 46px;
......@@ -2291,11 +2312,13 @@ a {
font-size: 32px;
line-height: 110%;
margin-bottom: 36px;
max-width: 100%;
}
&__descr {
font-size: 14px;
line-height: 130%;
margin-bottom: 20px;
max-width: 100%;
}
&__link {
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