Calculate the Code Quality score of your CSS based on a range of different quality guards.
This package scores your CSS on several criteria and comes up with a score.
- Maintainability
- Source lines of code
- Average # selectors per rule
- Max # selectors per rule
- Average # declarations per rule
- Max # declarations per rule
- Number (or %) of rules with more selectors than mode selectors per rule
- Number (or %) of rules with more declarations than mode declarations per rule
- Complexity
- Selector complexity (total/mode)
- Selector specificity
- Number of atrules like
@supports,@mediaand@container - Vendor prefixes
- Number of selectors more complex than selector mode (or mean)
- Number of ID selectors
- Number of
!importants
- Performance
- Number of
@importstatements - Filesize
- Code duplication
- % of unique selectors
- % of unique declarations
- Empty rules
- Number of
- Maintainability: Range of selector complexity
- Performance: Size and % of embedded base64 content