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_4_1778354978472
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

2 Commits
version_4_ ... 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
1 changed files with 2 additions and 18 deletions
Expand all files Collapse all files

20
src/index.css
View File

@@ -165,40 +165,24 @@ h6 {
.primary-button {
/* WEBILD_PRIMARY_BUTTON */
/* @primaryButtons/depth-layers */
/* @primaryButtons/full */
background: var(--color-primary-cta);
border-top: 1px solid color-mix(in srgb, var(--color-primary-cta) 80%, #fff);
border-bottom: 1px solid color-mix(in srgb, var(--color-primary-cta) 80%, #000);
box-shadow: 0 4px 6px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.08);
transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
}
.primary-button:hover {
transform: translateY(-2px);
box-shadow: 0 7px 14px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.08);
}
.primary-button:active {
transform: translateY(1px);
box-shadow: 0 2px 4px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.08);
}
.secondary-button {
/* WEBILD_SECONDARY_BUTTON */
/* @secondaryButtons/layered */
/* @secondaryButtons/full */
background: var(--color-secondary-cta);
border-top: 1px solid color-mix(in srgb, var(--color-secondary-cta) 80%, #fff);
border-bottom: 1px solid color-mix(in srgb, var(--color-secondary-cta) 80%, #000);
box-shadow: 0 4px 6px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.08);
transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
}
.secondary-button:hover {
transform: translateY(-2px);
box-shadow: 0 7px 14px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.08);
}
.secondary-button:active {
transform: translateY(1px);
box-shadow: 0 2px 4px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.08);
}