summaryrefslogtreecommitdiff
path: root/src/components/widgets/Steps2.astro
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/widgets/Steps2.astro')
-rw-r--r--src/components/widgets/Steps2.astro8
1 files changed, 4 insertions, 4 deletions
diff --git a/src/components/widgets/Steps2.astro b/src/components/widgets/Steps2.astro
index 7a84282..23cd72a 100644
--- a/src/components/widgets/Steps2.astro
+++ b/src/components/widgets/Steps2.astro
@@ -39,8 +39,8 @@ function makeEmailsClickable(text: string | undefined): string {
tagline={tagline}
classes={{
container: 'text-center md:text-left rtl:md:text-right mb-4 md:mb-8',
- title: 'mb-4 text-3xl lg:text-4xl font-bold font-heading',
- subtitle: 'mb-8 text-xl text-muted dark:text-slate-400',
+ title: `mb-4 text-3xl lg:text-4xl font-bold font-heading ${typeof classes?.container === 'string' && classes.container.includes('text-white') ? 'text-white' : ''}`,
+ subtitle: `mb-8 text-xl ${typeof classes?.container === 'string' && classes.container.includes('text-white') ? 'text-gray-300' : 'text-muted dark:text-slate-400'}`,
// ...((classes?.headline as {}) ?? {}),
}}
/>
@@ -69,9 +69,9 @@ function makeEmailsClickable(text: string | undefined): string {
</span>
</div>
<div class="pl-4 rtl:pl-0 rtl:pr-4">
- <h3 class="mb-4 text-xl font-semibold font-heading" set:html={title2} />
+ <h3 class={`mb-4 text-xl font-semibold font-heading ${typeof classes?.container === 'string' && classes.container.includes('text-white') ? 'text-white' : ''}`} set:html={title2} />
<p
- class="text-muted dark:text-gray-400"
+ class={`${typeof classes?.container === 'string' && classes.container.includes('text-white') ? 'text-gray-300' : 'text-muted dark:text-gray-400'}`}
set:html={description ? makeEmailsClickable(description) : ''}
/>
</div>