style: update base scss styles
This commit is contained in:
@@ -616,7 +616,7 @@ img {
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
padding: 16px 18px;
|
padding: 16px 18px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background: rgba(7, 10, 12, 0.84);
|
background: rgb(7, 10, 12);
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: translateY(10px);
|
transform: translateY(10px);
|
||||||
color: rgba(255, 255, 255, 0.7);
|
color: rgba(255, 255, 255, 0.7);
|
||||||
@@ -690,6 +690,19 @@ img {
|
|||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
}
|
}
|
||||||
|
@media (max-width: 600px) {
|
||||||
|
.pricing-item {
|
||||||
|
padding: 16px;
|
||||||
|
min-height: auto;
|
||||||
|
}
|
||||||
|
.pricing-item h3 {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
.pricing-item p {
|
||||||
|
font-size: 16px;
|
||||||
|
color: #dfdfdf;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.gallery {
|
.gallery {
|
||||||
background: linear-gradient(90deg, #293133, #20272a);
|
background: linear-gradient(90deg, #293133, #20272a);
|
||||||
@@ -1036,7 +1049,7 @@ img {
|
|||||||
.contacts-card__item-content a {
|
.contacts-card__item-content a {
|
||||||
color: rgba(255, 255, 255, 0.9);
|
color: rgba(255, 255, 255, 0.9);
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
line-height: 1.4;
|
line-height: 1.8;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
text-underline-offset: 2px;
|
text-underline-offset: 2px;
|
||||||
}
|
}
|
||||||
|
|||||||
2
assets/css/main.min.css
vendored
2
assets/css/main.min.css
vendored
File diff suppressed because one or more lines are too long
@@ -625,7 +625,7 @@ img {
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
padding: 16px 18px;
|
padding: 16px 18px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background: rgba(7, 10, 12, 0.84);
|
background: rgba(7, 10, 12, 1);
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: translateY(10px);
|
transform: translateY(10px);
|
||||||
color: $color-text-muted;
|
color: $color-text-muted;
|
||||||
@@ -707,6 +707,22 @@ img {
|
|||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Медиа-запрос для экранов меньше 600px
|
||||||
|
@media (max-width: 600px) {
|
||||||
|
padding: 16px; // Пример: уменьшаем внутренние отступы
|
||||||
|
min-height: auto; // Пример: убираем фиксированную минимальную высоту
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
font-size: 16px; // Пример: уменьшаем размер заголовка
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
font-size: 16px; // Пример: уменьшаем размер цены
|
||||||
|
color:#dfdfdf;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -1088,7 +1104,7 @@ img {
|
|||||||
a {
|
a {
|
||||||
color: rgba(255, 255, 255, 0.9);
|
color: rgba(255, 255, 255, 0.9);
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
line-height: 1.4;
|
line-height: 1.8;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
text-underline-offset: 2px;
|
text-underline-offset: 2px;
|
||||||
}
|
}
|
||||||
|
|||||||
14
index.html
14
index.html
@@ -33,7 +33,7 @@
|
|||||||
лёд, залы, проживание и питание на одной территории
|
лёд, залы, проживание и питание на одной территории
|
||||||
</h1>
|
</h1>
|
||||||
<p>
|
<p>
|
||||||
Два ледовых поля 56×26 м, универсальный зал, фитнес-центр и
|
Два ледовых поля 58×26 м, универсальный зал, фитнес-центр и
|
||||||
апарт-отель на 70+ номеров. В пределах ТТК.
|
апарт-отель на 70+ номеров. В пределах ТТК.
|
||||||
</p>
|
</p>
|
||||||
<ul class="hero__tags">
|
<ul class="hero__tags">
|
||||||
@@ -103,7 +103,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<article class="object-card object-card--reverse">
|
<article class="object-card object-card--reverse" style="display:none;">
|
||||||
<div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/other/1231.png');"></div>
|
<div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/other/1231.png');"></div>
|
||||||
<div class="object-card__content">
|
<div class="object-card__content">
|
||||||
<h3>Зал хореографии</h3>
|
<h3>Зал хореографии</h3>
|
||||||
@@ -229,7 +229,7 @@
|
|||||||
<p>от 25.000₽/час</p>
|
<p>от 25.000₽/час</p>
|
||||||
</article>
|
</article>
|
||||||
<article class="pricing-item">
|
<article class="pricing-item">
|
||||||
<h3>Аренда универсального зала</h3>
|
<h3>Универсальный зал</h3>
|
||||||
<p>от 7.000₽/час</p>
|
<p>от 7.000₽/час</p>
|
||||||
</article>
|
</article>
|
||||||
<article class="pricing-item">
|
<article class="pricing-item">
|
||||||
@@ -356,7 +356,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="section facts" id="facts">
|
<section class="section facts" id="facts" style="display:none;">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<header class="section__head">
|
<header class="section__head">
|
||||||
<h2>Цифры о комплексе</h2>
|
<h2>Цифры о комплексе</h2>
|
||||||
@@ -440,7 +440,7 @@
|
|||||||
</span>
|
</span>
|
||||||
<div class="contacts-card__item-content">
|
<div class="contacts-card__item-content">
|
||||||
<strong>Адрес</strong>
|
<strong>Адрес</strong>
|
||||||
<span>Москва, Автомобильный проезд, 4</span>
|
<span>Москва, Автомобильный проезд, 4к5</span>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
@@ -462,7 +462,7 @@
|
|||||||
</span>
|
</span>
|
||||||
<div class="contacts-card__item-content">
|
<div class="contacts-card__item-content">
|
||||||
<strong>Телефон</strong>
|
<strong>Телефон</strong>
|
||||||
<a href="tel:+79251404737">+7 (925) 140-47-37</a>
|
<a style="margin-bottom:5px;" href="tel:+79251404737">+7 (925) 140-47-37</a><br>
|
||||||
<a href="tel:+79251404764">+7 (925) 140-47-64</a>
|
<a href="tel:+79251404764">+7 (925) 140-47-64</a>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
@@ -575,7 +575,7 @@
|
|||||||
</nav>
|
</nav>
|
||||||
<div class="footer__contacts">
|
<div class="footer__contacts">
|
||||||
<h4>Контакты и режим работы</h4>
|
<h4>Контакты и режим работы</h4>
|
||||||
<a href="tel:+79251404737">+7 (925) 140-47-37</a>
|
<a href="tel:+79251404737">+7 (925) 140-47-37</a><br>
|
||||||
<a href="tel:+79251404764">+7 (925) 140-47-64</a>
|
<a href="tel:+79251404764">+7 (925) 140-47-64</a>
|
||||||
<a href="mailto:receptionadmin@o-arena.ru">receptionadmin@o-arena.ru</a>
|
<a href="mailto:receptionadmin@o-arena.ru">receptionadmin@o-arena.ru</a>
|
||||||
<span>Москва, Автомобильный проезд, 4</span>
|
<span>Москва, Автомобильный проезд, 4</span>
|
||||||
|
|||||||
Reference in New Issue
Block a user