Showing stats forto

  1. Simplicity

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

    2.97
    3.03
    Absolute difference
    +0.06
    Relative difference
    +2.02%
  3. @media queries

    68
    67
    Absolute difference
    -1
    Relative difference
    -1.47%
  4. Unique @media queries

    14
    13
    Absolute difference
    -1
    Relative difference
    -7.14%
  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

    394
    404
    Absolute difference
    +10
    Relative difference
    +2.54%
  7. Selectors

    458
    469
    Absolute difference
    +11
    Relative difference
    +2.4%
  8. Unique selectors

    352
    364
    Absolute difference
    +12
    Relative difference
    +3.41%
  9. Top specificity selectors

    1. .btn .visuallyhidden + .icon
    2. .btn-group .btn:not(:last-child)
    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 .visuallyhidden + .icon
    2. .btn-group .btn:not(:last-child)
    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,171
    1,225
    Absolute difference
    +54
    Relative difference
    +4.61%
  11. Unique declarations

    567
    579
    Absolute difference
    +12
    Relative difference
    +2.12%
  12. Properties

    1,171
    1,225
    Absolute difference
    +54
    Relative difference
    +4.61%
  13. Unique properties

    115
    116
    Absolute difference
    +1
    Relative difference
    +0.87%
  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. background-size
    26. border
    27. border-bottom
    28. border-bottom-color
    29. border-collapse
    30. border-color
    31. border-left
    32. border-left-color
    33. border-radius
    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. background-size
    26. border
    27. border-bottom
    28. border-bottom-color
    29. border-collapse
    30. border-color
    31. border-left
    32. border-left-color
    33. border-radius
    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
    -4.41%
  16. Values

    1,171
    1,225
    Absolute difference
    +54
    Relative difference
    +4.61%
  17. Font-sizes

    69
    71
    Absolute difference
    +2
    Relative difference
    +2.9%
  18. Font-families

    21
    22
    Absolute difference
    +1
    Relative difference
    +4.76%
  19. Colors

    215
    223
    Absolute difference
    +8
    Relative difference
    +3.72%