Showing stats forto

  1. Simplicity

    0.98
    0.98
    Absolute difference
    0.00
    Relative difference
    +0.09%
  2. Average cohesion

    2.84
    2.85
    Absolute difference
    +0.01
    Relative difference
    +0.41%
  3. Source Lines of Code

    1,826
    1,725
    Absolute difference
    -101
    Relative difference
    -5.53%
  4. @media queries

    86
    77
    Absolute difference
    -9
    Relative difference
    -10.47%
  5. Rules

    448
    423
    Absolute difference
    -25
    Relative difference
    -5.58%
  6. Average selectors per rule

    1.02
    1.02
    Absolute difference
    -0.00
    Relative difference
    -0.09%
  7. Selectors

    459
    433
    Absolute difference
    -26
    Relative difference
    -5.66%
  8. Unique selectors

    355
    338
    Absolute difference
    -17
    Relative difference
    -4.79%
  9. Avg. Selector Complexity

    1.38
    1.38
    Absolute difference
    -0.00
    Relative difference
    -0.19%
  10. Total Selector Complexity

    633
    596
    Absolute difference
    -37
    Relative difference
    -5.85%
  11. Max. Selector Complexity Count

    24
    21
    Absolute difference
    -3
    Relative difference
    -12.5%
  12. Max. Complexity Selectors

    1. .btn .visuallyhidden + .icon
    2. .btn--destroy:focus .icon
    3. .btn--destroy:hover .icon
    4. .btn-group .btn:not(:last-child)
    5. .btn:disabled:focus
    6. .btn:disabled:hover
    7. .btn[disabled]:focus
    8. .btn[disabled]:hover
    9. .card:focus .card__title
    10. .card:hover .card__title
    11. .feature:first-child .feature__title
    12. .form p a
    13. .hero a::after
    14. .hero a:hover
    15. .import-diff:target::before
    16. .legal-nav__link:not(.legal-nav__link--is-active):focus
    17. .legal-nav__link:not(.legal-nav__link--is-active):hover
    18. .profile__hero .hero__text::before
    19. .range-control__option:focus::after
    20. .range-control__option:hover::after
    21. .stat:first-child .stat__value
    22. .tab-bar > li:not(:last-child)
    23. .tab-bar__link:not(.tab-bar__link--is-active):focus
    24. .tab-bar__link:not(.tab-bar__link--is-active):hover
    1. .btn .visuallyhidden + .icon
    2. .btn--destroy:focus .icon
    3. .btn--destroy:hover .icon
    4. .btn-group .btn:not(:last-child)
    5. .btn:disabled:focus
    6. .btn:disabled:hover
    7. .btn[disabled]:focus
    8. .btn[disabled]:hover
    9. .card:focus .card__title
    10. .card:hover .card__title
    11. .feature:first-child .feature__title
    12. .form p a
    13. .hero a::after
    14. .hero a:hover
    15. .import-diff:target::before
    16. .legal-nav__link:not(.legal-nav__link--is-active):focus
    17. .legal-nav__link:not(.legal-nav__link--is-active):hover
    18. .profile__hero .hero__text::before
    19. .range-control__option:focus::after
    20. .range-control__option:hover::after
    21. .stat:first-child .stat__value
    22. .tab-bar > li:not(:last-child)
    23. .tab-bar__link:not(.tab-bar__link--is-active):focus
    24. .tab-bar__link:not(.tab-bar__link--is-active):hover
  13. Top specificity selectors

    1. .btn .visuallyhidden + .icon
    2. .btn-group .btn:not(:last-child)
    3. .btn[disabled]:hover
    4. .card:hover .card__title
    5. .stat:first-child .stat__value
    6. .tab-bar__link:not(.tab-bar__link--is-active):focus
    7. .tab-bar__link:not(.tab-bar__link--is-active):hover
    1. .btn .visuallyhidden + .icon
    2. .btn-group .btn:not(:last-child)
    3. .btn[disabled]:hover
    4. .card:hover .card__title
    5. .stat:first-child .stat__value
    6. .tab-bar__link:not(.tab-bar__link--is-active):focus
    7. .tab-bar__link:not(.tab-bar__link--is-active):hover
  14. Declarations

    1,272
    1,206
    Absolute difference
    -66
    Relative difference
    -5.19%
  15. Unique declarations

    569
    537
    Absolute difference
    -32
    Relative difference
    -5.62%
  16. Properties

    1,272
    1,206
    Absolute difference
    -66
    Relative difference
    -5.19%
  17. Unique properties

    118
    116
    Absolute difference
    -2
    Relative difference
    -1.69%
  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. bottom
    41. box-shadow
    42. box-sizing
    43. break-inside
    44. clear
    45. clip
    46. clip-path
    47. color
    48. column-gap
    49. column-width
    50. content
    51. counter-increment
    52. counter-reset
    53. cursor
    54. display
    55. fill
    56. flex
    57. flex-direction
    58. flex-flow
    59. flex-grow
    60. flex-wrap
    61. font-family
    62. font-size
    63. font-style
    64. font-weight
    65. gap
    66. grid-area
    67. grid-column
    68. grid-gap
    69. grid-row
    70. grid-template-areas
    71. grid-template-columns
    72. grid-template-rows
    73. height
    74. justify-content
    75. justify-items
    76. justify-self
    77. left
    78. letter-spacing
    79. line-height
    80. list-style
    81. list-style-type
    82. margin
    83. margin-bottom
    84. margin-left
    85. margin-right
    86. margin-top
    87. max-height
    88. max-width
    89. min-height
    90. opacity
    91. order
    92. outline
    93. overflow
    94. overflow-x
    95. padding
    96. padding-bottom
    97. padding-left
    98. padding-right
    99. padding-top
    100. pointer-events
    101. position
    102. resize
    103. right
    104. stroke
    105. text-align
    106. text-decoration
    107. text-shadow
    108. text-transform
    109. top
    110. transform
    111. transition
    112. user-select
    113. vertical-align
    114. visibility
    115. white-space
    116. width
    117. word-break
    118. 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. bottom
    41. box-shadow
    42. box-sizing
    43. break-inside
    44. clear
    45. clip
    46. clip-path
    47. color
    48. column-gap
    49. column-width
    50. content
    51. counter-increment
    52. counter-reset
    53. cursor
    54. display
    55. fill
    56. flex
    57. flex-direction
    58. flex-flow
    59. flex-grow
    60. flex-wrap
    61. font-family
    62. font-size
    63. font-style
    64. font-weight
    65. gap
    66. grid-area
    67. grid-column
    68. grid-gap
    69. grid-row
    70. grid-template-areas
    71. grid-template-columns
    72. grid-template-rows
    73. height
    74. justify-content
    75. justify-items
    76. justify-self
    77. left
    78. letter-spacing
    79. line-height
    80. list-style
    81. list-style-type
    82. margin
    83. margin-bottom
    84. margin-left
    85. margin-right
    86. margin-top
    87. max-height
    88. max-width
    89. min-height
    90. opacity
    91. order
    92. outline
    93. overflow
    94. overflow-x
    95. padding
    96. padding-bottom
    97. padding-left
    98. padding-right
    99. padding-top
    100. pointer-events
    101. position
    102. resize
    103. right
    104. stroke
    105. text-align
    106. text-decoration
    107. text-shadow
    108. text-transform
    109. top
    110. transform
    111. transition
    112. user-select
    113. vertical-align
    114. visibility
    115. white-space
    116. width
    117. word-break
    118. z-index
  19. Prefixed properties %

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

    1,272
    1,206
    Absolute difference
    -66
    Relative difference
    -5.19%
  21. Font-sizes

    55
    51
    Absolute difference
    -4
    Relative difference
    -7.27%
  22. Font-families

    21
    20
    Absolute difference
    -1
    Relative difference
    -4.76%
  23. Colors

    219
    213
    Absolute difference
    -6
    Relative difference
    -2.74%
  24. Prefixed values %

    0.00
    0.00
    Absolute difference
    0.00
    Relative difference
    +5.47%