style: add some style 4 #22

Merged
artem merged 1 commits from style/design into main 2026-06-05 08:01:16 +00:00
3 changed files with 41 additions and 17 deletions

View File

@@ -180,7 +180,9 @@ img {
padding: 10px 24px;
font-size: 14px;
line-height: 20px;
box-shadow: 0 10px 15px rgba(231, 0, 11, 0.4), 0 4px 6px rgba(231, 0, 11, 0.4);
/*box-shadow: 0 10px 15px rgba(231, 0, 11, 0.4), 0 4px 6px rgba(231, 0, 11, 0.4);*/
font-weight: 400;
text-transform: uppercase;
}
.btn--ghost {
border: 2px solid rgba(255, 255, 255, 0.2);
@@ -282,6 +284,8 @@ img {
}
.hero h1 span {
color: #cf1717;
font-family: Montserrat, Inter, Segoe UI, Segoe UI Variable, Helvetica Neue, Arial, sans-serif;
font-weight: 700;
}
.hero p {
max-width: 768px;
@@ -460,15 +464,17 @@ img {
display: block;
}
.feature-card h3 {
margin-bottom: 10px;
margin-bottom: 7px;
font-size: 18px;
font-weight: 700;
/*font-weight: 700;*/
line-height: 1.2;
font-weight: 600;
}
.feature-card p {
color: rgba(255, 255, 255, 0.7);
font-size: 16px;
line-height: 1.3;
font-weight: 300;
}
.objects {
@@ -535,7 +541,7 @@ img {
border-radius: 10px;
font-size: 14px;
text-transform: uppercase;
font-weight: 300;
font-weight: 400;
}
.object-card__content ul {
margin-bottom: 24px;
@@ -686,9 +692,10 @@ img {
.pricing__note {
margin-bottom: 30px;
color: rgba(255, 255, 255, 0.8);
font-size: 18px;
font-size: 14px;
line-height: 1.45;
text-align: center;
font-weight: 200;
}
.pricing__cta {
text-align: center;
@@ -1680,10 +1687,12 @@ img {
grid-template-columns: 1fr;
}
.feature-card h3,
.object-card__content h3,
.booking h2 {
.object-card__content h3 {
font-size: 24px;
}
.booking h2 {
font-size: 32px;
}
.booking input,
.booking select {
height: 52px;
@@ -1790,11 +1799,13 @@ img {
.feature-card,
.review-card,
.stats__item,
.contacts-card,
.hours-card,
.object-card__content {
padding: 24px;
}
.contacts-card {
padding: 33px;
}
.object-card__image {
min-height: 260px;
}

File diff suppressed because one or more lines are too long

View File

@@ -126,7 +126,9 @@ img {
padding: 10px 24px;
font-size: 14px;
line-height: 20px;
box-shadow: 0 10px 15px rgba(231, 0, 11, 0.4), 0 4px 6px rgba(231, 0, 11, 0.4);
/*box-shadow: 0 10px 15px rgba(231, 0, 11, 0.4), 0 4px 6px rgba(231, 0, 11, 0.4);*/
font-weight:400;
text-transform:uppercase;
}
&--ghost {
@@ -247,6 +249,8 @@ img {
span {
color: $color-accent;
font-family: Montserrat, Inter, Segoe UI, Segoe UI Variable, Helvetica Neue, Arial, sans-serif;
font-weight:700;
}
}
@@ -447,16 +451,18 @@ img {
}
h3 {
margin-bottom: 10px;
margin-bottom: 7px;
font-size: 18px;
font-weight: 700;
/*font-weight: 700;*/
line-height: 1.2;
font-weight:600;
}
p {
color: $color-text-muted;
font-size: 16px;
line-height: 1.3;
font-weight:300;
}
}
@@ -529,7 +535,7 @@ img {
border-radius: 10px;
font-size: 14px;
text-transform: uppercase;
font-weight:300;
font-weight:400;
}
ul {
@@ -705,9 +711,10 @@ img {
&__note {
margin-bottom: 30px;
color: $color-text-soft;
font-size: 18px;
font-size: 14px;
line-height: 1.45;
text-align: center;
font-weight:200;
}
&__cta {
@@ -1898,10 +1905,12 @@ img {
}
.feature-card h3,
.object-card__content h3,
.booking h2 {
.object-card__content h3 {
font-size: 24px;
}
.booking h2 {
font-size: 32px;
}
.booking {
input,
@@ -2057,11 +2066,15 @@ img {
.feature-card,
.review-card,
.stats__item,
.contacts-card,
.hours-card,
.object-card__content {
padding: 24px;
}
.contacts-card{
padding:33px;
}
.object-card__image {
min-height: 260px;