Final. Deploy ready

This commit is contained in:
Dekart Deploy Bot 2026-05-19 23:46:14 +03:00
parent bae42507e4
commit d7268a1ccc
3 changed files with 72 additions and 61 deletions

View File

@ -438,25 +438,25 @@ html {
.about-us__doodle--plane { .about-us__doodle--plane {
width: 71px; width: 50px;
height: 71px; height: 50px;
top: -8px; top: -12px;
right: -8px; right: -16px;
} }
.about-us__doodle--heart { .about-us__doodle--heart {
width: 30px; width: 50px;
height: 30px; height: 50px;
bottom: -8px; bottom: -16px;
left: -8px; left: -12px;
} }
@ -497,23 +497,23 @@ html {
.about-us__doodle--plane { .about-us__doodle--plane {
width: 81px; width: 50px;
height: 81px; height: 50px;
top: 0; top: -12px;
right: -12px; right: -16px;
} }
.about-us__doodle--heart { .about-us__doodle--heart {
width: 48px; width: 50px;
height: 48px; height: 50px;
bottom: -12px; bottom: -16px;
left: -12px; left: -12px;
@ -572,7 +572,7 @@ html {
50% { transform: translateY(-12px) scale(1.05); } 50% { transform: translateY(-12px) scale(1.05); }
} }
.suggestions { .suggestions {
text-align: center;
position: relative; position: relative;
} }
.suggestions .container { .suggestions .container {
@ -582,14 +582,24 @@ html {
position: relative; position: relative;
z-index: 2; z-index: 2;
} }
.suggestions__header {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 48px;
}
.suggestions__subtitle { .suggestions__subtitle {
font-family: var(--font-body); font-family: var(--font-body);
font-size: 16px; font-size: 18px;
line-height: 1.6; line-height: 1.6;
color: var(--color-text-muted); color: var(--color-text-muted);
text-align: center; text-align: center !important;
max-width: 65ch; font-weight: 400;
margin: 0 auto 32px; max-width: 700px;
width: 100%;
margin-bottom: 32px;
padding: 0;
} }
.suggestions-wrapper { .suggestions-wrapper {
display: flex; display: flex;
@ -605,7 +615,7 @@ html {
.suggestions__item { .suggestions__item {
border-radius: var(--card-radius); border-radius: var(--card-radius);
padding: 32px 24px 36px; padding: 32px 24px 36px;
box-shadow: var(--card-shadow); box-shadow: 0 4px 24px rgba(0,0,0,0.08);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@ -624,14 +634,14 @@ html {
right: 0; right: 0;
height: 4px; height: 4px;
background: var(--color-primary); background: var(--color-primary);
opacity: 0; opacity: 0.2;
transition: opacity var(--transition-normal); transition: opacity var(--transition-normal);
border-radius: var(--card-radius) var(--card-radius) 0 0; border-radius: var(--card-radius) var(--card-radius) 0 0;
pointer-events: none; pointer-events: none;
} }
.suggestions__item:hover { .suggestions__item:hover {
transform: translateY(-6px); transform: translateY(-6px);
box-shadow: var(--card-shadow-hover); box-shadow: 0 12px 40px rgba(0,0,0,0.12);
} }
.suggestions__item:hover::before { opacity: 1; } .suggestions__item:hover::before { opacity: 1; }
.suggestions__item_title { .suggestions__item_title {
@ -717,7 +727,7 @@ html {
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.suggestions { padding: 40px 0; } .suggestions { padding: 40px 0; }
.suggestions__subtitle { font-size: 16px; margin: 0 auto 30px; padding: 0 20px; } .suggestions__subtitle { font-size: 16px; margin: 0 auto 30px; margin-block: 0 30px; margin-inline: auto; padding: 0 20px; }
.suggestions-wrapper { gap: 14px; } .suggestions-wrapper { gap: 14px; }
.suggestions-wrapper > .suggestions__item { width: 100%; } .suggestions-wrapper > .suggestions__item { width: 100%; }
.suggestions__item { padding: 24px 20px 28px; } .suggestions__item { padding: 24px 20px 28px; }
@ -725,6 +735,12 @@ html {
.suggestions__item_text { font-size: 13px; } .suggestions__item_text { font-size: 13px; }
.suggestions__doodle { display: none; } .suggestions__doodle { display: none; }
.suggestions::before { display: none; } .suggestions::before { display: none; }
.suggestions__header { margin-bottom: 32px; }
}
@media (min-width: 769px) {
.suggestions__subtitle {
text-align: center !important;
}
} }
.infograph { .infograph {
text-align: center; text-align: center;
@ -1517,8 +1533,6 @@ html {
} }
} }
}
}
/* mentors END */ /* mentors END */
@ -2274,15 +2288,15 @@ html {
border-width: 10px; border-width: 10px;
} }
.about-us__doodle--plane { .about-us__doodle--plane {
width: 123px; width: 90px;
height: 123px; height: 90px;
top: -28px; top: -28px;
right: -28px; right: -28px;
filter: drop-shadow(0 0 0 5px #fff) drop-shadow(0 0 0 5px #fff); filter: drop-shadow(0 0 0 5px #fff) drop-shadow(0 0 0 5px #fff);
} }
.about-us__doodle--heart { .about-us__doodle--heart {
width: 100px; width: 90px;
height: 100px; height: 90px;
bottom: -28px; bottom: -28px;
left: -28px; left: -28px;
filter: drop-shadow(0 0 0 5px #fff) drop-shadow(0 0 0 5px #fff); filter: drop-shadow(0 0 0 5px #fff) drop-shadow(0 0 0 5px #fff);
@ -2292,33 +2306,34 @@ html {
.hero-media-search__frame .doodle { .hero-media-search__frame .doodle {
position: absolute; position: absolute;
object-fit: contain; object-fit: contain;
pointer-events: none;
} }
.hero-media-search__frame .doodle--top-left { .hero-media-search__frame .doodle--top-left {
height: 79px; width: 50px;
width: 84px; height: 50px;
left: -30px; left: -16px;
top: 0; top: -12px;
} }
@media (min-width: 1024px) { @media (min-width: 1024px) {
.hero-media-search__frame .doodle--top-left { .hero-media-search__frame .doodle--top-left {
height: 172px; width: 90px;
width: 183px; height: 90px;
left: -47px; left: -28px;
top: -54px; top: -28px;
} }
} }
.hero-media-search__frame .doodle--bottom-right { .hero-media-search__frame .doodle--bottom-right {
height: 100px; width: 50px;
width: 99px; height: 50px;
bottom: -34px; bottom: -16px;
right: -16px; right: -12px;
} }
@media (min-width: 1024px) { @media (min-width: 1024px) {
.hero-media-search__frame .doodle--bottom-right { .hero-media-search__frame .doodle--bottom-right {
height: 196px; width: 90px;
width: 195px; height: 90px;
bottom: -46px; bottom: -28px;
right: -44px; right: -28px;
} }
} }
@ -2425,6 +2440,7 @@ html {
.section-bg[data-bg="white"]::before { background: var(--bg-white); } .section-bg[data-bg="white"]::before { background: var(--bg-white); }
.section-bg[data-bg="mint"]::before { background: var(--color-bg-alt); } .section-bg[data-bg="mint"]::before { background: var(--color-bg-alt); }
@media (prefers-reduced-motion: reduce) {
.suggestions__item { animation: none; } .suggestions__item { animation: none; }
.banner_label { animation: none; } .banner_label { animation: none; }
.scroll-icon-wrapper { display: none; } .scroll-icon-wrapper { display: none; }
@ -2490,14 +2506,6 @@ html {
} }
margin-top: clamp(20px, 2.5vw, 30px);
gap: clamp(26px, 3.33vw, 40px);
}
.programs-wrapper { .programs-wrapper {
gap: clamp(20px, 2.5vw, 30px); gap: clamp(20px, 2.5vw, 30px);
} }

View File

@ -816,7 +816,7 @@ function enqueue_template_specific_styles() {
'template-specific-style', 'template-specific-style',
get_template_directory_uri() . '/assets/css/camp.css', get_template_directory_uri() . '/assets/css/camp.css',
array(), array(),
'1.3' '1.4'
); );
wp_enqueue_script( wp_enqueue_script(
'camp-script', 'camp-script',

View File

@ -231,10 +231,13 @@ $metrics = [
</div> </div>
</div> </div>
</section> </section>
<section class="section-bg suggestions" data-bg="mint"> <section class="section-bg suggestions" data-bg="mint">
<div class="container"> <div class="container">
<div class="suggestions__header">
<h2 id="camp-advantages" class="camp_title">Почему мамы выбирают "Декарт": дети бегут сюда сами</h2> <h2 id="camp-advantages" class="camp_title">Почему мамы выбирают "Декарт": дети бегут сюда сами</h2>
<p class="suggestions__subtitle">Никаких уговоров по утрам. Никаких «забери меня». Только горящие глаза и «а можно ещё?»</p> <p class="suggestions__subtitle">Никаких уговоров по утрам. Никаких «забери меня». Только горящие глаза и «а можно ещё?»</p>
</div>
<div class="suggestions-wrapper"> <?php $suggestions = carbon_get_post_meta($post_id, 'suggestions' ); $icons = ['innovation-white.svg', 'steamprojects-35x35-1.svg', 'handson-35x35-1.svg', 'orangegear-white.svg', 'outdoor-white.svg', 'heart_sticker.svg']; <div class="suggestions-wrapper"> <?php $suggestions = carbon_get_post_meta($post_id, 'suggestions' ); $icons = ['innovation-white.svg', 'steamprojects-35x35-1.svg', 'handson-35x35-1.svg', 'orangegear-white.svg', 'outdoor-white.svg', 'heart_sticker.svg'];
if (is_array($suggestions)) { if (is_array($suggestions)) {
foreach ($suggestions as $index => $item) { foreach ($suggestions as $index => $item) {