This commit is contained in:
= 2021-05-11 14:49:09 +05:00
parent b978dc7224
commit 33d39d1a67
6 changed files with 61 additions and 19 deletions

View File

@ -12,5 +12,5 @@ $h3-size: 18px;
$h3-height: 26px;
$h4-size: 16px;
$h4-height: 25px;
$h5-size: 12px;
$h5-size: 14px-;
$h5-height: 20px;

View File

@ -7,7 +7,6 @@
align-items: center;
justify-content: space-between;
position: relative;
&-category {
padding: 5px 10px;
background: $main-color;
@ -54,7 +53,7 @@
line-height: $h4-height;
margin: 10px 0 0 0;
display: block;
max-height: 75px;
height: 75px;
overflow: hidden;
text-overflow: ellipsis;
}

View File

@ -9,6 +9,11 @@
}
}
@include xlg-xxlg {
.swiper-slide-content-link {
font-size: 18px;
line-height: 25px;
height: 50px;
}
.newsSlider {
&__item {
height: 280px;
@ -22,6 +27,14 @@
height: 350px;
}
}
.newsSlider .newsSlider__item {
padding: 0 5px 5px 10px;
height: 180px;
}
.header__slogan {
font-size: 28px;
line-height: 1;
}
.auto__container {
max-width: 1040px;
padding: 0 25px;
@ -496,7 +509,7 @@
}
}
&__footer {
flex-direction: column;
flex-direction: column;
-ms-flex-direction: column;
}
}

View File

@ -100,7 +100,7 @@
}
&-link {
color: $text-color-white;
font-size: 16px;
font-size: 20px;
line-height: 30px;
height: 60px;
overflow: hidden;

View File

@ -183,7 +183,14 @@
}
}
&-card {
margin: -100px 30px 0 30px;
margin: -200px 30px 0 30px;
border: 1px solid #dcdcdc;
.card {
border-bottom: 1px solid #dcdcdc;
&:last-child {
border-bottom: none;
}
}
}
&-title {
font-size: $h3-size;

View File

@ -197,7 +197,7 @@ li {
justify-content: space-between;
}
.footer__copyright {
font-size: 12px;
font-size: 14px-;
line-height: 20px;
font-weight: 400;
color: #ffffff;
@ -238,7 +238,7 @@ li {
align-items: center;
}
.subheader .nav__inner-link {
font-size: 12px;
font-size: 14px-;
line-height: 20px;
font-weight: 400;
color: #ffffff;
@ -276,7 +276,7 @@ li {
.subheader .nav__inner-link .dropDown__link {
display: block;
padding: 15px;
font-size: 12px;
font-size: 14px-;
line-height: 20px;
font-weight: 400;
color: #242424;
@ -593,7 +593,7 @@ li {
.card__header-category {
padding: 5px 10px;
background: #fd4c24;
font-size: 12px;
font-size: 14px-;
line-height: 20px;
color: #ffffff;
font-weight: 700;
@ -606,7 +606,7 @@ li {
align-items: center;
color: #a2a2a2;
font-weight: 400;
font-size: 12px;
font-size: 14px-;
line-height: 15px;
}
.card__header-view svg {
@ -618,7 +618,7 @@ li {
.card__header-date {
display: flex;
align-items: center;
font-size: 12px;
font-size: 14px-;
line-height: 20px;
color: #a2a2a2;
font-weight: 400;
@ -635,7 +635,7 @@ li {
line-height: 25px;
margin: 10px 0 0 0;
display: block;
max-height: 75px;
height: 75px;
overflow: hidden;
text-overflow: ellipsis;
}
@ -1116,7 +1116,7 @@ li {
}
.swiper-slide-content-link {
color: #ffffff;
font-size: 16px;
font-size: 20px;
line-height: 30px;
height: 60px;
overflow: hidden;
@ -1344,7 +1344,7 @@ li {
background: #ffffff;
}
.main__body-header-link {
font-size: 12px;
font-size: 14px-;
line-height: 20px;
font-weight: 400;
color: #a2a2a2;
@ -1352,7 +1352,14 @@ li {
display: block;
}
.main__body-card {
margin: -100px 30px 0 30px;
margin: -200px 30px 0 30px;
border: 1px solid #dcdcdc;
}
.main__body-card .card {
border-bottom: 1px solid #dcdcdc;
}
.main__body-card .card:last-child {
border-bottom: none;
}
.main__body-title {
font-size: 18px;
@ -1443,7 +1450,7 @@ li {
background: #ffffff;
}
.event__header-link {
font-size: 12px;
font-size: 14px-;
line-height: 20px;
font-weight: 400;
color: #a2a2a2;
@ -1602,7 +1609,7 @@ li {
align-items: center;
color: #a2a2a2;
font-weight: 400;
font-size: 12px;
font-size: 14px-;
line-height: 15px;
}
.heading__content-header-view svg {
@ -1613,7 +1620,7 @@ li {
.heading__content-header-date {
display: flex;
align-items: center;
font-size: 12px;
font-size: 14px-;
line-height: 20px;
color: #ffffff;
background: #242424;
@ -1969,6 +1976,12 @@ li {
}
}
@media (max-width: 1400px) {
.swiper-slide-content-link {
font-size: 18px;
line-height: 25px;
height: 50px;
}
.newsSlider__item {
height: 280px;
}
@ -1981,6 +1994,16 @@ li {
height: 350px;
}
.newsSlider .newsSlider__item {
padding: 0 5px 5px 10px;
height: 180px;
}
.header__slogan {
font-size: 28px;
line-height: 1;
}
.auto__container {
max-width: 1040px;
padding: 0 25px;