Showing stats forto

  1. Simplicity

    0.86
    0.90
    Absolute difference
    +0.03
    Relative difference
    +3.94%
  2. Average cohesion

    3.02
    2.83
    Absolute difference
    -0.19
    Relative difference
    -6.28%
  3. @keyframes

    0
    8
    Absolute difference
    +8
    Relative difference
    +100%
  4. Unique @keyframes

    0
    2
    Absolute difference
    +2
    Relative difference
    +100%
  5. @keyframes

    1. glitch-hide
    2. glitch-shift
    1. glitch-hide
    2. glitch-shift
  6. @media queries

    68
    70
    Absolute difference
    +2
    Relative difference
    +2.94%
  7. Unique @media queries

    13
    14
    Absolute difference
    +1
    Relative difference
    +7.69%
  8. @media queries

    1. (max-width:33em)
    2. (max-width:44em)
    3. (min-height:44em)
    4. (min-width:30em)
    5. (min-width:33em)
    6. (min-width:40em)
    7. (min-width:44em)
    8. (min-width:50em)
    9. (min-width:60em)
    10. (min-width:66em)
    11. (min-width:70em)
    12. (min-width:80ch)
    13. (min-width:800px)
    14. screen and (min-width:60em) and (prefers-reduced-motion:reduce)
    1. (max-width:33em)
    2. (max-width:44em)
    3. (min-height:44em)
    4. (min-width:30em)
    5. (min-width:33em)
    6. (min-width:40em)
    7. (min-width:44em)
    8. (min-width:50em)
    9. (min-width:60em)
    10. (min-width:66em)
    11. (min-width:70em)
    12. (min-width:80ch)
    13. (min-width:800px)
    14. screen and (min-width:60em) and (prefers-reduced-motion:reduce)
  9. Rules

    402
    460
    Absolute difference
    +58
    Relative difference
    +14.43%
  10. Selectors

    466
    513
    Absolute difference
    +47
    Relative difference
    +10.09%
  11. Unique selectors

    362
    382
    Absolute difference
    +20
    Relative difference
    +5.52%
  12. Top specificity selectors

    1. .btn-group .btn:not(:last-child)
    2. .btn:disabled:hover
    3. .btn[disabled]:focus
    4. .btn[disabled]:hover
    5. .feature:first-child .feature__title
    6. .site-nav .logo:hover
    7. .stats .stat:not(:first-child)
    8. .stats .stat:not(:first-child) .stat__value
    1. .btn-group .btn:not(:last-child)
    2. .btn:disabled:hover
    3. .btn[disabled]:focus
    4. .btn[disabled]:hover
    5. .feature:first-child .feature__title
    6. .site-nav .logo:hover
    7. .stats .stat:not(:first-child)
    8. .stats .stat:not(:first-child) .stat__value
  13. Declarations

    1,216
    1,304
    Absolute difference
    +88
    Relative difference
    +7.24%
  14. Unique declarations

    579
    601
    Absolute difference
    +22
    Relative difference
    +3.8%
  15. Properties

    1,216
    1,304
    Absolute difference
    +88
    Relative difference
    +7.24%
  16. Unique properties

    116
    117
    Absolute difference
    +1
    Relative difference
    +0.86%
  17. Properties

    1. --box-spacing
    2. --card-height
    3. --card-width
    4. --faq-color
    5. --flash-bg
    6. --flash-text
    7. --form-padding
    8. --gap
    9. --metric-inner-spacing
    10. --metric-width
    11. --plan-color
    12. -moz-osx-font-smoothing
    13. -moz-user-select
    14. -ms-text-size-adjust
    15. -webkit-appearance
    16. -webkit-font-smoothing
    17. -webkit-overflow-scrolling
    18. -webkit-text-size-adjust
    19. -webkit-user-select
    20. align-items
    21. align-self
    22. animation
    23. appearance
    24. background
    25. background-color
    26. background-size
    27. border
    28. border-bottom
    29. border-bottom-color
    30. border-collapse
    31. border-color
    32. border-left
    33. border-left-color
    34. border-radius
    35. border-top
    36. border-top-color
    37. border-width
    38. bottom
    39. box-shadow
    40. box-sizing
    41. clear
    42. clip
    43. clip-path
    44. color
    45. column-gap
    46. column-width
    47. content
    48. counter-increment
    49. counter-reset
    50. cursor
    51. display
    52. fill
    53. flex
    54. flex-direction
    55. flex-flow
    56. flex-grow
    57. font-family
    58. font-size
    59. font-style
    60. font-weight
    61. gap
    62. grid-area
    63. grid-column
    64. grid-gap
    65. grid-row
    66. grid-template-areas
    67. grid-template-columns
    68. grid-template-rows
    69. height
    70. justify-content
    71. justify-items
    72. justify-self
    73. left
    74. letter-spacing
    75. line-height
    76. list-style
    77. list-style-type
    78. margin
    79. margin-bottom
    80. margin-left
    81. margin-right
    82. margin-top
    83. max-height
    84. max-width
    85. min-height
    86. min-width
    87. opacity
    88. order
    89. outline
    90. overflow
    91. padding
    92. padding-bottom
    93. padding-left
    94. padding-right
    95. padding-top
    96. pointer-events
    97. position
    98. resize
    99. right
    100. stroke
    101. table-layout
    102. text-align
    103. text-decoration
    104. text-overflow
    105. text-shadow
    106. text-transform
    107. top
    108. transform
    109. transition
    110. user-select
    111. vertical-align
    112. visibility
    113. white-space
    114. width
    115. word-break
    116. word-wrap
    117. z-index
    1. --box-spacing
    2. --card-height
    3. --card-width
    4. --faq-color
    5. --flash-bg
    6. --flash-text
    7. --form-padding
    8. --gap
    9. --metric-inner-spacing
    10. --metric-width
    11. --plan-color
    12. -moz-osx-font-smoothing
    13. -moz-user-select
    14. -ms-text-size-adjust
    15. -webkit-appearance
    16. -webkit-font-smoothing
    17. -webkit-overflow-scrolling
    18. -webkit-text-size-adjust
    19. -webkit-user-select
    20. align-items
    21. align-self
    22. animation
    23. appearance
    24. background
    25. background-color
    26. background-size
    27. border
    28. border-bottom
    29. border-bottom-color
    30. border-collapse
    31. border-color
    32. border-left
    33. border-left-color
    34. border-radius
    35. border-top
    36. border-top-color
    37. border-width
    38. bottom
    39. box-shadow
    40. box-sizing
    41. clear
    42. clip
    43. clip-path
    44. color
    45. column-gap
    46. column-width
    47. content
    48. counter-increment
    49. counter-reset
    50. cursor
    51. display
    52. fill
    53. flex
    54. flex-direction
    55. flex-flow
    56. flex-grow
    57. font-family
    58. font-size
    59. font-style
    60. font-weight
    61. gap
    62. grid-area
    63. grid-column
    64. grid-gap
    65. grid-row
    66. grid-template-areas
    67. grid-template-columns
    68. grid-template-rows
    69. height
    70. justify-content
    71. justify-items
    72. justify-self
    73. left
    74. letter-spacing
    75. line-height
    76. list-style
    77. list-style-type
    78. margin
    79. margin-bottom
    80. margin-left
    81. margin-right
    82. margin-top
    83. max-height
    84. max-width
    85. min-height
    86. min-width
    87. opacity
    88. order
    89. outline
    90. overflow
    91. padding
    92. padding-bottom
    93. padding-left
    94. padding-right
    95. padding-top
    96. pointer-events
    97. position
    98. resize
    99. right
    100. stroke
    101. table-layout
    102. text-align
    103. text-decoration
    104. text-overflow
    105. text-shadow
    106. text-transform
    107. top
    108. transform
    109. transition
    110. user-select
    111. vertical-align
    112. visibility
    113. white-space
    114. width
    115. word-break
    116. word-wrap
    117. z-index
  18. Prefixed properties %

    0.01
    0.01
    Absolute difference
    -0.00
    Relative difference
    -6.75%
  19. Values

    1,216
    1,304
    Absolute difference
    +88
    Relative difference
    +7.24%
  20. Font-sizes

    71
    75
    Absolute difference
    +4
    Relative difference
    +5.63%
  21. Unique font-sizes

    29
    31
    Absolute difference
    +2
    Relative difference
    +6.9%
  22. Font-sizes

    1. 0
    2. 12px
    3. 13px
    4. 14px
    5. 15px
    6. 16px
    7. 1em
    8. 18px
    9. 1.2em
    10. 20px
    11. 21px
    12. 22px
    13. 1.4em
    14. 24px
    15. 1.6em
    16. 26px
    17. 28px
    18. 1.8em
    19. 32px
    20. 2em
    21. 2.2em
    22. 44px
    23. 48px
    24. 3.2em
    25. 56px
    26. 4em
    27. 64px
    28. 4.5em
    29. 6em
    30. 8em
    31. 17em
    1. 0
    2. 12px
    3. 13px
    4. 14px
    5. 15px
    6. 16px
    7. 1em
    8. 18px
    9. 1.2em
    10. 20px
    11. 21px
    12. 22px
    13. 1.4em
    14. 24px
    15. 1.6em
    16. 26px
    17. 28px
    18. 1.8em
    19. 32px
    20. 2em
    21. 2.2em
    22. 44px
    23. 48px
    24. 3.2em
    25. 56px
    26. 4em
    27. 64px
    28. 4.5em
    29. 6em
    30. 8em
    31. 17em
  23. Font-families

    22
    23
    Absolute difference
    +1
    Relative difference
    +4.55%
  24. Colors

    219
    224
    Absolute difference
    +5
    Relative difference
    +2.28%
  25. Unique colors

    25
    23
    Absolute difference
    -2
    Relative difference
    -8%
  26. Colors

    1. #da2b2b
    2. #d53b30
    3. #ffba1a
    4. #ff0
    5. #29c82e
    6. #29c87d
    7. #24ad6d
    8. #22423d
    9. #080e10
    10. #728c97
    11. #2b393f
    12. #9eacb3
    13. #cdd3d6
    14. #18232a
    15. rgba(24,35,42,0.5)
    16. rgba(24,35,42,0.2)
    17. #27323a
    18. #0854c4
    19. #c300e6
    20. #f10e69
    21. #4e2d32
    22. #fff
    23. #f8f8f8
    24. #000
    25. rgba(0,0,0,0)
    1. #da2b2b
    2. #d53b30
    3. #ffba1a
    4. #ff0
    5. #29c82e
    6. #29c87d
    7. #24ad6d
    8. #22423d
    9. #080e10
    10. #728c97
    11. #2b393f
    12. #9eacb3
    13. #cdd3d6
    14. #18232a
    15. rgba(24,35,42,0.5)
    16. rgba(24,35,42,0.2)
    17. #27323a
    18. #0854c4
    19. #c300e6
    20. #f10e69
    21. #4e2d32
    22. #fff
    23. #f8f8f8
    24. #000
    25. rgba(0,0,0,0)