Advanced Search

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

/ Published in: CSS
Save to your folder(s)
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](http://www.sublimetext.com/) multiple selection feature ([video demonstration](http://youtu.be/czQipWJA8EU)).

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  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


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.