Создание прототипа главной страницы home-new, изменение стилей на остальных страницах. Требуется дальнейшее тестирование. логика выбора авто сделана
This commit is contained in:
egortriston
@ -490,3 +490,203 @@ input#VinSearchInput {
|
||||
|
||||
}
|
||||
|
||||
|
||||
.news-index-block-copy {
|
||||
grid-column-gap: 20px;
|
||||
grid-row-gap: 20px;
|
||||
flex: 1;
|
||||
max-width: 100%;
|
||||
margin-top: 0;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
.news-index-block {
|
||||
grid-column-gap: 40px;
|
||||
grid-row-gap: 40px;
|
||||
flex: 1;
|
||||
max-width: 100%;
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
.news-index-block {
|
||||
grid-column-gap: 20px;
|
||||
grid-row-gap: 20px;
|
||||
}
|
||||
.inbt, .news-index-block-copy {
|
||||
grid-column-gap: 20px;
|
||||
grid-row-gap: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.news-index-block-copy {
|
||||
grid-column-gap: 20px;
|
||||
grid-row-gap: 20px;
|
||||
flex: 1;
|
||||
max-width: 100%;
|
||||
margin-top: 0;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
.bottom_head {
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 479px) {
|
||||
.bottom_head {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
.bottom_head {
|
||||
background-color: var(--back);
|
||||
flex-flow: column;
|
||||
justify-content: center;
|
||||
align-items: flex-start;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
margin-top: -15px;
|
||||
padding-left: 60px;
|
||||
padding-right: 60px;
|
||||
display: flex;
|
||||
}
|
||||
body {
|
||||
background-color: var(--background);
|
||||
--_fonts---font-family: Onest, sans-serif;
|
||||
--_fonts---color--dark-blue: #0d336c;
|
||||
--_fonts---font-size--core: 14px;
|
||||
--_fonts---font-size--small-font-size: 14px;
|
||||
--_fonts---color--black: #000;
|
||||
--_fonts---font-size--bigger: 18px;
|
||||
--_fonts---color--white: white;
|
||||
--_fonts---color--light-blue-grey: #8e9aac;
|
||||
--_fonts---h1: 36px;
|
||||
--_fonts---color--light-blue: #b7cae2;
|
||||
--_fonts---color--grey: #747474;
|
||||
--_fonts---font-size--heading-3: 24px;
|
||||
--_fonts---font-size--heading-2: 30px;
|
||||
--_fonts---color--green: #4db45e;
|
||||
--_fonts---font-size--supersmall: 12px;
|
||||
font-family: Onest, sans-serif;
|
||||
}
|
||||
|
||||
|
||||
.menu-button.w--open {
|
||||
z-index: 2000;
|
||||
background-color: var(--red);
|
||||
color: var(--white);
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 50px;
|
||||
padding-top: 15px;
|
||||
padding-bottom: 15px;
|
||||
left: auto;
|
||||
}
|
||||
.heading-7 {
|
||||
z-index: 999;
|
||||
color: var(--_fonts---color--black);
|
||||
font-size: var(--_fonts---font-size--heading-3);
|
||||
width: 200px;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 0;
|
||||
margin-left: 30px;
|
||||
line-height: 130%;
|
||||
position: absolute;
|
||||
}
|
||||
.heading-7-white {
|
||||
z-index: 999;
|
||||
color: var(--_fonts---color--white);
|
||||
font-size: var(--_fonts---font-size--heading-3);
|
||||
width: 200px;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 0;
|
||||
margin-left: 30px;
|
||||
line-height: 130%;
|
||||
position: absolute;
|
||||
}
|
||||
.mobile-menu-buttom-section {
|
||||
z-index: 1900;
|
||||
background-color: var(--white);
|
||||
display: none;
|
||||
position: fixed;
|
||||
inset: auto 0% 0%;
|
||||
}
|
||||
|
||||
.nav-menu-3 {
|
||||
z-index: 1900;
|
||||
background-color: #0000;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
display: none;
|
||||
position: relative;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.dropdown-toggle-2 {
|
||||
z-index: 999;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.dropdown-toggle-2.w--open {
|
||||
z-index: 999998;
|
||||
}
|
||||
|
||||
.div-block-28 {
|
||||
background-color: var(--background);
|
||||
height: auto;
|
||||
margin-top: 60px;
|
||||
padding-bottom: 60px;
|
||||
padding-left: 60px;
|
||||
position: relative;
|
||||
bottom: auto;
|
||||
left: 0%;
|
||||
right: 0%;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 991px) {
|
||||
.nav-menu-2 {
|
||||
float: none;
|
||||
flex-flow: row;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
display: block;
|
||||
position: relative;
|
||||
top: 20px;
|
||||
left: -30px;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.div-block-28 {
|
||||
padding-left: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.heading-8-copy {
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
|
||||
.flex-block-108 , .flex-block-108-copy, .w-layout-hflex.flex-block-121, .core-product-search{
|
||||
overflow-x: scroll;
|
||||
overflow-y: hidden;
|
||||
|
||||
|
||||
}
|
||||
/* .flex-block-108-copy::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
.flex-block-121::-webkit-scrollbar {
|
||||
display: none;
|
||||
} */
|
||||
|
||||
|
||||
.flex-block-108 , .flex-block-108-copy, .w-layout-hflex.flex-block-121, .core-product-search {
|
||||
overflow-x: scroll;
|
||||
|
||||
overflow-y: hidden;
|
||||
scrollbar-width: none; /* Firefox */
|
||||
}
|
||||
.flex-block-108::-webkit-scrollbar, .flex-block-108-copy::-webkit-scrollbar, .w-layout-hflex.flex-block-121::-webkit-scrollbar, .core-product-search::-webkit-scrollbar {
|
||||
display: none; /* Chrome, Safari */
|
||||
}
|
||||
Reference in New Issue
Block a user