Showing stats forto

  1. Simplicity

    0.89
    0.90
    Absolute difference
    +0.01
    Relative difference
    +0.66%
  2. Average cohesion

    3.14
    3.16
    Absolute difference
    +0.01
    Relative difference
    +0.34%
  3. Rules

    76
    90
    Absolute difference
    +14
    Relative difference
    +18.42%
  4. Selectors

    85
    100
    Absolute difference
    +15
    Relative difference
    +17.65%
  5. Unique selectors

    79
    91
    Absolute difference
    +12
    Relative difference
    +15.19%
  6. Top specificity selectors

    1. .btn-group .btn:not(:last-child)
    2. .form .btn--cta::before
    3. .form .btn::before
    4. .site-header .btn--cta::before
    5. .site-header .btn::before
    6. .site-nav__link:focus::after
    7. .site-nav__link:hover::after
    1. .btn-group .btn:not(:last-child)
    2. .form .btn--cta::before
    3. .form .btn::before
    4. .site-header .btn--cta::before
    5. .site-header .btn::before
    6. .site-nav__link:focus::after
    7. .site-nav__link:hover::after
  7. Declarations

    239
    284
    Absolute difference
    +45
    Relative difference
    +18.83%
  8. Unique declarations

    140
    163
    Absolute difference
    +23
    Relative difference
    +16.43%
  9. Properties

    239
    284
    Absolute difference
    +45
    Relative difference
    +18.83%
  10. Properties

    1. --border-width
    2. align-items
    3. align-self
    4. background
    5. background-color
    6. background-image
    7. border
    8. border-bottom
    9. border-bottom-color
    10. border-color
    11. border-radius
    12. bottom
    13. box-sizing
    14. color
    15. content
    16. cursor
    17. display
    18. fill
    19. flex
    20. font-family
    21. font-size
    22. font-style
    23. font-weight
    24. grid-column
    25. grid-gap
    26. grid-template-columns
    27. height
    28. justify-content
    29. left
    30. letter-spacing
    31. line-height
    32. list-style
    33. margin
    34. margin-bottom
    35. margin-left
    36. margin-right
    37. margin-top
    38. max-height
    39. max-width
    40. outline
    41. overflow
    42. padding
    43. padding-bottom
    44. padding-left
    45. padding-right
    46. padding-top
    47. position
    48. resize
    49. right
    50. stroke-width
    51. text-align
    52. text-decoration
    53. text-overflow
    54. text-shadow
    55. text-transform
    56. top
    57. transform
    58. transition
    59. vertical-align
    60. white-space
    61. width
    62. z-index
    1. --border-width
    2. align-items
    3. align-self
    4. background
    5. background-color
    6. background-image
    7. border
    8. border-bottom
    9. border-bottom-color
    10. border-color
    11. border-radius
    12. bottom
    13. box-sizing
    14. color
    15. content
    16. cursor
    17. display
    18. fill
    19. flex
    20. font-family
    21. font-size
    22. font-style
    23. font-weight
    24. grid-column
    25. grid-gap
    26. grid-template-columns
    27. height
    28. justify-content
    29. left
    30. letter-spacing
    31. line-height
    32. list-style
    33. margin
    34. margin-bottom
    35. margin-left
    36. margin-right
    37. margin-top
    38. max-height
    39. max-width
    40. outline
    41. overflow
    42. padding
    43. padding-bottom
    44. padding-left
    45. padding-right
    46. padding-top
    47. position
    48. resize
    49. right
    50. stroke-width
    51. text-align
    52. text-decoration
    53. text-overflow
    54. text-shadow
    55. text-transform
    56. top
    57. transform
    58. transition
    59. vertical-align
    60. white-space
    61. width
    62. z-index
  11. Values

    239
    284
    Absolute difference
    +45
    Relative difference
    +18.83%
  12. Font-sizes

    18
    20
    Absolute difference
    +2
    Relative difference
    +11.11%
  13. Unique font-sizes

    13
    14
    Absolute difference
    +1
    Relative difference
    +7.69%
  14. Font-sizes

    1. .9em
    2. .9rem
    3. 1em
    4. 16px
    5. 1rem
    6. 1.1em
    7. 1.2em
    8. 1.3em
    9. 21px
    10. 1.6em
    11. 26px
    12. 28px
    13. 40px
    14. 56px
    1. .9em
    2. .9rem
    3. 1em
    4. 16px
    5. 1rem
    6. 1.1em
    7. 1.2em
    8. 1.3em
    9. 21px
    10. 1.6em
    11. 26px
    12. 28px
    13. 40px
    14. 56px
  15. Colors

    38
    53
    Absolute difference
    +15
    Relative difference
    +39.47%
  16. Colors

    1. #d53b30
    2. #ea7a34
    3. #ffb300
    4. #ffbf00
    5. #070708
    6. #050506
    7. #18171c
    8. #8a8698
    9. #36343d
    10. #cfcdd5
    11. #312f37
    12. #585463
    13. #eae9ec
    14. #201e24
    15. #efeef1
    16. #f50052
    1. #d53b30
    2. #ea7a34
    3. #ffb300
    4. #ffbf00
    5. #070708
    6. #050506
    7. #18171c
    8. #8a8698
    9. #36343d
    10. #cfcdd5
    11. #312f37
    12. #585463
    13. #eae9ec
    14. #201e24
    15. #efeef1
    16. #f50052