bender/66870050-3e1e-4df2-b984-98298884873e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_2_1778354030823
Branches Tags
bender:main bender:version_9_1778358860476 bender:version_8_1778357203266 bender:version_7_1778356965756 bender:version_6_1778355317849 bender:version_5_1778355140725 bender:version_4_1778354978472 bender:version_3_1778354574150 bender:version_2_1778354030823 bender:version_1_1778352894338
...
pull from: bender:version_5_1778355140725
Branches Tags
bender:main bender:version_9_1778358860476 bender:version_8_1778357203266 bender:version_7_1778356965756 bender:version_6_1778355317849 bender:version_5_1778355140725 bender:version_4_1778354978472 bender:version_3_1778354574150 bender:version_2_1778354030823 bender:version_1_1778352894338

6 Commits
version_2_ ... version_5_

Author SHA1 Message Date
kudinDmitriyUp
e9e582d543 feat: Change button style to be full 2026-05-09 19:33:23 +00:00
bender
5189fba3e2 Merge version_4_1778354978472 into main 
Merge version_4_1778354978472 into main
 2026-05-09 19:31:02 +00:00
kudinDmitriyUp
be75e69bf6 feat: connect hero buttons into a single unit 2026-05-09 19:30:22 +00:00
bender
9abaace63e Merge version_3_1778354574150 into main 
Merge version_3_1778354574150 into main
 2026-05-09 19:24:40 +00:00
kudinDmitriyUp
b65f797cc0 feat: update button styles to be more 3D 2026-05-09 19:24:01 +00:00
bender
4375d60256 Merge version_2_1778354030823 into main 
Merge version_2_1778354030823 into main
 2026-05-09 19:14:07 +00:00
2 changed files with 18 additions and 16 deletions
Expand all files Collapse all files

6
src/components/sections/hero/HeroSplit.tsx
View File

@@ -45,9 +45,9 @@ const HeroSplit = ({
className="max-w-8/10 text-lg md:text-xl leading-tight text-center md:text-left"
/>
<div className="flex flex-wrap max-md:justify-center gap-3 mt-3">
<Button text={primaryButton.text} href={primaryButton.href} variant="primary"/>
<Button text={secondaryButton.text} href={secondaryButton.href} variant="secondary"animationDelay={0.1} />
<div className="flex flex-wrap max-md:justify-center mt-3">
<Button text={primaryButton.text} href={primaryButton.href} variant="primary" className="rounded-r-none" />
<Button text={secondaryButton.text} href={secondaryButton.href} variant="secondary" className="rounded-l-none" animationDelay={0.1} />
</div>
</div>
</div>

28
src/index.css
View File

@@ -165,22 +165,24 @@ h6 {
.primary-button {
/* WEBILD_PRIMARY_BUTTON */
/* @primaryButtons/depth-layers */
/* @primaryButtons/full */
background: var(--color-primary-cta);
box-shadow: 0 1px 2px color-mix(in srgb, var(--color-primary-cta) 20%, transparent), 0 2px 4px color-mix(in srgb, var(--color-primary-cta) 20%, transparent), 0 4px 8px color-mix(in srgb, var(--color-primary-cta) 15%, transparent), 0 8px 16px color-mix(in srgb, var(--color-primary-cta) 10%, transparent), 0 16px 32px color-mix(in srgb, var(--color-primary-cta) 5%, transparent);
}
.primary-button:hover {
}
.primary-button:active {
}
.secondary-button {
/* WEBILD_SECONDARY_BUTTON */
/* @secondaryButtons/layered */
background:
linear-gradient(color-mix(in srgb, var(--color-accent) 5%, transparent) 0%, transparent 59.26%),
linear-gradient(var(--color-secondary-cta), var(--color-secondary-cta)),
linear-gradient(var(--color-secondary-cta), var(--color-secondary-cta)),
linear-gradient(color-mix(in srgb, var(--color-accent) 5%, transparent) 0%, transparent 59.26%),
linear-gradient(color-mix(in srgb, var(--color-secondary-cta) 60%, transparent), color-mix(in srgb, var(--color-secondary-cta) 60%, transparent)),
var(--color-secondary-cta);
box-shadow:
2.10837px 3.16256px 9.48767px color-mix(in srgb, var(--color-accent) 10%, transparent);
border: 1px solid var(--color-secondary-cta);
/* @secondaryButtons/full */
background: var(--color-secondary-cta);
}
.secondary-button:hover {
}
.secondary-button:active {
}