Final. Deploy ready
This commit is contained in:
parent
bae42507e4
commit
d7268a1ccc
@ -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; }
|
||||||
@ -2485,17 +2501,9 @@ html {
|
|||||||
padding: clamp(13px, 1.67vw, 20px) clamp(20px, 2.5vw, 30px);
|
padding: clamp(13px, 1.67vw, 20px) clamp(20px, 2.5vw, 30px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner__right-part {
|
.banner__right-part {
|
||||||
border-radius: clamp(26px, 3.33vw, 40px);
|
border-radius: clamp(26px, 3.33vw, 40px);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
margin-top: clamp(20px, 2.5vw, 30px);
|
|
||||||
gap: clamp(26px, 3.33vw, 40px);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.programs-wrapper {
|
.programs-wrapper {
|
||||||
|
|||||||
@ -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',
|
||||||
|
|||||||
@ -231,11 +231,14 @@ $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">
|
||||||
<h2 id="camp-advantages" class="camp_title">Почему мамы выбирают "Декарт": дети бегут сюда сами</h2>
|
<div class="suggestions__header">
|
||||||
<p class="suggestions__subtitle">Никаких уговоров по утрам. Никаких «забери меня». Только горящие глаза и «а можно ещё?»</p>
|
<h2 id="camp-advantages" class="camp_title">Почему мамы выбирают "Декарт": дети бегут сюда сами</h2>
|
||||||
<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'];
|
<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)) {
|
if (is_array($suggestions)) {
|
||||||
foreach ($suggestions as $index => $item) {
|
foreach ($suggestions as $index => $item) {
|
||||||
$suggestions_title = $item['suggestions_title'];
|
$suggestions_title = $item['suggestions_title'];
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user