Change accordion logic

This commit is contained in:
Roman Pyrih
2025-09-16 10:15:08 +02:00
parent 2a3ed50e96
commit a60adef6e8
5 changed files with 245 additions and 116 deletions

View File

@@ -809,6 +809,14 @@ article.article-card {
}
}
}
.c-acc-advanced {
.c-acc--item {
.c-acc--head {
cursor: pointer;
}
}
}
//* END Global
//* Home
@@ -2192,47 +2200,28 @@ body.page-id-54 {
flex-direction: column;
row-gap: 40px;
}
}
.tab-description {
@include respond-above(lg) {
padding-left: 48px;
border-left: 1px solid $cGold;
}
@include respond-below(lg) {
padding-top: 40px;
border-top: 1px solid $cGold;
}
.tab-description--head {
margin-bottom: 24px;
h3 {
color: $cGold;
font-weight: 400;
font-size: 24px;
line-height: 1.1;
letter-spacing: -0.48px;
.t-col {
&-1 {
.c-acc-advanced {
.c-acc--item {
&:not(:last-child) {
border-bottom: 1px solid #6a6a6a;
}
}
}
}
}
.tab-description--text {
margin-bottom: 40px;
p {
color: $cWhite;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
letter-spacing: -0.32px;
&:last-child {
margin-bottom: 0;
&-2 {
.c-acc-advanced {
.c-acc--item {
display: none;
}
}
}
}
}
.c-acc {
.c-acc-advanced {
padding: 0;
margin: 0;
@@ -2241,10 +2230,6 @@ body.page-id-54 {
max-width: 630px;
}
.c-acc--item {
&:not(:last-child) {
border-bottom: 1px solid #6a6a6a;
}
&.active {
.c-acc--head {
padding-left: 27px;
@@ -2322,16 +2307,39 @@ body.page-id-54 {
}
.c-acc--body {
display: none;
@include respond-above(lg) {
padding-left: 48px;
border-left: 1px solid $cGold;
}
@include respond-below(lg) {
padding-top: 40px;
border-top: 1px solid $cGold;
}
.tab-description--head {
margin-bottom: 24px;
h3 {
color: $cGold;
font-weight: 400;
font-size: 24px;
line-height: 1.1;
letter-spacing: -0.48px;
}
}
.tab-description--text {
margin-bottom: 40px;
.c-acc--body-text {
padding-bottom: 16px;
p {
color: $cWhite;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
letter-spacing: -0.32px;
&:last-child {
margin-bottom: 0;
}
}
}
}