Лагерь: CSS
This commit is contained in:
parent
7e430fe801
commit
9be23eb67b
@ -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; }
|
||||
|
||||
@ -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' );
|
||||
|
||||
Loading…
Reference in New Issue
Block a user