Showing stats forto

  1. Simplicity

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

    2.91
    2.89
    Absolute difference
    -0.01
    Relative difference
    -0.51%
  3. @media queries

    74
    79
    Absolute difference
    +5
    Relative difference
    +6.76%
  4. Unique @media queries

    7
    8
    Absolute difference
    +1
    Relative difference
    +14.29%
  5. @media queries

    1. (max-width:33em)
    2. (max-width:44em)
    3. (min-height:44em)
    4. (min-width:0)
    5. (min-width:33em)
    6. (min-width:44em)
    7. (min-width:66em)
    8. screen and (min-width:66em) and (prefers-reduced-motion:reduce)
    1. (max-width:33em)
    2. (max-width:44em)
    3. (min-height:44em)
    4. (min-width:0)
    5. (min-width:33em)
    6. (min-width:44em)
    7. (min-width:66em)
    8. screen and (min-width:66em) and (prefers-reduced-motion:reduce)
  6. Rules

    451
    464
    Absolute difference
    +13
    Relative difference
    +2.88%
  7. Selectors

    505
    519
    Absolute difference
    +14
    Relative difference
    +2.77%
  8. Unique selectors

    377
    386
    Absolute difference
    +9
    Relative difference
    +2.39%
  9. Top specificity selectors

    1. .btn--destroy:focus .icon
    2. .btn[disabled]:focus
    3. .btn[disabled]:hover
    4. .card:focus .card__title
    5. .card:hover .card__title
    6. .feature:first-child .feature__title
    7. .legal-nav__link:not(.legal-nav__link--is-active):hover
    1. .btn--destroy:focus .icon
    2. .btn[disabled]:focus
    3. .btn[disabled]:hover
    4. .card:focus .card__title
    5. .card:hover .card__title
    6. .feature:first-child .feature__title
    7. .legal-nav__link:not(.legal-nav__link--is-active):hover
  10. Declarations

    1,312
    1,343
    Absolute difference
    +31
    Relative difference
    +2.36%
  11. Unique declarations

    581
    595
    Absolute difference
    +14
    Relative difference
    +2.41%
  12. Properties

    1,312
    1,343
    Absolute difference
    +31
    Relative difference
    +2.36%
  13. Properties

    1. --box-spacing
    2. --card-height
    3. --card-inner-spacing
    4. --card-width
    5. --faq-color
    6. --flash-bg
    7. --flash-text
    8. --form-padding
    9. --gap
    10. --metric-inner-spacing
    11. --metric-width
    12. --plan-color
    13. -moz-osx-font-smoothing
    14. -moz-user-select
    15. -ms-text-size-adjust
    16. -webkit-appearance
    17. -webkit-font-smoothing
    18. -webkit-overflow-scrolling
    19. -webkit-text-size-adjust
    20. -webkit-user-select
    21. align-items
    22. align-self
    23. animation
    24. appearance
    25. background
    26. background-color
    27. background-size
    28. border
    29. border-bottom
    30. border-bottom-color
    31. border-collapse
    32. border-color
    33. border-left
    34. border-left-color
    35. border-radius
    36. border-top
    37. border-top-color
    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. opacity
    87. order
    88. outline
    89. overflow
    90. overflow-x
    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. text-align
    102. text-decoration
    103. text-shadow
    104. text-transform
    105. top
    106. transform
    107. transition
    108. user-select
    109. vertical-align
    110. visibility
    111. white-space
    112. width
    113. word-break
    114. z-index
    1. --box-spacing
    2. --card-height
    3. --card-inner-spacing
    4. --card-width
    5. --faq-color
    6. --flash-bg
    7. --flash-text
    8. --form-padding
    9. --gap
    10. --metric-inner-spacing
    11. --metric-width
    12. --plan-color
    13. -moz-osx-font-smoothing
    14. -moz-user-select
    15. -ms-text-size-adjust
    16. -webkit-appearance
    17. -webkit-font-smoothing
    18. -webkit-overflow-scrolling
    19. -webkit-text-size-adjust
    20. -webkit-user-select
    21. align-items
    22. align-self
    23. animation
    24. appearance
    25. background
    26. background-color
    27. background-size
    28. border
    29. border-bottom
    30. border-bottom-color
    31. border-collapse
    32. border-color
    33. border-left
    34. border-left-color
    35. border-radius
    36. border-top
    37. border-top-color
    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. opacity
    87. order
    88. outline
    89. overflow
    90. overflow-x
    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. text-align
    102. text-decoration
    103. text-shadow
    104. text-transform
    105. top
    106. transform
    107. transition
    108. user-select
    109. vertical-align
    110. visibility
    111. white-space
    112. width
    113. word-break
    114. z-index
  14. Prefixed properties %

    0.01
    0.01
    Absolute difference
    -0.00
    Relative difference
    -2.31%
  15. Values

    1,312
    1,343
    Absolute difference
    +31
    Relative difference
    +2.36%
  16. Font-sizes

    61
    62
    Absolute difference
    +1
    Relative difference
    +1.64%
  17. Unique font-sizes

    21
    22
    Absolute difference
    +1
    Relative difference
    +4.76%
  18. Font-sizes

    1. 0
    2. .675em
    3. .7rem
    4. .75em
    5. .875em
    6. .925em
    7. 1em
    8. 1.2em
    9. 1.25em
    10. 1.25rem
    11. 1.3em
    12. 1.3125em
    13. 1.4em
    14. 1.5em
    15. 1.625em
    16. 1.75em
    17. 2em
    18. 3em
    19. 4em
    20. 6em
    21. 8em
    22. 17em
    1. 0
    2. .675em
    3. .7rem
    4. .75em
    5. .875em
    6. .925em
    7. 1em
    8. 1.2em
    9. 1.25em
    10. 1.25rem
    11. 1.3em
    12. 1.3125em
    13. 1.4em
    14. 1.5em
    15. 1.625em
    16. 1.75em
    17. 2em
    18. 3em
    19. 4em
    20. 6em
    21. 8em
    22. 17em
  19. Colors

    229
    238
    Absolute difference
    +9
    Relative difference
    +3.93%
  20. Box-shadows

    8
    7
    Absolute difference
    -1
    Relative difference
    -12.5%