From 821e6071b5d3f16e7eb6188c92eebae86fadfbc2 Mon Sep 17 00:00:00 2001 From: Edi Yang Date: Mon, 11 May 2026 13:08:26 -0700 Subject: [PATCH] flatten Select picker css selectors --- .../components/src/Select/Select.module.css | 21 +++++++------------ 1 file changed, 8 insertions(+), 13 deletions(-) diff --git a/packages/components/src/Select/Select.module.css b/packages/components/src/Select/Select.module.css index c8f7234577..f1a893c935 100644 --- a/packages/components/src/Select/Select.module.css +++ b/packages/components/src/Select/Select.module.css @@ -15,22 +15,17 @@ &, &::picker(select) { appearance: base-select; - - /* Dropdown styling */ - &::picker(select) { - box-shadow: var(--shadow-base); - margin-top: var(--space-small); - padding: 0; - border: var(--border-base) solid var(--color-border); - border-radius: var(--radius-base); - background: var(--color-surface); - } } - /* enable transitions in the drop down */ + /* Dropdown styling + transitions */ &::picker(select) { - transition: - opacity var(--timing-base) ease, + box-shadow: var(--shadow-base); + margin-top: var(--space-small); + padding: 0; + border: var(--border-base) solid var(--color-border); + border-radius: var(--radius-base); + background: var(--color-surface); + transition: opacity var(--timing-base) ease, transform var(--timing-base) ease-out, display var(--timing-base) allow-discrete, overlay var(--timing-base) allow-discrete;