Testimonial tweaks

This commit is contained in:
David Hill
2025-10-02 15:37:36 +01:00
parent b35c6b9fff
commit f7ef1c286f
2 changed files with 16 additions and 8 deletions

View File

@@ -860,6 +860,9 @@ body {
[data-slot="faq-icon-plus"] { [data-slot="faq-icon-plus"] {
flex-shrink: 0; flex-shrink: 0;
color: var(--color-text-weak);
margin-top: 2px;
[data-closed] & { [data-closed] & {
display: block; display: block;
} }
@@ -869,6 +872,9 @@ body {
} }
[data-slot="faq-icon-minus"] { [data-slot="faq-icon-minus"] {
flex-shrink: 0; flex-shrink: 0;
color: var(--color-text-weak);
margin-top: 2px;
[data-closed] & { [data-closed] & {
display: none; display: none;
} }

View File

@@ -567,6 +567,9 @@ body {
[data-slot="faq-icon-plus"] { [data-slot="faq-icon-plus"] {
flex-shrink: 0; flex-shrink: 0;
color: var(--color-text-weak);
margin-top: 2px;
[data-closed] & { [data-closed] & {
display: block; display: block;
} }
@@ -576,6 +579,9 @@ body {
} }
[data-slot="faq-icon-minus"] { [data-slot="faq-icon-minus"] {
flex-shrink: 0; flex-shrink: 0;
color: var(--color-text-weak);
margin-top: 2px;
[data-closed] & { [data-closed] & {
display: none; display: none;
} }
@@ -602,14 +608,10 @@ body {
flex-direction: column; flex-direction: column;
gap: 20px; gap: 20px;
@media (max-width: 60rem) {
--padding: 1rem;
--vertical-padding: 1rem;
}
a { a {
text-decoration: none; text-decoration: none;
} }
[data-slot="testimonial"] { [data-slot="testimonial"] {
background: var(--color-background-weak); background: var(--color-background-weak);
border-radius: 6px; border-radius: 6px;
@@ -622,7 +624,6 @@ body {
@media (max-width: 30rem) { @media (max-width: 30rem) {
flex-direction: column-reverse; flex-direction: column-reverse;
gap: 24px; gap: 24px;
padding: 24px 48px;
} }
[data-slot="name"] { [data-slot="name"] {
@@ -631,13 +632,14 @@ body {
strong { strong {
font-weight: 500; font-weight: 500;
flex: 0 0 auto;
} }
span { span {
color: var(--color-text); color: var(--color-text);
} }
@media (max-width: 60rem) { @media (max-width: 30rem) {
flex-direction: column; flex-direction: column;
gap: 8px; gap: 8px;
} }
@@ -656,7 +658,7 @@ body {
[data-slot="quote"] { [data-slot="quote"] {
margin-left: 40px; margin-left: 40px;
@media (max-width: 60rem) { @media (max-width: 30rem) {
margin-left: 0; margin-left: 0;
} }
span { span {