Support for CSS Shadows and Transitions
khusseini opened this issue · 1 comments
khusseini commented
Hi there,
I have just used your amazing tool. It surely is a time and life saver, however it had a problem with swapping for shadows and transitions.
In my case I have a transition on the "left" property but unfortunately this was not handled by the tool. Here are the rules that were not detected
.selector {
-webkit-transition:left 0.5s;
transition:left 0.5s;
-webkit-box-shadow:inset -3px 0px 5px 0px rgba(0, 0, 0, 0.5);
box-shadow:inset -3px 0px 5px 0px rgba(0, 0, 0, 0.5);
}
It should turn to
.selector {
-webkit-transition:right 0.5s;
transition:right 0.5s;
-webkit-box-shadow:inset 3px 0px 5px 0px rgba(0, 0, 0, 0.5);
box-shadow:inset 3px 0px 5px 0px rgba(0, 0, 0, 0.5);
}
Keep up the great work!!!
khusseini commented
I have worked around it by creating a sass file which imports the original and simply declare the transition and shadow overrides. Then I run r2 over the newly created file. Since r2 does not recognize the transition and box-shadow rules it will not swap the override