search

CSSLint / csslint

Automated linting of Cascading Stylesheets
http://csslint.net
Other
4.77k stars 483 forks source link

Csslint + order-alphabetical #670

Open bananea opened 8 years ago

bananea commented 8 years ago

I can't order-alphabetical this type of properties : .border_radius { -moz-border-radius-bottomleft: 0 !important; -webkit-border-bottom-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }

caugner commented 8 years ago

You should put the rule -moz-border-radius-bottomleft: 0 !important; after the other two.

The reason for this is that the order-alphabetical rule ignores the prefixes. If two properties only differ in the prefix, the order doesn't matter.

bananea commented 8 years ago

Error - Standard property 'border-bottom-left-radius' should come after vendor-prefixed property '-moz-border-radius-bottomleft'. (vendor-prefix)

caugner commented 8 years ago

Okay, this is almost certainly a bug.

There is no reason why border-bottom-left-radius should come after border-radius-bottomleft (vendor-prefixed or not).

Consider adding an ignore comment or migrating to stylelint (cf. #668).

nschonni commented 8 years ago

Looks like the bottomleft syntax was dropped quite awhile ago (FF12) https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-right-radius