From c6dbd1b8d80844e3c612cad8ea866852da71026e Mon Sep 17 00:00:00 2001 From: = <=> Date: Tue, 11 May 2021 15:23:45 +0500 Subject: [PATCH] adsf --- .../css/components/1-main/variables.scss | 2 +- .../css/components/2-layout/newsSlider.scss | 12 +- .../assets/css/components/3-page/heading.scss | 286 +++++++++--------- themes/modern2/assets/css/main.css | 48 +-- 4 files changed, 175 insertions(+), 173 deletions(-) diff --git a/themes/modern2/assets/css/components/1-main/variables.scss b/themes/modern2/assets/css/components/1-main/variables.scss index c3fe9c45a..e6be54bea 100755 --- a/themes/modern2/assets/css/components/1-main/variables.scss +++ b/themes/modern2/assets/css/components/1-main/variables.scss @@ -8,7 +8,7 @@ $p-size: 16px; $p-height: 30px; $h2-size: 22px; $h2-height: 30px; -$h3-size: 18px; +$h3-size: 20px; $h3-height: 26px; $h4-size: 16px; $h4-height: 25px; diff --git a/themes/modern2/assets/css/components/2-layout/newsSlider.scss b/themes/modern2/assets/css/components/2-layout/newsSlider.scss index b4982defa..2b9b7c3ee 100755 --- a/themes/modern2/assets/css/components/2-layout/newsSlider.scss +++ b/themes/modern2/assets/css/components/2-layout/newsSlider.scss @@ -1,10 +1,4 @@ .newsSlider { - .slick-slider { - margin: 0 -10px; - } - .slick-slide { - padding: 5px; - } &__outer { position: relative; overflow: hidden; @@ -80,3 +74,9 @@ } } } +.slick-slider { + margin: 0 -10px; +} +.slick-slide { + padding: 5px; +} diff --git a/themes/modern2/assets/css/components/3-page/heading.scss b/themes/modern2/assets/css/components/3-page/heading.scss index 0046bad39..db2717195 100755 --- a/themes/modern2/assets/css/components/3-page/heading.scss +++ b/themes/modern2/assets/css/components/3-page/heading.scss @@ -1,154 +1,154 @@ .heading { - &__title { - font-weight: 700; - color: $text-light-black; - font-size: $h3-size; - line-height: $h3-height; - margin-bottom: 80px; - } - &__row { - display: flex; - align-items: center; - margin-bottom: 80px; - } - &__image { - width: 40%; - } - a.progressive { - position: relative; - display: block; - overflow: hidden; - outline: none; - height: 320px; - &:not(.replace) { - cursor: default; - } - & img { - @include fullImage; - } - & img.preview { - filter: blur(2vw); - transform: scale(1.05); - } - & img.reveal { - position: absolute; - left: 0; - top: 0; - will-change: transform, opacity; - animation: reveal 1s ease-out; - } - } - &__content { - width: calc(60% - 40px); - height: calc(100% - 80px); - padding: 40px 0 40px 40px; - &-header { - display: flex; - align-items: center; - justify-content: space-between; - margin-bottom: 30px; - &-view { - display: flex; - align-items: center; - color: $text-color-grey; - font-weight: 400; - font-size: $h5-size; - line-height: $h5-height - 5px; - svg { - margin-right: 5px; - stroke: $text-color-grey; - width: 21px; - } - } - &-date { - display: flex; - align-items: center; - font-size: $h5-size; - line-height: $h5-height; - color: $text-color-white; - background: $text-light-black; - font-weight: 400; - padding: 5px 15px; - svg { - margin: 0 5px; - } - } - } - &-body { - &-link { - color: $text-black; + &__title { font-weight: 700; - font-size: $h4-size; - line-height: $h4-height; - margin: 10px 0 0 0; - display: block; - height: 60px; - overflow: hidden; - text-overflow: ellipsis; - margin-bottom: 20px; - } - &-para { - font-size: $h4-size; - line-height: $h4-height; - font-weight: 400; color: $text-light-black; - height: 120px; - overflow: hidden; - text-overflow: ellipsis; - } - } - } - &__footer { - display: flex; - align-items: center; - &-page { - width: 40px; - height: 40px; - display: flex; - align-items: center; - justify-content: center; - background: $text-light-black; - svg { - width: 12px; - height: 12px; - fill: $text-color-white; - } - } - &-input { - width: 80px; - height: 40px; - margin: 0 10px; - - input { - text-align: center; font-size: $h3-size; line-height: $h3-height; - height: 100%; - width: 100%; - border-radius: 5px; - background: #e6e6e6; - font-weight: 400; - color: $text-light-black; - } + margin-bottom: 80px; } - span { - font-size: $h3-size; - line-height: $h3-height; - color: $text-light-black; - font-weight: 400; - margin-left: 10px; + &__row { + display: flex; + align-items: center; + margin-bottom: 80px; + } + &__image { + width: 40%; + } + a.progressive { + position: relative; + display: block; + overflow: hidden; + outline: none; + height: 320px; + &:not(.replace) { + cursor: default; + } + & img { + @include fullImage; + } + & img.preview { + filter: blur(2vw); + transform: scale(1.05); + } + & img.reveal { + position: absolute; + left: 0; + top: 0; + will-change: transform, opacity; + animation: reveal 1s ease-out; + } + } + &__content { + width: calc(60% - 40px); + height: calc(100% - 80px); + padding: 40px 0 40px 40px; + &-header { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 30px; + &-view { + display: flex; + align-items: center; + color: $text-color-grey; + font-weight: 400; + font-size: $h5-size; + line-height: $h5-height - 5px; + svg { + margin-right: 5px; + stroke: $text-color-grey; + width: 21px; + } + } + &-date { + display: flex; + align-items: center; + font-size: $h5-size; + line-height: $h5-height; + color: $text-color-white; + background: $text-light-black; + font-weight: 400; + padding: 5px 15px; + svg { + margin: 0 5px; + } + } + } + &-body { + &-link { + color: $text-black; + font-weight: 700; + font-size: $h4-size; + line-height: $h4-height; + margin: 10px 0 0 0; + display: block; + height: 50px; + overflow: hidden; + text-overflow: ellipsis; + margin-bottom: 20px; + } + &-para { + font-size: $h4-size; + line-height: $h4-height; + font-weight: 400; + color: $text-light-black; + height: 100px; + overflow: hidden; + text-overflow: ellipsis; + } + } + } + &__footer { + display: flex; + align-items: center; + &-page { + width: 40px; + height: 40px; + display: flex; + align-items: center; + justify-content: center; + background: $text-light-black; + svg { + width: 12px; + height: 12px; + fill: $text-color-white; + } + } + &-input { + width: 80px; + height: 40px; + margin: 0 10px; + + input { + text-align: center; + font-size: $h3-size; + line-height: $h3-height; + height: 100%; + width: 100%; + border-radius: 5px; + background: #e6e6e6; + font-weight: 400; + color: $text-light-black; + } + } + span { + font-size: $h3-size; + line-height: $h3-height; + color: $text-light-black; + font-weight: 400; + margin-left: 10px; + } } - } } .address { - &__inner { - font-size: $h3-size; - line-height: $h3-height; - color: $text-light-black; - font-weight: 400; - margin-bottom: 25px; - span { - font-weight: 700; + &__inner { + font-size: $h3-size; + line-height: $h3-height; + color: $text-light-black; + font-weight: 400; + margin-bottom: 25px; + span { + font-weight: 700; + } } - } } diff --git a/themes/modern2/assets/css/main.css b/themes/modern2/assets/css/main.css index f9fdf08b5..6fef90a58 100755 --- a/themes/modern2/assets/css/main.css +++ b/themes/modern2/assets/css/main.css @@ -795,7 +795,7 @@ li { display: flex; justify-content: center; align-items: center; - font-size: 18px; + font-size: 20px; line-height: 26px; font-weight: 700; padding: 10px 0; @@ -811,7 +811,7 @@ li { background-position: center center; background-size: contain; background-repeat: no-repeat; - font-size: 15px; + font-size: 17px; line-height: 23px; justify-content: center; align-items: center; @@ -929,12 +929,6 @@ li { background-color: #2495f3; } -.newsSlider .slick-slider { - margin: 0 -10px; -} -.newsSlider .slick-slide { - padding: 5px; -} .newsSlider__outer { position: relative; overflow: hidden; @@ -1021,6 +1015,14 @@ li { display: block; } +.slick-slider { + margin: 0 -10px; +} + +.slick-slide { + padding: 5px; +} + .swiper-container { width: 100%; height: 100%; @@ -1339,7 +1341,7 @@ li { z-index: -1; } .main__body-header-title { - font-size: 18px; + font-size: 20px; line-height: 26px; font-weight: 700; color: #242424; @@ -1364,7 +1366,7 @@ li { border-bottom: none; } .main__body-title { - font-size: 18px; + font-size: 20px; line-height: 26px; font-weight: 700; color: #242424; @@ -1445,7 +1447,7 @@ li { position: relative; } .event__header-title { - font-size: 18px; + font-size: 20px; line-height: 26px; font-weight: 700; color: #242424; @@ -1535,7 +1537,7 @@ li { margin-bottom: 80px; } .partner__title { - font-size: 18px; + font-size: 20px; line-height: 26px; font-weight: 700; color: #242424; @@ -1556,7 +1558,7 @@ li { .heading__title { font-weight: 700; color: #242424; - font-size: 18px; + font-size: 20px; line-height: 26px; margin-bottom: 80px; } @@ -1639,7 +1641,7 @@ li { line-height: 25px; margin: 10px 0 0 0; display: block; - height: 60px; + height: 50px; overflow: hidden; text-overflow: ellipsis; margin-bottom: 20px; @@ -1649,7 +1651,7 @@ li { line-height: 25px; font-weight: 400; color: #242424; - height: 120px; + height: 100px; overflow: hidden; text-overflow: ellipsis; } @@ -1677,7 +1679,7 @@ li { } .heading__footer-input input { text-align: center; - font-size: 18px; + font-size: 20px; line-height: 26px; height: 100%; width: 100%; @@ -1687,7 +1689,7 @@ li { color: #242424; } .heading__footer span { - font-size: 18px; + font-size: 20px; line-height: 26px; color: #242424; font-weight: 400; @@ -1695,7 +1697,7 @@ li { } .address__inner { - font-size: 18px; + font-size: 20px; line-height: 26px; color: #242424; font-weight: 400; @@ -1715,7 +1717,7 @@ li { color: #242424; } .about__para { - font-size: 18px; + font-size: 20px; line-height: 40px; font-weight: 400; color: #242424; @@ -1725,7 +1727,7 @@ li { .form__title { font-weight: 700; color: #242424; - font-size: 18px; + font-size: 20px; line-height: 26px; margin-bottom: 80px; } @@ -1860,7 +1862,7 @@ li { .news__date { display: flex; align-items: center; - font-size: 18px; + font-size: 20px; line-height: 26px; color: #a2a2a2; font-weight: 400; @@ -1912,7 +1914,7 @@ li { padding: 80px 0; } .terms__title { - font-size: 18px; + font-size: 20px; line-height: 26px; font-weight: 700; color: #000; @@ -2235,7 +2237,7 @@ li { text-align: center; margin-right: 0; padding: 20px; - font-size: 18px; + font-size: 20px; line-height: 26px; font-weight: 700; width: calc(100% - 40px);