Showing stats forto

  1. Simplicity

    0.86
    0.86
    Absolute difference
    0.00
    Relative difference
    +0.44%
  2. Average cohesion

    3.00
    2.97
    Absolute difference
    -0.03
    Relative difference
    -0.84%
  3. @media queries

    63
    68
    Absolute difference
    +5
    Relative difference
    +7.94%
  4. Unique @media queries

    11
    14
    Absolute difference
    +3
    Relative difference
    +27.27%
  5. @media queries

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

    382
    394
    Absolute difference
    +12
    Relative difference
    +3.14%
  7. Selectors

    446
    458
    Absolute difference
    +12
    Relative difference
    +2.69%
  8. Unique selectors

    347
    352
    Absolute difference
    +5
    Relative difference
    +1.44%
  9. Top specificity selectors

    1. .btn-group .btn:not(:last-child)
    2. .btn:disabled:hover
    3. .btn[disabled]:focus
    4. .btn[disabled]:hover
    5. .legal-nav__link:not(.legal-nav__link-is-active):focus
    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. .legal-nav__link:not(.legal-nav__link-is-active):focus
    6. .site-nav .logo:hover
    7. .stats .stat:not(:first-child)
    8. .stats .stat:not(:first-child) .stat__value
  10. Declarations

    1,145
    1,171
    Absolute difference
    +26
    Relative difference
    +2.27%
  11. Unique declarations

    536
    567
    Absolute difference
    +31
    Relative difference
    +5.78%
  12. Properties

    1,145
    1,171
    Absolute difference
    +26
    Relative difference
    +2.27%
  13. Unique properties

    116
    115
    Absolute difference
    -1
    Relative difference
    -0.86%
  14. Properties

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

    0.01
    0.01
    Absolute difference
    -0.00
    Relative difference
    -2.22%
  16. Values

    1,145
    1,171
    Absolute difference
    +26
    Relative difference
    +2.27%
  17. Font-sizes

    62
    69
    Absolute difference
    +7
    Relative difference
    +11.29%
  18. Unique font-sizes

    21
    29
    Absolute difference
    +8
    Relative difference
    +38.1%
  19. 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. 2em
    20. 32px
    21. 2.2em
    22. 44px
    23. 48px
    24. 3.2em
    25. 56px
    26. 4em
    27. 64px
    28. 6em
    29. 8em
    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. 2em
    20. 32px
    21. 2.2em
    22. 44px
    23. 48px
    24. 3.2em
    25. 56px
    26. 4em
    27. 64px
    28. 6em
    29. 8em
  20. Font-families

    20
    21
    Absolute difference
    +1
    Relative difference
    +5%
  21. Colors

    208
    215
    Absolute difference
    +7
    Relative difference
    +3.37%