Skip to content

Commit 9871f2d

Browse files
Update assets/css/v2/style.css
Co-authored-by: Jack Hickey <133868041+nginx-jack@users.noreply.github.com>
1 parent ef57b39 commit 9871f2d

File tree

1 file changed

+6
-19
lines changed

1 file changed

+6
-19
lines changed

assets/css/v2/style.css

Lines changed: 6 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -508,33 +508,20 @@ atomic-search-layout atomic-layout-section[section="search"] {
508508
box-shadow: 3px 3px 0px var(--color-shadow);
509509
}
510510

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);
527513
}
528514

529515
button:has(~ .product-selector[style*="block"])
530516
> .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);
532519
}
533520

534521
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);
536524
}
537-
538525
.product-selector p {
539526
font-size: 0.75rem;
540527
color: var(--color-product-title);

0 commit comments

Comments
 (0)