Showing stats forto

  1. Simplicity

    0.89
    0.89
    Absolute difference
    0.00
    Relative difference
    +0.22%
  2. Average cohesion

    3.05
    3.02
    Absolute difference
    -0.03
    Relative difference
    -1.14%
  3. @media queries

    10
    9
    Absolute difference
    -1
    Relative difference
    -10%
  4. @supports

    0
    2
    Absolute difference
    +2
    Relative difference
    +100%
  5. Unique @supports

    0
    2
    Absolute difference
    +2
    Relative difference
    +100%
  6. @supports

    1. (display:contents)
    2. not (display:contents)
    1. (display:contents)
    2. not (display:contents)
  7. Rules

    150
    161
    Absolute difference
    +11
    Relative difference
    +7.33%
  8. Selectors

    169
    181
    Absolute difference
    +12
    Relative difference
    +7.1%
  9. Unique selectors

    154
    163
    Absolute difference
    +9
    Relative difference
    +5.84%
  10. Top specificity selectors

    1. .btn-group .btn:not(:last-child)
    2. .promo .btn::before
    3. .site-nav__link:focus::after
    4. .site-nav__link:hover::after
    5. .tiles .tile:not(:last-child)
    6. .user-profile .promo + .user-profile__projects
    7. [data-ua*="Safari/"]:not([data-ua*="Chrome/"]) .profile
    8. [data-ua*="Safari/"]:not([data-ua*="Chrome/"]) .profile__tiles
    1. .btn-group .btn:not(:last-child)
    2. .promo .btn::before
    3. .site-nav__link:focus::after
    4. .site-nav__link:hover::after
    5. .tiles .tile:not(:last-child)
    6. .user-profile .promo + .user-profile__projects
    7. [data-ua*="Safari/"]:not([data-ua*="Chrome/"]) .profile
    8. [data-ua*="Safari/"]:not([data-ua*="Chrome/"]) .profile__tiles
  11. Declarations

    458
    486
    Absolute difference
    +28
    Relative difference
    +6.11%
  12. Unique declarations

    262
    273
    Absolute difference
    +11
    Relative difference
    +4.2%
  13. Properties

    458
    486
    Absolute difference
    +28
    Relative difference
    +6.11%
  14. Unique properties

    78
    81
    Absolute difference
    +3
    Relative difference
    +3.85%
  15. Properties

    1. -moz-osx-font-smoothing
    2. -ms-text-size-adjust
    3. -webkit-font-smoothing
    4. -webkit-text-size-adjust
    5. align-items
    6. align-self
    7. background
    8. background-color
    9. background-image
    10. background-position
    11. background-size
    12. border
    13. border-bottom
    14. border-bottom-color
    15. border-color
    16. border-radius
    17. bottom
    18. box-shadow
    19. box-sizing
    20. clip
    21. color
    22. content
    23. cursor
    24. display
    25. fill
    26. filter
    27. flex
    28. flex-direction
    29. font-display
    30. font-family
    31. font-size
    32. font-style
    33. font-weight
    34. grid-area
    35. grid-column
    36. grid-gap
    37. grid-row
    38. grid-template-areas
    39. grid-template-columns
    40. grid-template-rows
    41. height
    42. justify-content
    43. left
    44. letter-spacing
    45. line-height
    46. list-style
    47. margin
    48. margin-bottom
    49. margin-left
    50. margin-right
    51. margin-top
    52. max-height
    53. max-width
    54. opacity
    55. order
    56. outline
    57. overflow
    58. padding
    59. padding-bottom
    60. padding-left
    61. padding-right
    62. padding-top
    63. position
    64. resize
    65. right
    66. src
    67. stroke
    68. text-align
    69. text-decoration
    70. text-overflow
    71. text-shadow
    72. text-transform
    73. top
    74. transform
    75. transition
    76. unicode-range
    77. vertical-align
    78. white-space
    79. width
    80. word-wrap
    81. z-index
    1. -moz-osx-font-smoothing
    2. -ms-text-size-adjust
    3. -webkit-font-smoothing
    4. -webkit-text-size-adjust
    5. align-items
    6. align-self
    7. background
    8. background-color
    9. background-image
    10. background-position
    11. background-size
    12. border
    13. border-bottom
    14. border-bottom-color
    15. border-color
    16. border-radius
    17. bottom
    18. box-shadow
    19. box-sizing
    20. clip
    21. color
    22. content
    23. cursor
    24. display
    25. fill
    26. filter
    27. flex
    28. flex-direction
    29. font-display
    30. font-family
    31. font-size
    32. font-style
    33. font-weight
    34. grid-area
    35. grid-column
    36. grid-gap
    37. grid-row
    38. grid-template-areas
    39. grid-template-columns
    40. grid-template-rows
    41. height
    42. justify-content
    43. left
    44. letter-spacing
    45. line-height
    46. list-style
    47. margin
    48. margin-bottom
    49. margin-left
    50. margin-right
    51. margin-top
    52. max-height
    53. max-width
    54. opacity
    55. order
    56. outline
    57. overflow
    58. padding
    59. padding-bottom
    60. padding-left
    61. padding-right
    62. padding-top
    63. position
    64. resize
    65. right
    66. src
    67. stroke
    68. text-align
    69. text-decoration
    70. text-overflow
    71. text-shadow
    72. text-transform
    73. top
    74. transform
    75. transition
    76. unicode-range
    77. vertical-align
    78. white-space
    79. width
    80. word-wrap
    81. z-index
  16. Prefixed properties %

    0.01
    0.01
    Absolute difference
    -0.00
    Relative difference
    -5.76%
  17. Values

    458
    486
    Absolute difference
    +28
    Relative difference
    +6.11%
  18. Font-sizes

    29
    30
    Absolute difference
    +1
    Relative difference
    +3.45%
  19. Unique font-sizes

    20
    19
    Absolute difference
    -1
    Relative difference
    -5%
  20. Font-sizes

    1. 0
    2. 12px
    3. .8rem
    4. 13px
    5. 86%
    6. .9rem
    7. .9em
    8. 1rem
    9. 16px
    10. 1em
    11. 1.1rem
    12. 1.2em
    13. 1.3em
    14. 21px
    15. 1.4em
    16. 24px
    17. 26px
    18. 28px
    19. 32px
    20. 36px
    21. 56px
    1. 0
    2. 12px
    3. .8rem
    4. 13px
    5. 86%
    6. .9rem
    7. .9em
    8. 1rem
    9. 16px
    10. 1em
    11. 1.1rem
    12. 1.2em
    13. 1.3em
    14. 21px
    15. 1.4em
    16. 24px
    17. 26px
    18. 28px
    19. 32px
    20. 36px
    21. 56px
  21. Colors

    87
    94
    Absolute difference
    +7
    Relative difference
    +8.05%
  22. Colors

    1. #e61e1e
    2. #d53b30
    3. #ea7a34
    4. #ffba1a
    5. #30d53b
    6. #25772c
    7. #26782e
    8. #050506
    9. rgba(5,5,6,0.3)
    10. #2e2d34
    11. #9491a1
    12. #1d1c21
    13. #8a8698
    14. #36343d
    15. #cfcdd5
    16. #1b1a1e
    17. #585463
    18. #efeef1
    19. #c300e6
    20. #f50052
    21. #811d1f
    22. #801c1e
    23. #fff
    24. gray
    25. #000
    1. #e61e1e
    2. #d53b30
    3. #ea7a34
    4. #ffba1a
    5. #30d53b
    6. #25772c
    7. #26782e
    8. #050506
    9. rgba(5,5,6,0.3)
    10. #2e2d34
    11. #9491a1
    12. #1d1c21
    13. #8a8698
    14. #36343d
    15. #cfcdd5
    16. #1b1a1e
    17. #585463
    18. #efeef1
    19. #c300e6
    20. #f50052
    21. #811d1f
    22. #801c1e
    23. #fff
    24. gray
    25. #000