Showing stats forto

  1. Simplicity

    0.97
    0.98
    Absolute difference
    0.00
    Relative difference
    +0.13%
  2. Average cohesion

    2.87
    2.84
    Absolute difference
    -0.03
    Relative difference
    -1.02%
  3. Source Lines of Code

    1,906
    1,824
    Absolute difference
    -82
    Relative difference
    -4.3%
  4. @media queries

    92
    86
    Absolute difference
    -6
    Relative difference
    -6.52%
  5. Unique @media queries

    8
    7
    Absolute difference
    -1
    Relative difference
    -12.5%
  6. @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)
  7. Rules

    463
    447
    Absolute difference
    -16
    Relative difference
    -3.46%
  8. Average selectors per rule

    1.03
    1.02
    Absolute difference
    -0.00
    Relative difference
    -0.13%
  9. Selectors

    475
    458
    Absolute difference
    -17
    Relative difference
    -3.58%
  10. Unique selectors

    365
    354
    Absolute difference
    -11
    Relative difference
    -3.01%
  11. Avg. Selector Complexity

    1.38
    1.38
    Absolute difference
    0.00
    Relative difference
    +0.22%
  12. Total Selector Complexity

    654
    632
    Absolute difference
    -22
    Relative difference
    -3.36%
  13. Top specificity selectors

    1. .btn:disabled:hover
    2. .btn[disabled]:focus
    3. .feature:first-child .feature__title
    4. .legal-nav__link:not(.legal-nav__link--is-active):focus
    5. .legal-nav__link:not(.legal-nav__link--is-active):hover
    6. .tab-bar__link:not(.tab-bar__link--is-active):hover
    1. .btn:disabled:hover
    2. .btn[disabled]:focus
    3. .feature:first-child .feature__title
    4. .legal-nav__link:not(.legal-nav__link--is-active):focus
    5. .legal-nav__link:not(.legal-nav__link--is-active):hover
    6. .tab-bar__link:not(.tab-bar__link--is-active):hover
  14. Declarations

    1,330
    1,271
    Absolute difference
    -59
    Relative difference
    -4.44%
  15. Unique declarations

    585
    569
    Absolute difference
    -16
    Relative difference
    -2.74%
  16. Properties

    1,330
    1,271
    Absolute difference
    -59
    Relative difference
    -4.44%
  17. Unique properties

    119
    118
    Absolute difference
    -1
    Relative difference
    -0.84%
  18. Properties

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

    0.01
    0.01
    Absolute difference
    0.00
    Relative difference
    +4.64%
  20. Values

    1,330
    1,271
    Absolute difference
    -59
    Relative difference
    -4.44%
  21. Font-sizes

    60
    55
    Absolute difference
    -5
    Relative difference
    -8.33%
  22. Font-families

    22
    21
    Absolute difference
    -1
    Relative difference
    -4.55%
  23. Colors

    227
    218
    Absolute difference
    -9
    Relative difference
    -3.96%
  24. Prefixed values %

    0.00
    0.00
    Absolute difference
    0.00
    Relative difference
    +4.64%
  25. Box-shadows

    11
    10
    Absolute difference
    -1
    Relative difference
    -9.09%