Skip to content

Calculate the Code Quality score of your CSS based on a range of different quality guards.

License

projectwallace/css-code-quality

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CSS Code Quality

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, @media and @container
    • Vendor prefixes
    • Number of selectors more complex than selector mode (or mean)
    • Number of ID selectors
    • Number of !importants
  • Performance
    • Number of @import statements
    • Filesize
    • Code duplication
      • % of unique selectors
      • % of unique declarations
    • Empty rules

Metrics for consideration

  • Maintainability: Range of selector complexity
  • Performance: Size and % of embedded base64 content

About

Calculate the Code Quality score of your CSS based on a range of different quality guards.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published