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)).


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.