Skip to content
/ R2 Public
forked from ded/R2

a CSS LTR ∞ RTL converter for i18 friendly layouts

Notifications You must be signed in to change notification settings

mhemesath/R2

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

R2

R2 helps you achieve cross-language layout-friendly websites (including bi-directional text). It looks like this:

/* before */
#content {
  float: left;
  margin-right: 2px;
  padding: 1px 2px 3px 4px;
  left: 5px;
}
.info {
  text-align: right;
}

/* after */
#content {
  float: right;
  margin-left: 2px;
  padding: 1px 4px 3px 2px;
  right: 5px;
}
.info {
  text-align: left;
}

Install it

$ [sudo] npm install R2 -g

Use it as a CLI

$ r2 input.css output.css

Or require it as a Node module

var output = require('r2').swap(css)

Test It

$ npm test

Caution

R2 will only work as good as what you give it, therefore inline-styles embedded in your HTML will not converted, and therefore may cause unexpected results. However inline-styles apart from R2 is still a bad idea, and you should avoid it anyway in favor of separating content from presentation.

Happy layout Swapping!

About

a CSS LTR ∞ RTL converter for i18 friendly layouts

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%