From 66fed323067b118650b555749360f4731c039914 Mon Sep 17 00:00:00 2001 From: Evan Herman Date: Thu, 18 Jan 2024 16:22:33 -0500 Subject: [PATCH] Tweak styles --- .dev/assets/design-styles/trendy/css/blocks/button.scss | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/.dev/assets/design-styles/trendy/css/blocks/button.scss b/.dev/assets/design-styles/trendy/css/blocks/button.scss index a91abd6b..b557ac80 100644 --- a/.dev/assets/design-styles/trendy/css/blocks/button.scss +++ b/.dev/assets/design-styles/trendy/css/blocks/button.scss @@ -3,6 +3,7 @@ .wp-block-button__link:not(.wp-block-coblocks-social__button) { box-shadow: 0.4em 0.4em 0 0 rgba(0, 0, 0, 0.075); overflow: hidden; + transition: width 200ms cubic-bezier(0.7, 0, 0.3, 1); &::after { content: "→"; @@ -11,7 +12,8 @@ overflow: hidden; position: relative; top: 1px; - transition: width 100ms cubic-bezier(0.7, 0, 0.3, 1) 100ms, opacity 200ms cubic-bezier(0.7, 0, 0.3, 1), margin 200ms cubic-bezier(0.7, 0, 0.3, 1) 100ms; + transition: max-width 200ms cubic-bezier(0.7, 0, 0.3, 1), opacity 200ms cubic-bezier(0.7, 0, 0.3, 1), margin 100ms cubic-bezier(0.7, 0, 0.3, 1) 100ms; + max-width: 0; width: 0; } @@ -21,7 +23,8 @@ &::after { margin-left: 10px; opacity: 1; - width: 20px; + max-width: 300px; + width: auto; } } }