8

Quick tip: Nesting related properties for more readable CSS (medium.com)

over 7 years ago from Matt Sisto, Lead UX Designer @ Upserve

3 comments

Jordan Little, over 7 years ago
Good tip, I've also seen devs separate style chunks with a line break.
.foo { position:absolute; top:0; left:0; padding:0; margin:0; color:#fff; }
1 point
- Robert Busby, over 7 years ago
  https://github.com/necolas/idiomatic-css
  I've been doing this myself for a while now.
  0 points
- Ed Adams, over 7 years ago
  Yeah, I'd rather group together similar properties and then separate them with line breaks than muck around with indentation. Plus, indentation could break .sass files.
  0 points

Now playing