advanced code snippet search

Posted By

Todd on 01/18/13


Tagged

CSS3 SublimeText


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

Abiotic


Lining up vendor-prefixed CSS properties for easy editing in Sublime Text

 / Published in: CSS
 

When using a CSS3 property that has vendor-prefixed versions available, I indent as usual with one tab and then use spaces to line up the properties on the colon. This allows for easy editing of all ‘sibling’ properties at once using Sublime Text’s multiple selection feature (video demonstration).

Expand | Embed | Plain Text 
  1. .some-selector {
  2. 	-webkit-text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
  3. 	   -moz-text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
  4. 	     -o-text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
  5. 	        text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
  6. }

Report this snippet  

You need to login to post a comment.