File tree Expand file tree Collapse file tree 1 file changed +6
-19
lines changed Expand file tree Collapse file tree 1 file changed +6
-19
lines changed Original file line number Diff line number Diff line change @@ -508,33 +508,20 @@ atomic-search-layout atomic-layout-section[section="search"] {
508
508
box-shadow : 3px 3px 0px var (--color-shadow );
509
509
}
510
510
511
- @keyframes rotateAnimationToCloseIcon {
512
- 0% {
513
- transform : rotate (0deg );
514
- }
515
- 100% {
516
- transform : rotate (180deg );
517
- }
518
- }
519
-
520
- @keyframes rotateAnimationToOpenIcon {
521
- 0% {
522
- transform : rotate (180deg );
523
- }
524
- 100% {
525
- transform : rotate (0deg );
526
- }
511
+ .product-selector-button-icon {
512
+ transform : rotate (90deg );
527
513
}
528
514
529
515
button : has (~ .product-selector [style *= "block" ])
530
516
> .product-selector-button-icon {
531
- animation : rotateAnimationToCloseIcon 0.25s ease-in-out forwards;
517
+ transition : transform 0.25s ease-in-out;
518
+ transform : rotate (0deg );
532
519
}
533
520
534
521
button : has (~ .product-selector [style *= "none" ]) > .product-selector-button-icon {
535
- animation : rotateAnimationToOpenIcon 0.25s ease-in-out forwards;
522
+ transition : transform 0.25s ease-in-out;
523
+ transform : rotate (90deg );
536
524
}
537
-
538
525
.product-selector p {
539
526
font-size : 0.75rem ;
540
527
color : var (--color-product-title );
You can’t perform that action at this time.
0 commit comments