ded/R2

Support for CSS Shadows and Transitions

khusseini opened this issue · 1 comments

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!!!

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