R2 icon indicating copy to clipboard operation
R2 copied to clipboard

Support for CSS Shadows and Transitions

Open khusseini opened this issue 11 years ago • 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!!!

khusseini avatar May 25 '14 19:05 khusseini

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

khusseini avatar May 25 '14 19:05 khusseini