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