CSS RTL generator
sublime-cssrtl
Details
Installs
- Total 1K
- Win 911
- Mac 141
- Linux 108
Oct 20 | Oct 19 | Oct 18 | Oct 17 | Oct 16 | Oct 15 | Oct 14 | Oct 13 | Oct 12 | Oct 11 | Oct 10 | Oct 9 | Oct 8 | Oct 7 | Oct 6 | Oct 5 | Oct 4 | Oct 3 | Oct 2 | Oct 1 | Sep 30 | Sep 29 | Sep 28 | Sep 27 | Sep 26 | Sep 25 | Sep 24 | Sep 23 | Sep 22 | Sep 21 | Sep 20 | Sep 19 | Sep 18 | Sep 17 | Sep 16 | Sep 15 | Sep 14 | Sep 13 | Sep 12 | Sep 11 | Sep 10 | Sep 9 | Sep 8 | Sep 7 | Sep 6 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Windows | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 1 | 0 | 0 | 0 | 0 | 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 | 1 | 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:
To:
p {
background-position: -32px -32px;
content: ">";
}
Support css attribute
- background-position
- background-position-x\n border-bottom-left-radius
- border-bottom-right-radius
- border-color
- border-left
- border-left-color
- border-left-style
- border-left-width
- border-radius
- border-right
- border-right-color
- border-right-style
- border-right-width
- border-style
- border-top-left-radius
- border-top-right-radius
- border-width
- box-shadow
- clear
- direction
- float
- left
- margin
- margin-left
- margin-right
- padding
- padding-left
- padding-right
- right
- text-align
- transition -transition-property
Thanks to: (https://github.com/twitter/css-flip)