From 0fabe6f56c1a334e7063eb56c8631494bd9ce31b Mon Sep 17 00:00:00 2001 From: Marc Dix Date: Sat, 29 May 2021 11:42:59 +0200 Subject: [PATCH] Rename spin animation (#1333) The spin animation defined by selectr collides with the spin animation defined by tailwind. It overrides the animation and causes the spinning elements to spin offcenter. By renaming it we kinda namespace it and prevent a collision. --- src/js/assets/selectr/selectr.scss | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/js/assets/selectr/selectr.scss b/src/js/assets/selectr/selectr.scss index 8615a288f..8b9dbaf61 100644 --- a/src/js/assets/selectr/selectr.scss +++ b/src/js/assets/selectr/selectr.scss @@ -405,16 +405,16 @@ -webkit-transform-origin: 50% 0 0; transform-origin: 50% 0 0; - -moz-animation: 500ms linear 0s normal forwards infinite running spin; - -webkit-animation: 500ms linear 0s normal forwards infinite running spin; - animation: 500ms linear 0s normal forwards infinite running spin; + -moz-animation: 500ms linear 0s normal forwards infinite running selectr-spin; + -webkit-animation: 500ms linear 0s normal forwards infinite running selectr-spin; + animation: 500ms linear 0s normal forwards infinite running selectr-spin; border-width: 3px; border-style: solid; border-color: #aaa #ddd #ddd; border-radius: 50%; } -@-webkit-keyframes spin { +@-webkit-keyframes selectr-spin { 0% { -webkit-transform: rotate(0deg) translate3d(0px, -50%, 0px); transform: rotate(0deg) translate3d(0px, -50%, 0px); @@ -424,7 +424,7 @@ transform: rotate(360deg) translate3d(0px, -50%, 0px); } } -@keyframes spin { +@keyframes selectr-spin { 0% { -webkit-transform: rotate(0deg) translate3d(0px, -50%, 0px); transform: rotate(0deg) translate3d(0px, -50%, 0px);