Change accordion logic
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user