Rule suggestion: use shorthand properties

[MikeHopley]

Could CSS Lint check for opportunities to use shorthand? For example:

.myObject {
padding-top: 5px;
padding-left: 10px;
padding-bottom: 5px;
padding-right: 10px;
}

This can be replaced by:

.myObject {
padding: 5px 10px;
}

The same goes for backgound, font, margin, borders, and some colour hex values (#abc instead of #aabbcc).

Useful reference: http://www.456bereastreet.com/archive/200502/efficient_css_with_shorthand_properties/

[nzakas]

It definitely could. This one is a bit more involved since we'd need to track these properties, but definitely not impossible.

[nzakas]

I'll start with margin and padding. Do you have other ones that you'd like to see in this first attempt?

[MikeHopley]

I think margin and padding would be a great start. :-)

I can't think of any other properties that share the same "shorthand logic" as margins and padding, so maybe start with them and see how it goes?

[douglasrlee]

Can we expand this now to font?