diff --git a/themes/modern2/assets/css/components/1-main/variables.scss b/themes/modern2/assets/css/components/1-main/variables.scss index be6e35ce3..c3fe9c45a 100755 --- a/themes/modern2/assets/css/components/1-main/variables.scss +++ b/themes/modern2/assets/css/components/1-main/variables.scss @@ -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; diff --git a/themes/modern2/assets/css/components/2-layout/newsCard.scss b/themes/modern2/assets/css/components/2-layout/newsCard.scss index cf342de26..961c83192 100755 --- a/themes/modern2/assets/css/components/2-layout/newsCard.scss +++ b/themes/modern2/assets/css/components/2-layout/newsCard.scss @@ -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; } diff --git a/themes/modern2/assets/css/components/2-layout/responsive.scss b/themes/modern2/assets/css/components/2-layout/responsive.scss index c43eb609d..7d3c88c02 100755 --- a/themes/modern2/assets/css/components/2-layout/responsive.scss +++ b/themes/modern2/assets/css/components/2-layout/responsive.scss @@ -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; } } diff --git a/themes/modern2/assets/css/components/2-layout/swiper.scss b/themes/modern2/assets/css/components/2-layout/swiper.scss index 829dff77c..280c07884 100755 --- a/themes/modern2/assets/css/components/2-layout/swiper.scss +++ b/themes/modern2/assets/css/components/2-layout/swiper.scss @@ -100,7 +100,7 @@ } &-link { color: $text-color-white; - font-size: 16px; + font-size: 20px; line-height: 30px; height: 60px; overflow: hidden; diff --git a/themes/modern2/assets/css/components/3-page/home.scss b/themes/modern2/assets/css/components/3-page/home.scss index 8b861f94e..850d3bcf3 100755 --- a/themes/modern2/assets/css/components/3-page/home.scss +++ b/themes/modern2/assets/css/components/3-page/home.scss @@ -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; diff --git a/themes/modern2/assets/css/main.css b/themes/modern2/assets/css/main.css index d20f569e5..6e89616ef 100755 --- a/themes/modern2/assets/css/main.css +++ b/themes/modern2/assets/css/main.css @@ -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;