CSS RTL generator

by junyuecao ALL

sublime-cssrtl

Details

Version 1.1.1
Homepage github.com
Issues github.com
Modified 11 years ago
Last Seen 1 hour ago
First Seen 11 years ago

Installs

Total 1K
Win 916
Mac 141
Linux 108

	Dec 21	Dec 20	Dec 19	Dec 18	Dec 17	Dec 16	Dec 15	Dec 14	Dec 13	Dec 12	Dec 11	Dec 10	Dec 9	Dec 8	Dec 7	Dec 6	Dec 5	Dec 4	Dec 3	Dec 2	Dec 1	Nov 30	Nov 29	Nov 28	Nov 27	Nov 26	Nov 25	Nov 24	Nov 23	Nov 22	Nov 21	Nov 20	Nov 19	Nov 18	Nov 17	Nov 16	Nov 15	Nov 14	Nov 13	Nov 12	Nov 11	Nov 10	Nov 9	Nov 8	Nov 7
Windows	0	0	0	0	0	0	0	0	0	1	0	0	0	0	0	0	0	0	0	0	0	0	0	1	1	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0
Mac	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0
Linux	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0

Readme

Source: raw.githubusercontent.com

sublime-cssrtl

Generate CSS file from ltr to rtl

Generate CSS file from rtl to ltr

Usage Example：

Installation

Install node module

npm install css-flip-auto -g

Install sublime text plugin

From Package Control 2.Download (https://github.com/junyuecao/sublime-cssrtl/archive/master.zip) unzip to the package folder of sublime text

Exception

There are two types of exception - @noflip and @replace

@noflip

exception for single css rule

From:

p {
  /*@noflip*/ float: left;
  clear: left;
}

To:

p {
  float: left;
  clear: right;
}

Entire css selector:

From:

/*@noflip*/
p {
  float: left;
  clear: left;
}

To:

p {
  float: left;
  clear: left;
}

@replace

Replace to custom rule.

From:

p {
  /*@replace: -32px -32px*/ background-position: -32px 0;
  /*@replace: ">"*/ content: "<";
}

To:

p {
  background-position: -32px -32px;
  content: ">";
}

Support css attribute

Thanks to： (https://github.com/twitter/css-flip)