bender/56c2acd6-4b21-4531-9a0d-4cbc26e27ed9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2_1777417348739 into main #4

Merged
bender merged 1 commits from version_2_1777417348739 into main 2026-04-28 23:03:43 +00:00
Conversation 0 Commits 1 Files Changed 1 +32 -5
1 changed files with 32 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/index.css
View File

@@ -171,13 +171,40 @@ h6 {
.primary-button {
/* WEBILD_PRIMARY_BUTTON */
/* @primaryButtons/soft-glow */
background: radial-gradient(ellipse at 50% -20%, color-mix(in srgb, var(--color-primary-cta) 70%, var(--color-foreground)) 0%, var(--color-primary-cta) 70%);
box-shadow: 0 8px 24px -6px color-mix(in srgb, var(--color-primary-cta) 35%, transparent), inset 0 1px 0 0 color-mix(in srgb, var(--color-foreground) 20%, transparent);
/* @primaryButtons/3d */
background: linear-gradient(180deg, color-mix(in srgb, var(--color-primary-cta) 85%, white) 0%, var(--color-primary-cta) 100%);
box-shadow:
inset 0 1px 1px color-mix(in srgb, var(--color-primary-cta-text) 30%, transparent),
0 4px 0 color-mix(in srgb, var(--color-primary-cta) 60%, black),
0 6px 10px rgba(0, 0, 0, 0.3);
transform: translateY(0);
transition: transform 0.1s, box-shadow 0.1s;
}
.primary-button:active {
transform: translateY(4px);
box-shadow:
inset 0 1px 1px color-mix(in srgb, var(--color-primary-cta-text) 30%, transparent),
0 0px 0 color-mix(in srgb, var(--color-primary-cta) 60%, black),
0 2px 4px rgba(0, 0, 0, 0.3);
}
.secondary-button {
/* WEBILD_SECONDARY_BUTTON */
/* @secondaryButtons/solid */
background: var(--color-secondary-cta);
/* @secondaryButtons/3d */
background: linear-gradient(180deg, color-mix(in srgb, var(--color-secondary-cta) 85%, white) 0%, var(--color-secondary-cta) 100%);
box-shadow:
inset 0 1px 1px color-mix(in srgb, var(--color-secondary-cta-text) 30%, transparent),
0 4px 0 color-mix(in srgb, var(--color-secondary-cta) 60%, black),
0 6px 10px rgba(0, 0, 0, 0.15);
transform: translateY(0);
transition: transform 0.1s, box-shadow 0.1s;
}
.secondary-button:active {
transform: translateY(4px);
box-shadow:
inset 0 1px 1px color-mix(in srgb, var(--color-secondary-cta-text) 30%, transparent),
0 0px 0 color-mix(in srgb, var(--color-secondary-cta) 60%, black),
0 2px 4px rgba(0, 0, 0, 0.15);
}