Final. Deploy ready
This commit is contained in:
Dekart Deploy Bot
parent
bae42507e4
commit
d7268a1ccc
@ -438,25 +438,25 @@ html {
|
||||
|
||||
.about-us__doodle--plane {
|
||||
|
||||
width: 71px;
|
||||
width: 50px;
|
||||
|
||||
height: 71px;
|
||||
height: 50px;
|
||||
|
||||
top: -8px;
|
||||
top: -12px;
|
||||
|
||||
right: -8px;
|
||||
right: -16px;
|
||||
|
||||
}
|
||||
|
||||
.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 {
|
||||
|
||||
width: 81px;
|
||||
width: 50px;
|
||||
|
||||
height: 81px;
|
||||
height: 50px;
|
||||
|
||||
top: 0;
|
||||
top: -12px;
|
||||
|
||||
right: -12px;
|
||||
right: -16px;
|
||||
|
||||
}
|
||||
|
||||
.about-us__doodle--heart {
|
||||
|
||||
width: 48px;
|
||||
width: 50px;
|
||||
|
||||
height: 48px;
|
||||
height: 50px;
|
||||
|
||||
bottom: -12px;
|
||||
bottom: -16px;
|
||||
|
||||
left: -12px;
|
||||
|
||||
@ -572,7 +572,7 @@ html {
|
||||
50% { transform: translateY(-12px) scale(1.05); }
|
||||
}
|
||||
.suggestions {
|
||||
|
||||
text-align: center;
|
||||
position: relative;
|
||||
}
|
||||
.suggestions .container {
|
||||
@ -582,14 +582,24 @@ html {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
.suggestions__header {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin-bottom: 48px;
|
||||
}
|
||||
|
||||
.suggestions__subtitle {
|
||||
font-family: var(--font-body);
|
||||
font-size: 16px;
|
||||
font-size: 18px;
|
||||
line-height: 1.6;
|
||||
color: var(--color-text-muted);
|
||||
text-align: center;
|
||||
max-width: 65ch;
|
||||
margin: 0 auto 32px;
|
||||
text-align: center !important;
|
||||
font-weight: 400;
|
||||
max-width: 700px;
|
||||
width: 100%;
|
||||
margin-bottom: 32px;
|
||||
padding: 0;
|
||||
}
|
||||
.suggestions-wrapper {
|
||||
display: flex;
|
||||
@ -605,7 +615,7 @@ html {
|
||||
.suggestions__item {
|
||||
border-radius: var(--card-radius);
|
||||
padding: 32px 24px 36px;
|
||||
box-shadow: var(--card-shadow);
|
||||
box-shadow: 0 4px 24px rgba(0,0,0,0.08);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
@ -624,14 +634,14 @@ html {
|
||||
right: 0;
|
||||
height: 4px;
|
||||
background: var(--color-primary);
|
||||
opacity: 0;
|
||||
opacity: 0.2;
|
||||
transition: opacity var(--transition-normal);
|
||||
border-radius: var(--card-radius) var(--card-radius) 0 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
.suggestions__item:hover {
|
||||
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_title {
|
||||
@ -717,7 +727,7 @@ html {
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.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 > .suggestions__item { width: 100%; }
|
||||
.suggestions__item { padding: 24px 20px 28px; }
|
||||
@ -725,6 +735,12 @@ html {
|
||||
.suggestions__item_text { font-size: 13px; }
|
||||
.suggestions__doodle { display: none; }
|
||||
.suggestions::before { display: none; }
|
||||
.suggestions__header { margin-bottom: 32px; }
|
||||
}
|
||||
@media (min-width: 769px) {
|
||||
.suggestions__subtitle {
|
||||
text-align: center !important;
|
||||
}
|
||||
}
|
||||
.infograph {
|
||||
text-align: center;
|
||||
@ -1517,8 +1533,6 @@ html {
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
/* mentors END */
|
||||
|
||||
|
||||
@ -2274,15 +2288,15 @@ html {
|
||||
border-width: 10px;
|
||||
}
|
||||
.about-us__doodle--plane {
|
||||
width: 123px;
|
||||
height: 123px;
|
||||
width: 90px;
|
||||
height: 90px;
|
||||
top: -28px;
|
||||
right: -28px;
|
||||
filter: drop-shadow(0 0 0 5px #fff) drop-shadow(0 0 0 5px #fff);
|
||||
}
|
||||
.about-us__doodle--heart {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
width: 90px;
|
||||
height: 90px;
|
||||
bottom: -28px;
|
||||
left: -28px;
|
||||
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 {
|
||||
position: absolute;
|
||||
object-fit: contain;
|
||||
pointer-events: none;
|
||||
}
|
||||
.hero-media-search__frame .doodle--top-left {
|
||||
height: 79px;
|
||||
width: 84px;
|
||||
left: -30px;
|
||||
top: 0;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
left: -16px;
|
||||
top: -12px;
|
||||
}
|
||||
@media (min-width: 1024px) {
|
||||
.hero-media-search__frame .doodle--top-left {
|
||||
height: 172px;
|
||||
width: 183px;
|
||||
left: -47px;
|
||||
top: -54px;
|
||||
width: 90px;
|
||||
height: 90px;
|
||||
left: -28px;
|
||||
top: -28px;
|
||||
}
|
||||
}
|
||||
.hero-media-search__frame .doodle--bottom-right {
|
||||
height: 100px;
|
||||
width: 99px;
|
||||
bottom: -34px;
|
||||
right: -16px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
bottom: -16px;
|
||||
right: -12px;
|
||||
}
|
||||
@media (min-width: 1024px) {
|
||||
.hero-media-search__frame .doodle--bottom-right {
|
||||
height: 196px;
|
||||
width: 195px;
|
||||
bottom: -46px;
|
||||
right: -44px;
|
||||
width: 90px;
|
||||
height: 90px;
|
||||
bottom: -28px;
|
||||
right: -28px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -2425,6 +2440,7 @@ html {
|
||||
.section-bg[data-bg="white"]::before { background: var(--bg-white); }
|
||||
.section-bg[data-bg="mint"]::before { background: var(--color-bg-alt); }
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.suggestions__item { animation: none; }
|
||||
.banner_label { animation: 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 {
|
||||
gap: clamp(20px, 2.5vw, 30px);
|
||||
}
|
||||
|
||||
@ -816,7 +816,7 @@ function enqueue_template_specific_styles() {
|
||||
'template-specific-style',
|
||||
get_template_directory_uri() . '/assets/css/camp.css',
|
||||
array(),
|
||||
'1.3'
|
||||
'1.4'
|
||||
);
|
||||
wp_enqueue_script(
|
||||
'camp-script',
|
||||
|
||||
@ -231,10 +231,13 @@ $metrics = [
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section-bg suggestions" data-bg="mint">
|
||||
<div class="container">
|
||||
<div class="suggestions__header">
|
||||
<h2 id="camp-advantages" class="camp_title">Почему мамы выбирают "Декарт": дети бегут сюда сами</h2>
|
||||
<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'];
|
||||
if (is_array($suggestions)) {
|
||||
foreach ($suggestions as $index => $item) {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user