diff --git a/public/themes/dist_static/static/css/investment.css b/public/themes/dist_static/static/css/investment.css index b483b67..e89b2dc 100644 --- a/public/themes/dist_static/static/css/investment.css +++ b/public/themes/dist_static/static/css/investment.css @@ -277,7 +277,7 @@ grid-template-columns: minmax(0, 1fr) minmax(0, 67.5rem); gap: 2.5rem; padding-top: 6.25rem; - padding-bottom: 6.25rem; + padding-bottom: 0; } .iv-learn__title { margin: 0; diff --git a/public/themes/dist_static/static/css/solution.css b/public/themes/dist_static/static/css/solution.css index cab1689..b49c0a0 100644 --- a/public/themes/dist_static/static/css/solution.css +++ b/public/themes/dist_static/static/css/solution.css @@ -10,26 +10,16 @@ } .sl-hero__title { color: var(--color-text); + font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-48); - line-height: var(--font-64); font-weight: 400; -} -@media (max-width: 1439px) { - .sl-hero__title { - font-size: 40Px; - line-height: 54Px; - } -} -@media (max-width: 576px) { - .sl-hero__title { - font-size: 28Px; - line-height: 38Px; - } + line-height: var(--font-64); } .sl-hero__desc { max-width: 50rem; margin-left: auto; color: var(--color-text-muted); + font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-18); font-weight: 400; line-height: var(--font-28); @@ -50,36 +40,13 @@ padding-top: 7.5rem; padding-bottom: 0; } -@media (max-width: 1439px) { - .sl-adv { - padding-top: 72Px; - padding-bottom: 72Px; - } -} -@media (max-width: 576px) { - .sl-adv { - padding-top: 4rem; - padding-bottom: 4rem; - } -} .sl-adv__title { margin: 0 0 4.6875rem; color: var(--color-text); + font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-48); - line-height: var(--font-64); font-weight: 400; -} -@media (max-width: 1439px) { - .sl-adv__title { - font-size: 40Px; - line-height: 54Px; - } -} -@media (max-width: 576px) { - .sl-adv__title { - font-size: 28Px; - line-height: 38Px; - } + line-height: var(--font-64); } .sl-adv__list { display: grid; @@ -94,6 +61,7 @@ .sl-adv__name { margin: 0 0 2rem; color: var(--color-text); + font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-32); font-weight: 400; line-height: var(--font-42); @@ -101,6 +69,7 @@ .sl-adv__text { margin: 0; color: var(--color-text-muted); + font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-18); font-weight: 400; line-height: var(--font-28); @@ -110,36 +79,13 @@ padding-top: 7.5rem; padding-bottom: 0; } -@media (max-width: 1439px) { - .sl-arch { - padding-top: 72Px; - padding-bottom: 72Px; - } -} -@media (max-width: 576px) { - .sl-arch { - padding-top: 4rem; - padding-bottom: 4rem; - } -} .sl-arch__title { margin: 0 0 3.125rem; color: var(--color-text); + font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-48); - line-height: var(--font-64); font-weight: 400; -} -@media (max-width: 1439px) { - .sl-arch__title { - font-size: 40Px; - line-height: 54Px; - } -} -@media (max-width: 576px) { - .sl-arch__title { - font-size: 28Px; - line-height: 38Px; - } + line-height: var(--font-64); } .sl-arch__panel { overflow: hidden; @@ -157,18 +103,6 @@ padding-top: 7.5rem; padding-bottom: 0; } -@media (max-width: 1439px) { - .sl-core { - padding-top: 72Px; - padding-bottom: 72Px; - } -} -@media (max-width: 576px) { - .sl-core { - padding-top: 4rem; - padding-bottom: 4rem; - } -} .sl-core__head { display: flex; align-items: center; @@ -179,21 +113,10 @@ .sl-core__title { margin: 0; color: var(--color-text); + font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-48); - line-height: var(--font-64); font-weight: 400; -} -@media (max-width: 1439px) { - .sl-core__title { - font-size: 40Px; - line-height: 54Px; - } -} -@media (max-width: 576px) { - .sl-core__title { - font-size: 28Px; - line-height: 38Px; - } + line-height: var(--font-64); } .sl-core__swiper { overflow: hidden; @@ -245,6 +168,7 @@ flex: 1; min-width: 0; color: var(--color-text); + font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-20); font-weight: 400; line-height: var(--font-27); @@ -271,36 +195,13 @@ padding-top: 7.5rem; padding-bottom: 0; } -@media (max-width: 1439px) { - .sl-clients { - padding-top: 72Px; - padding-bottom: 72Px; - } -} -@media (max-width: 576px) { - .sl-clients { - padding-top: 4rem; - padding-bottom: 4rem; - } -} .sl-clients__title { margin: 0 0 3.125rem; color: var(--color-text); + font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-48); - line-height: var(--font-64); font-weight: 400; -} -@media (max-width: 1439px) { - .sl-clients__title { - font-size: 40Px; - line-height: 54Px; - } -} -@media (max-width: 576px) { - .sl-clients__title { - font-size: 28Px; - line-height: 38Px; - } + line-height: var(--font-64); } .sl-clients__grid { display: grid; @@ -330,40 +231,15 @@ position: relative; padding-top: 7.5rem; padding-bottom: 7.5rem; -} -@media (max-width: 1439px) { - .sl-cases { - padding-top: 72Px; - padding-bottom: 72Px; - } -} -@media (max-width: 576px) { - .sl-cases { - padding-top: 4rem; - padding-bottom: 4rem; - } -} -.sl-cases { overflow: visible; } .sl-cases__title { margin: 0 0 3.125rem; color: var(--color-text); + font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-48); - line-height: var(--font-64); font-weight: 400; -} -@media (max-width: 1439px) { - .sl-cases__title { - font-size: 40Px; - line-height: 54Px; - } -} -@media (max-width: 576px) { - .sl-cases__title { - font-size: 28Px; - line-height: 38Px; - } + line-height: var(--font-64); } .sl-cases__body { display: grid; @@ -411,6 +287,7 @@ .sl-cases__name { margin: 0 0 1rem; color: var(--color-text); + font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-32); font-weight: 400; line-height: var(--font-42); @@ -419,6 +296,7 @@ .sl-cases__sub-name { margin: 0 0 1.5rem; color: var(--color-text); + font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-20); font-weight: 400; line-height: var(--font-27); @@ -427,6 +305,7 @@ .sl-cases__desc { margin: 0 0 2.5rem; color: var(--color-text-muted); + font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-18); font-weight: 400; line-height: var(--font-26); @@ -445,6 +324,7 @@ border-radius: 6.25rem; background: rgba(239, 67, 53, 0.1); color: var(--color-primary); + font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-16); font-weight: 500; line-height: var(--font-22); @@ -514,6 +394,17 @@ .sl-hero__media { height: 520Px; } + .sl-hero__title { + font-size: 40Px; + line-height: 54Px; + } + .sl-adv, + .sl-arch, + .sl-core, + .sl-clients, + .sl-cases { + padding-top: 4rem; + } .sl-adv__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40Px 24Px; @@ -560,6 +451,15 @@ .sl-hero__intro { padding-top: calc(var(--header-h) + 5rem); } + .sl-hero__title, + .sl-hero .sl-adv__title, + .sl-hero .sl-arch__title, + .sl-hero .sl-core__title, + .sl-hero .sl-clients__title, + .sl-hero .sl-cases__title { + font-size: 32Px; + line-height: 44Px; + } .sl-hero__media { height: 280Px; } diff --git a/public/themes/dist_static/static/css/solution2.css b/public/themes/dist_static/static/css/solution2.css index 504ae43..b66784b 100644 --- a/public/themes/dist_static/static/css/solution2.css +++ b/public/themes/dist_static/static/css/solution2.css @@ -28,25 +28,15 @@ .sl2-hero__title { margin: 0; color: var(--color-text); + font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-48); - line-height: var(--font-64); font-weight: 400; -} -@media (max-width: 1439px) { - .sl2-hero__title { - font-size: 40Px; - line-height: 54Px; - } -} -@media (max-width: 576px) { - .sl2-hero__title { - font-size: 28Px; - line-height: 38Px; - } + line-height: var(--font-64); } .sl2-hero__desc { margin: 4rem 0 0; color: var(--color-text-muted); + font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-20); font-weight: 400; line-height: var(--font-28); @@ -67,36 +57,13 @@ padding-top: 7.5rem; padding-bottom: 0; } -@media (max-width: 1439px) { - .sl2-adv { - padding-top: 72Px; - padding-bottom: 72Px; - } -} -@media (max-width: 576px) { - .sl2-adv { - padding-top: 4rem; - padding-bottom: 4rem; - } -} .sl2-adv__title { margin: 0 0 3.125rem; color: var(--color-text); + font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-48); - line-height: var(--font-64); font-weight: 400; -} -@media (max-width: 1439px) { - .sl2-adv__title { - font-size: 40Px; - line-height: 54Px; - } -} -@media (max-width: 576px) { - .sl2-adv__title { - font-size: 28Px; - line-height: 38Px; - } + line-height: var(--font-64); } .sl2-adv__list { display: grid; @@ -130,6 +97,7 @@ .sl2-adv__name { margin: 0; color: var(--color-text); + font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-32); font-weight: 400; line-height: var(--font-42); @@ -137,6 +105,7 @@ .sl2-adv__text { margin: 0; color: var(--color-text-muted); + font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-20); font-weight: 400; line-height: var(--font-28); @@ -146,36 +115,13 @@ padding-top: 7.5rem; padding-bottom: 0; } -@media (max-width: 1439px) { - .sl2-arch { - padding-top: 72Px; - padding-bottom: 72Px; - } -} -@media (max-width: 576px) { - .sl2-arch { - padding-top: 4rem; - padding-bottom: 4rem; - } -} .sl2-arch__title { margin: 0 0 3.125rem; color: var(--color-text); + font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-48); - line-height: var(--font-64); font-weight: 400; -} -@media (max-width: 1439px) { - .sl2-arch__title { - font-size: 40Px; - line-height: 54Px; - } -} -@media (max-width: 576px) { - .sl2-arch__title { - font-size: 28Px; - line-height: 38Px; - } + line-height: var(--font-64); } .sl2-arch__panel { overflow: hidden; @@ -193,18 +139,6 @@ padding-top: 7.5rem; padding-bottom: 0; } -@media (max-width: 1439px) { - .sl2-core { - padding-top: 72Px; - padding-bottom: 72Px; - } -} -@media (max-width: 576px) { - .sl2-core { - padding-top: 4rem; - padding-bottom: 4rem; - } -} .sl2-core__head { display: flex; align-items: center; @@ -218,21 +152,10 @@ .sl2-core__title { margin: 0; color: var(--color-text); + font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-48); - line-height: var(--font-64); font-weight: 400; -} -@media (max-width: 1439px) { - .sl2-core__title { - font-size: 40Px; - line-height: 54Px; - } -} -@media (max-width: 576px) { - .sl2-core__title { - font-size: 28Px; - line-height: 38Px; - } + line-height: var(--font-64); } .sl2-core__swiper { overflow: hidden; @@ -264,6 +187,7 @@ .sl2-core__name { margin: 0; color: var(--color-text); + font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-32); font-weight: 400; line-height: var(--font-42); @@ -271,6 +195,7 @@ .sl2-core__desc { margin: 0; color: var(--color-text-muted); + font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-20); font-weight: 400; line-height: var(--font-28); @@ -341,18 +266,6 @@ padding-top: 7.5rem; padding-bottom: 0; } -@media (max-width: 1439px) { - .sl2-scene { - padding-top: 72Px; - padding-bottom: 72Px; - } -} -@media (max-width: 576px) { - .sl2-scene { - padding-top: 4rem; - padding-bottom: 4rem; - } -} .sl2-scene__head { display: flex; align-items: center; @@ -369,21 +282,10 @@ .sl2-scene__title { margin: 0; color: var(--color-text); + font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-48); - line-height: var(--font-64); font-weight: 400; -} -@media (max-width: 1439px) { - .sl2-scene__title { - font-size: 40Px; - line-height: 54Px; - } -} -@media (max-width: 576px) { - .sl2-scene__title { - font-size: 28Px; - line-height: 38Px; - } + line-height: var(--font-64); } .sl2-scene__swiper { overflow: visible; @@ -428,6 +330,7 @@ .sl2-scene__name { margin: 0; color: var(--color-text); + font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-32); font-weight: 500; line-height: var(--font-42); @@ -435,6 +338,7 @@ .sl2-scene__desc { margin: 0; color: var(--color-text-muted); + font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-18); font-weight: 400; line-height: var(--font-28); @@ -467,6 +371,7 @@ z-index: 1; margin: 0; color: var(--color-white); + font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-32); font-weight: 500; line-height: var(--font-42); @@ -479,36 +384,13 @@ padding-top: 7.5rem; padding-bottom: 7.5rem; } -@media (max-width: 1439px) { - .sl2-more { - padding-top: 72Px; - padding-bottom: 72Px; - } -} -@media (max-width: 576px) { - .sl2-more { - padding-top: 4rem; - padding-bottom: 4rem; - } -} .sl2-more__title { margin: 0 0 3.125rem; color: var(--color-text); + font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-48); - line-height: var(--font-64); font-weight: 400; -} -@media (max-width: 1439px) { - .sl2-more__title { - font-size: 40Px; - line-height: 54Px; - } -} -@media (max-width: 576px) { - .sl2-more__title { - font-size: 28Px; - line-height: 38Px; - } + line-height: var(--font-64); } .sl2-more__grid { display: grid; @@ -557,6 +439,7 @@ .sl2-more__name { margin: 0 0 1.5rem; color: var(--color-text); + font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-24); font-weight: 400; line-height: var(--font-32); @@ -564,6 +447,7 @@ } .sl2-more__desc { color: var(--color-text-muted); + font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-18); font-weight: 400; line-height: var(--font-28); @@ -576,6 +460,7 @@ width: 100%; box-sizing: border-box; color: var(--color-text-muted); + font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-18); font-weight: 400; line-height: var(--font-24); @@ -602,9 +487,20 @@ margin-top: 0; max-width: 100%; } + .sl2-hero__title { + font-size: 40Px; + line-height: 54Px; + } .sl2-hero__media { height: 520Px; } + .sl2-adv, + .sl2-arch, + .sl2-core, + .sl2-scene, + .sl2-more { + padding-top: 4rem; + } .sl2-adv__list { grid-template-columns: 1fr; gap: 24Px; @@ -651,6 +547,15 @@ .sl2-hero__intro { padding-top: calc(var(--header-h) + 5rem); } + .sl2-hero__title, + .sl2-hero .sl2-adv__title, + .sl2-hero .sl2-arch__title, + .sl2-hero .sl2-core__title, + .sl2-hero .sl2-scene__title, + .sl2-hero .sl2-more__title { + font-size: 32Px; + line-height: 44Px; + } .sl2-hero__media { height: 280Px; }