wbond / sublime_alignment

Easy alignment of multiple selections and multi-line selections
http://wbond.net/sublime_packages/alignment
522 stars 110 forks source link

suggestion: CSS vendor prefix alignment #24

Closed Daniel-Hug closed 11 years ago

Daniel-Hug commented 12 years ago

It'd be sweet if your plugin would change this:

-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;

into this:

-webkit-border-radius: 50%;
   -moz-border-radius: 50%;
    -ms-border-radius: 50%;
     -o-border-radius: 50%;
        border-radius: 50%;

...And change this:

background: -webkit-linear-gradient(top, #fff, #eee);
background: -moz-linear-gradient(top, #fff, #eee);
background: -ms-linear-gradient(top, #fff, #eee);
background: -o-linear-gradient(top, #fff, #eee);
background: linear-gradient(top, #fff, #eee);

into this:

background: -webkit-linear-gradient(top, #fff, #eee);
background:    -moz-linear-gradient(top, #fff, #eee);
background:     -ms-linear-gradient(top, #fff, #eee);
background:      -o-linear-gradient(top, #fff, #eee);
background:         linear-gradient(top, #fff, #eee);
37mm commented 12 years ago

Seconded! That's my preferred alignment for vendor prefixes too.

dreamgfx commented 12 years ago

Add JS object also. Example:

 some_js_object{
               one : 'some string',
             other : 'other string here. It is very long string!',
         longIndex : 4
   }

Align on ':' symbol.

niksy commented 11 years ago

Yes, this would be nice addition :)

wbond commented 11 years ago

This is really just a simple alignment plugin and it doesn't take into consideration language syntax at all.

I know there are quite a number of other alignment packages out there now - one of them may be able to easily accomplish this.