https://github.com/ded/r2
a CSS LTR ∞ RTL converter for i18 friendly layouts
https://github.com/ded/r2
Last synced: about 1 year ago
JSON representation
a CSS LTR ∞ RTL converter for i18 friendly layouts
- Host: GitHub
- URL: https://github.com/ded/r2
- Owner: ded
- Created: 2011-06-02T00:34:18.000Z (about 15 years ago)
- Default Branch: master
- Last Pushed: 2019-10-17T09:37:55.000Z (over 6 years ago)
- Last Synced: 2025-03-27T05:36:07.942Z (about 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 304 KB
- Stars: 160
- Watchers: 14
- Forks: 29
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
R2 [](http://travis-ci.org/ded/R2) [](http://badge.fury.io/js/R2)
------------------------------------------------------------------------------------------------------------------------------------------------------------------------
R2 helps you achieve cross-language layout-friendly websites (including bi-directional text). It looks like this:
``` css
/* 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
---------------
### Print to stdout
$ r2 input.css
### Print to output file
$ r2 input.css output.css
### Print to output file without compression
$ r2 input.css output.css --no-compress
### Read from output of another command
$ lessc input.less | r2 > output.css
Require it as a Node module
------------------------------
``` js
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!**