CSS RTL generator
sublime-cssrtl
Details
Installs
- Total 1K
- Win 883
- Mac 136
- Linux 101
May 20 | May 19 | May 18 | May 17 | May 16 | May 15 | May 14 | May 13 | May 12 | May 11 | May 10 | May 9 | May 8 | May 7 | May 6 | May 5 | May 4 | May 3 | May 2 | May 1 | Apr 30 | Apr 29 | Apr 28 | Apr 27 | Apr 26 | Apr 25 | Apr 24 | Apr 23 | Apr 22 | Apr 21 | Apr 20 | Apr 19 | Apr 18 | Apr 17 | Apr 16 | Apr 15 | Apr 14 | Apr 13 | Apr 12 | Apr 11 | Apr 10 | Apr 9 | Apr 8 | Apr 7 | Apr 6 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Windows | 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 | 1 | 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 | 1 | 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:
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)