search

ded / R2

a CSS LTR ∞ RTL converter for i18 friendly layouts
160 stars 29 forks source link

Support for CSS Shadows and Transitions #30

Open khusseini opened 10 years ago

khusseini commented 10 years ago

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 10 years ago

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