Лагерь: CSS

This commit is contained in:
Dekart Deploy Bot 2026-05-11 16:42:17 +03:00
parent 7e430fe801
commit 9be23eb67b
2 changed files with 21 additions and 28 deletions

View File

@ -3,6 +3,9 @@
--main-blue: #006DB7;
--main-yellow: #FFD43E;
--section-padding: clamp(30px, 6.25vw, 75px);
--bg-hero: #f6f1e9;
--bg-white: #ffffff;
--bg-mint: #f5faf7;
}
html {
@ -2094,13 +2097,13 @@ html {
}
/*
SECTION BACKGROUNDS full-width, unique per section
SECTION BACKGROUNDS full-width via shared class + data-bg
*/
.camp section:not(.hero-media-search) {
.section-bg {
position: relative;
}
.camp section::before {
.section-bg::before {
content: '';
position: absolute;
top: 0;
@ -2109,19 +2112,9 @@ html {
width: 100vw;
z-index: -1;
}
.hero-media-search::before { background: #f6f1e9; }
.about-us::before { background: #ffffff; }
.suggestions::before { background: #f5faf7; }
.infograph::before { background: #faf7f2; }
.programs::before { background: #faf5eb; }
.bring-child::before { background: #f8f5ff; }
.mentors::before { background: #f0f7fa; }
.routine::before { background: #ffffff; }
.foto::before { background: #faf7f2; }
.camp-reviews::before { background: #f6f1e9; }
.camp-faq::before { background: #ffffff; }
.camp-contact::before { background: #f5faf7; }
.section-bg[data-bg="hero"]::before { background: var(--bg-hero); }
.section-bg[data-bg="white"]::before { background: var(--bg-white); }
.section-bg[data-bg="mint"]::before { background: var(--bg-mint); }
@media (prefers-reduced-motion: reduce) {
.fade-up { opacity: 1; transform: none; transition: none; }

View File

@ -79,7 +79,7 @@ $metrics = [
?>
<section class="hero-media-search">
<section class="section-bg hero-media-search" data-bg="hero">
<div class="container">
<div class="hero-media-search__container">
@ -147,7 +147,7 @@ $metrics = [
</div>
</div>
</section>
<section class="about-us">
<section class="section-bg about-us" data-bg="white">
<div class="container">
<div class="about-us__wrapper">
<div class="about-us__image-col">
@ -194,7 +194,7 @@ $metrics = [
</div>
</div>
</section>
<section class="suggestions">
<section class="section-bg suggestions" data-bg="mint">
<div class="container">
<h2 class="camp_title">Почему мамы выбирают Dekart: дети бегут сюда сами</h2>
<p class="suggestions__subtitle">Никаких уговоров по утрам. Никаких «забери меня». Только горящие глаза и «а можно ещё?»</p>
@ -215,7 +215,7 @@ $metrics = [
} ?> </div>
</div>
</section>
<section class="infograph">
<section class="section-bg infograph" data-bg="white">
<div class="container">
<h2 class="camp_title">Цифры, которые говорят сами за себя</h2>
<p class="infograph__lead">Мы создаём среду, где каждый ребёнок раскрывает свой потенциал</p>
@ -257,7 +257,7 @@ $metrics = [
</div>
</section>
<section class="programs" itemscope itemtype="https://schema.org/ItemList">
<section class="section-bg programs" data-bg="mint" itemscope itemtype="https://schema.org/ItemList">
<div class="container">
<h2 class="camp_title" itemprop="name">Летние программы</h2>
<div class="programs__grid">
@ -295,7 +295,7 @@ $metrics = [
<?php getBanner('', $post_id); ?>
<section class="bring-child" itemscope itemtype="https://schema.org/Product">
<section class="section-bg bring-child" data-bg="white" itemscope itemtype="https://schema.org/Product">
<meta itemprop="name" content="Городской лагерь Декарт">
<meta itemprop="description" content="Стоимость пребывания в городском лагере Декарт">
<?php
@ -368,7 +368,7 @@ $metrics = [
</div>
</section>
<section class="mentors">
<section class="section-bg mentors" data-bg="mint">
<h2 class="camp_title">Наши наставники и ведущие мастер-классов</h2>
<div class="mentors-wrapper">
<?php
@ -414,7 +414,7 @@ $metrics = [
</section>
<section class="routine">
<section class="section-bg routine" data-bg="white">
<h2 class="camp_title">Распорядок дня в клубе</h2>
<div class="routine-wrapper">
<?php
@ -439,7 +439,7 @@ $metrics = [
</div>
</section>
<section class="foto">
<section class="section-bg foto" data-bg="mint">
<h2 class="camp_title">Наши фотографии</h2>
<div class="camp-foto-wrapper">
<?php
@ -474,7 +474,7 @@ $metrics = [
</div>
</section>
<section class="camp-reviews">
<section class="section-bg camp-reviews" data-bg="white">
<h2 class="camp_title">Что говорят о нас родители</h2>
<?php
@ -564,7 +564,7 @@ $metrics = [
<?php getBanner("2", $post_id); ?>
<section class="camp-faq">
<section class="section-bg camp-faq" data-bg="mint">
<h2 class="camp_title">Часто задаваемые вопросы</h2>
<div class="faq-wrapper" itemscope itemtype="https://schema.org/FAQPage">
@ -609,7 +609,7 @@ $metrics = [
</div>
</section>
<section class="camp-contact">
<section class="section-bg camp-contact" data-bg="white">
<?php
$contact_tel = carbon_get_post_meta($post_id, 'contact_tel' );
$contact_address = carbon_get_post_meta($post_id, 'contact_address' );