From e9e582d543d83f778eb03b4b62795a980c85b2a9 Mon Sep 17 00:00:00 2001 From: kudinDmitriyUp Date: Sat, 9 May 2026 19:33:23 +0000 Subject: [PATCH] feat: Change button style to be full --- src/index.css | 20 ++------------------ 1 file changed, 2 insertions(+), 18 deletions(-) diff --git a/src/index.css b/src/index.css index 071096b..bf6cb60 100644 --- a/src/index.css +++ b/src/index.css @@ -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); }