csslint
csslint copied to clipboard
Automated linting of Cascading Stylesheets
I love using CSSLint with Sublime Text but some warnings I need to ignore using comments. I've learned how to ignore several, e.g.: Example 1 Warning - Element (img.logo) is...
`justify-content: space-around;` has been auto-prefixed to, among other things, `-ms-flex-pack: distribute` for IE 10 support, and the linter claims that `distribute` is not allowed, that `start | end | center...
This seems like both an edge case, and a legacy rule. We are 4-5 versions past i.e. 6 and 7 these days and it's the only compatibility check i am...
I think this might be useful as SVG is becoming more common. It should recognize all non-CSS2 SVG properties as specified here http://www.w3.org/TR/SVG/styling.html#SVGStylingProperties I tried myself but adding them to...
For accessibility purposes, it's usually advisable to include a rule for :focus whenever there's something for :hover. So ``` css a:hover, a:focus { color:red; } ```
This isn't well supported in browsers yet, but some folks get sea sick when there is animation on their devices. Fortunately, there's a way to indicate as a user that...
A warning should be generated when height:0 or max-height:0 is used to hide content with a CSS animation or transition. If hiding content in this manner, the content may not...
Another bit accessibility challenge is the CSS display:none; http://a11yproject.com/posts/how-to-hide-content/ http://css-tricks.com/places-its-tempting-to-use-display-none-but-dont/ This little piece of CSS hides the content from a screen reader that may need to know it is there...
My workflows sometimes collide with csslint: - My shell is temporarily `cd`'d several directories deeper than I usually call `csslint`, but I want to call it regardless, using the project...
I am using csslint with SublimeLinter and finding that css files that do not reside in the same directory as the .csslintrc file are do not use the config. Normally...