Showing stats forto

  1. Simplicity

    1
    0.91
    Absolute difference
    -0.09
    Relative difference
    -9.46%
  2. Average cohesion

    2
    2.96
    Absolute difference
    +0.96
    Relative difference
    +47.76%
  3. Rules

    1
    67
    Absolute difference
    +66
    Relative difference
    +6,600%
  4. Selectors

    1
    74
    Absolute difference
    +73
    Relative difference
    +7,300%
  5. Unique selectors

    1
    68
    Absolute difference
    +67
    Relative difference
    +6,700%
  6. Universal selectors

    0
    3
    Absolute difference
    +3
    Relative difference
    +100%
  7. Unique universal selectors

    0
    3
    Absolute difference
    +3
    Relative difference
    +100%
  8. Universal selectors

    1. *
    2. *::after
    3. *::before
    1. *
    2. *::after
    3. *::before
  9. Top specificity selectors

    1. .btn-group .btn
    2. .btn-group .btn:not(:last-child)
    3. .form .btn::before
    4. .promo .btn
    5. .site-header .btn::before
    6. html
    1. .btn-group .btn
    2. .btn-group .btn:not(:last-child)
    3. .form .btn::before
    4. .promo .btn
    5. .site-header .btn::before
    6. html
  10. Declarations

    2
    198
    Absolute difference
    +196
    Relative difference
    +9,800%
  11. Unique declarations

    2
    128
    Absolute difference
    +126
    Relative difference
    +6,300%
  12. Properties

    2
    198
    Absolute difference
    +196
    Relative difference
    +9,800%
  13. Unique properties

    1
    58
    Absolute difference
    +57
    Relative difference
    +5,700%
  14. 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-radius
    11. bottom
    12. box-sizing
    13. color
    14. content
    15. cursor
    16. display
    17. fill
    18. flex
    19. font-family
    20. font-size
    21. font-style
    22. font-weight
    23. grid-column
    24. grid-gap
    25. grid-template-columns
    26. height
    27. justify-content
    28. left
    29. letter-spacing
    30. line-height
    31. list-style
    32. margin
    33. margin-bottom
    34. margin-right
    35. margin-top
    36. max-height
    37. max-width
    38. outline
    39. overflow
    40. padding
    41. padding-bottom
    42. padding-left
    43. padding-right
    44. padding-top
    45. position
    46. resize
    47. right
    48. stroke-width
    49. text-align
    50. text-decoration
    51. text-overflow
    52. text-transform
    53. top
    54. transition
    55. vertical-align
    56. white-space
    57. width
    58. 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-radius
    11. bottom
    12. box-sizing
    13. color
    14. content
    15. cursor
    16. display
    17. fill
    18. flex
    19. font-family
    20. font-size
    21. font-style
    22. font-weight
    23. grid-column
    24. grid-gap
    25. grid-template-columns
    26. height
    27. justify-content
    28. left
    29. letter-spacing
    30. line-height
    31. list-style
    32. margin
    33. margin-bottom
    34. margin-right
    35. margin-top
    36. max-height
    37. max-width
    38. outline
    39. overflow
    40. padding
    41. padding-bottom
    42. padding-left
    43. padding-right
    44. padding-top
    45. position
    46. resize
    47. right
    48. stroke-width
    49. text-align
    50. text-decoration
    51. text-overflow
    52. text-transform
    53. top
    54. transition
    55. vertical-align
    56. white-space
    57. width
    58. z-index
  15. Values

    2
    198
    Absolute difference
    +196
    Relative difference
    +9,800%
  16. Font-sizes

    0
    15
    Absolute difference
    +15
    Relative difference
    +100%
  17. Unique font-sizes

    0
    12
    Absolute difference
    +12
    Relative difference
    +100%
  18. Font-sizes

    1. .9em
    2. .9rem
    3. 1em
    4. 1rem
    5. 16px
    6. 1.1em
    7. 1.3em
    8. 21px
    9. 24px
    10. 1.6em
    11. 28px
    12. 40px
    1. .9em
    2. .9rem
    3. 1em
    4. 1rem
    5. 16px
    6. 1.1em
    7. 1.3em
    8. 21px
    9. 24px
    10. 1.6em
    11. 28px
    12. 40px
  19. Font-families

    0
    7
    Absolute difference
    +7
    Relative difference
    +100%
  20. Unique font-families

    0
    2
    Absolute difference
    +2
    Relative difference
    +100%
  21. Font-families

    1. 'Fira Sans',sans-serif
    2. 'Teko',monospace
    1. 'Fira Sans',sans-serif
    2. 'Teko',monospace
  22. Colors

    2
    33
    Absolute difference
    +31
    Relative difference
    +1,550%
  23. Unique colors

    2
    10
    Absolute difference
    +8
    Relative difference
    +400%
  24. Colors

    1. red
    2. #d53b30
    3. #ea7a34
    4. #070708
    5. blue
    6. #18171c
    7. #8a8698
    8. #cfcdd5
    9. #312f37
    10. #585463
    11. #eae9ec
    12. #f50052
    1. red
    2. #d53b30
    3. #ea7a34
    4. #070708
    5. blue
    6. #18171c
    7. #8a8698
    8. #cfcdd5
    9. #312f37
    10. #585463
    11. #eae9ec
    12. #f50052