How to make vim alphabetically sort CSS rules within a single line?

Question

Source:

.foo { line-height: 150px; font-size: 24px; clear: both; }

vim magic here, probably something visual selection based

R

Answer 1

:s/\([{;]\)\s*/\1\r/g | '[+1,']sort | '[,']join

Split the line on { or ; to get each rule into a separate line, :sort them (omitting the first line containing the CSS definition), then join them back together.

Answer 2

Very quick answer:

:s/[{;] /\0\r
vi{
:!sort
va{
J

Answer 3

Another one-liner:

s/{\s*\zs.\{-}\ze\s*}/\=join(sort(split(submatch(0), '\s*;\s*')), '; ').';'

This time we use sub-replace-\=, and list manipulation functions (sort(), split(), and join())