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

Toggle Css Format

by autokludge ALL

Plugin for fast css-style changing in Sublime Text 2

Details

  • 2012.08.16.12.21.04
  • github.​com
  • github.​com
  • 10 years ago
  • 2 hours ago
  • 10 years ago

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!