Лагерь: CSS
This commit is contained in:
parent
d5339421de
commit
77e424ca9a
@ -1492,6 +1492,41 @@ html {
|
|||||||
margin: 4px 0 0;
|
margin: 4px 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.mentors__item {
|
||||||
|
width: calc(50% - 12px);
|
||||||
|
}
|
||||||
|
.mentors-wrapper {
|
||||||
|
gap: 20px;
|
||||||
|
}
|
||||||
|
.mentors__card-top {
|
||||||
|
padding: 24px 16px 16px;
|
||||||
|
}
|
||||||
|
.mentors__photo {
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
|
}
|
||||||
|
.mentors__card-body {
|
||||||
|
padding: 14px 16px 18px;
|
||||||
|
gap: 6px;
|
||||||
|
}
|
||||||
|
.mentors__name {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.mentors__job, .mentors__about {
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
.mentors__item {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
/* mentors END */
|
/* mentors END */
|
||||||
|
|
||||||
|
|
||||||
@ -2397,42 +2432,6 @@ html {
|
|||||||
border-radius: clamp(33px, 4.17vw, 50px);
|
border-radius: clamp(33px, 4.17vw, 50px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.camp-left-part .btn-place {
|
|
||||||
border: clamp(1px, .17vw, 2px) solid #3bb273;
|
|
||||||
}
|
|
||||||
|
|
||||||
.camp-right-part .btn-place {
|
|
||||||
border: clamp(1px, .17vw, 2px) solid #ae5fcd;
|
|
||||||
}
|
|
||||||
|
|
||||||
.part-day ul {
|
|
||||||
gap: clamp(6px, .83vw, 10px);
|
|
||||||
font-size: clamp(12px, 1.5vw, 18px);
|
|
||||||
padding-left: clamp(13px, 1.67vw, 20px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.mentors-wrapper {
|
|
||||||
gap: clamp(26px, 3.33vw, 40px) clamp(20px, 2.5vw, 30px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.mentors__item {
|
|
||||||
width: calc(25% - clamp(15px, 1.92vw, 23px));
|
|
||||||
gap: clamp(6px, .83vw, 10px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.mentors__item_img {
|
|
||||||
border-radius: clamp(20px, 2.5vw, 30px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.mentors__item_name {
|
|
||||||
font-size: clamp(17px, 2.17vw, 26px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.mentors__item_text {
|
|
||||||
font-size: clamp(12px, 1.5vw, 18px);
|
|
||||||
margin-bottom: clamp(6px, .83vw, 10px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-mentors-wrapper {
|
.modal-mentors-wrapper {
|
||||||
padding: clamp(33px, 4.17vw, 50px);
|
padding: clamp(33px, 4.17vw, 50px);
|
||||||
gap: clamp(26px, 3.33vw, 40px);
|
gap: clamp(26px, 3.33vw, 40px);
|
||||||
@ -2876,19 +2875,6 @@ html {
|
|||||||
.mentors__item_name {
|
.mentors__item_name {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mentors__item_text {
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.routine-wrapper {
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.routine-wrapper {
|
|
||||||
gap: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.routine__item_time {
|
.routine__item_time {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -247,7 +247,7 @@ $metrics = [
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="section-reveal section-bg programs" data-bg="mint" itemscope itemtype="https://schema.org/ItemList">
|
<section class="section-bg programs" data-bg="mint" itemscope itemtype="https://schema.org/ItemList">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<h2 class="camp_title" itemprop="name">Летние программы</h2>
|
<h2 class="camp_title" itemprop="name">Летние программы</h2>
|
||||||
<div class="programs__grid">
|
<div class="programs__grid">
|
||||||
@ -374,7 +374,6 @@ $metrics = [
|
|||||||
$mentor_job = $item['mentor_job'] ?? '';
|
$mentor_job = $item['mentor_job'] ?? '';
|
||||||
$mentor_foto = $item['mentor_foto'] ?? 0;
|
$mentor_foto = $item['mentor_foto'] ?? 0;
|
||||||
$mentor_about = $item['mentor_about'] ?? '';
|
$mentor_about = $item['mentor_about'] ?? '';
|
||||||
$mentor_about = $item['mentor_about'] ?? '';
|
|
||||||
?>
|
?>
|
||||||
<div class="mentors__item">
|
<div class="mentors__item">
|
||||||
<div class="mentors__card">
|
<div class="mentors__card">
|
||||||
@ -393,20 +392,6 @@ $metrics = [
|
|||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="mentors__card-body">
|
|
||||||
<span class="mentors__name"><?php echo esc_html($mentorName); ?></span>
|
|
||||||
<p class="mentors__job"><?php echo esc_html($mentor_job); ?></p>
|
|
||||||
<?php if ($mentor_about) : ?>
|
|
||||||
<p class="mentors__about"><?php echo esc_html($mentor_about); ?></p>
|
|
||||||
<?php endif; ?>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="mentor-modal-content hidden">
|
|
||||||
<div class="mentor-modal-education"><?php echo esc_html($mentor_education); ?></div>
|
|
||||||
<div class="mentor-modal-experience"><?php echo esc_html($mentor_exp); ?></div>
|
|
||||||
<div class="mentor-modal-additional"><?php echo esc_html($mentor_add_education); ?></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<?php }
|
<?php }
|
||||||
} ?>
|
} ?>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user