ctrl+shift+p filters: :st2 :st3 :win :osx :linux
Browse

Toggle Css Format

by speilberg0 ST2/ST3

Plugin for fast css-style changing in Sublime Text 2

Details

  • 2012.08.16.12.21.04
  • github.​com
  • github.​com
  • 7 years ago
  • 3 hours ago
  • 7 years ago

Installs

  • Total 12K
  • Win 8K
  • OS X 3K
  • Linux 979
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 Jul 3 Jul 2 Jul 1 Jun 30 Jun 29 Jun 28 Jun 27 Jun 26 Jun 25 Jun 24 Jun 23 Jun 22 Jun 21 Jun 20 Jun 19 Jun 18 Jun 17 Jun 16 Jun 15 Jun 14 Jun 13 Jun 12 Jun 11 Jun 10 Jun 9 Jun 8 Jun 7 Jun 6 Jun 5
Windows 1 0 2 1 1 0 0 0 1 2 0 1 0 2 0 3 0 0 1 0 2 0 1 0 0 1 0 0 0 1 1 2 2 1 0 0 0 3 1 0 0 1 1 2 0
OS X 0 0 0 0 0 0 0 1 0 2 1 0 0 0 0 0 0 1 0 0 0 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 0
Linux 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 1 0 0 0 0 0 0 0 1 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!