Skip to content

Commit dc56977

Browse files
committed
feat(picker): add down state
Add new down state using "calculated perspective" method, and existing custom properties that define the width and height.
1 parent a9e5768 commit dc56977

File tree

1 file changed

+5
-0
lines changed

1 file changed

+5
-0
lines changed

components/picker/index.css

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -251,6 +251,11 @@ governing permissions and limitations under the License.
251251
&:active {
252252
background-color: var(--highcontrast-picker-background-color, var(--mod-picker-background-color-active, var(--spectrum-picker-background-color-active)));
253253
border-color: var(--highcontrast-picker-border-color-default, var(--mod-picker-border-active, var(--spectrum-picker-border-color-active)));
254+
transform: perspective(max(
255+
var(--spectrum-downstate-height, var(--mod-picker-block-size, var(--spectrum-picker-block-size))),
256+
var(--spectrum-downstate-width, var(--mod-picker-inline-size, var(--spectrum-picker-inline-size))) * var(--spectrum-component-size-width-ratio-down)
257+
))
258+
translateZ(var(--spectrum-component-size-difference-down));
254259

255260
/* Focus indicator */
256261
&::after {

0 commit comments

Comments
 (0)