Toggle Css Format
Plugin for fast css-style changing in Sublime Text 2
Details
Installs
- Total 13K
- Win 9K
- Mac 3K
- Linux 1K
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 | Jul 13 | Jul 12 | Jul 11 | Jul 10 | Jul 9 | Jul 8 | Jul 7 | Jul 6 | Jul 5 | Jul 4 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Windows | 0 | 1 | 1 | 1 | 0 | 0 | 2 | 0 | 1 | 0 | 0 | 1 | 0 | 0 | 0 | 2 | 2 | 0 | 1 | 0 | 1 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 2 | 2 | 0 | 0 | 1 | 0 | 0 | 1 | 0 | 0 | 1 |
Mac | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 2 | 0 | 0 | 0 | 0 | 1 | 0 | 0 |
Linux | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 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 | 0 | 0 |
Readme
- Source
- raw.githubusercontent.com
Singleline package for Sublime Text 2
SingleLine is a CSS Single to Multiline Style Switch plugin for Sublime Text 2.
It will convert between multi-line rules:
body {
height: 600px;
width: 600px;
margin: auto;
border: 1px solid #000;
}
to
body { height: 600px; width: 600px; margin: auto; border: 1px solid #000; }
It also works in less / scss with nested selectors:
.upperclass{
.middleclass{
.testclass{
margin: 20px;
padding: 10px;
background: #f00;
}
}
}
to
.upperclass{
.middleclass{
.testclass{ margin: 20px; padding: 10px; background: #f00; }
}
}
Keyboard Shortcuts
To toggle between single-line and multiline format you can either select the block or move the cursor inside the block and press ctrl+alt+j
.
You can also expand selection to css rule with ctrl+shift+r
.
Installing
Without Git: Download the latest source zip from github and extract the files to your Sublime Text “Packages” directory, into a new directory named SublimeToggleCssFormat
.
With Git: Clone the repository in your Sublime Text “Packages” directory:
git clone git://github.com/speilberg0/SublimeToggleCssFormat.git
The “Packages” directory is located at:
- OS X:
~/Library/Application Support/Sublime Text 2/Packages/
- Linux:
~/.Sublime Text 2/Packages/
- Windows:
%APPDATA%/Sublime Text 2/Packages/
That's it!