Showing stats forto

  1. Simplicity

    0.98
    0.98
    Absolute difference
    -0.00
    Relative difference
    -0.12%
  2. Average cohesion

    2.85
    2.82
    Absolute difference
    -0.04
    Relative difference
    -1.23%
  3. Source Lines of Code

    1,725
    1,626
    Absolute difference
    -99
    Relative difference
    -5.74%
  4. @media queries

    77
    73
    Absolute difference
    -4
    Relative difference
    -5.19%
  5. Rules

    423
    402
    Absolute difference
    -21
    Relative difference
    -4.96%
  6. Average selectors per rule

    1.02
    1.02
    Absolute difference
    0.00
    Relative difference
    +0.12%
  7. Selectors

    433
    412
    Absolute difference
    -21
    Relative difference
    -4.85%
  8. Unique selectors

    338
    321
    Absolute difference
    -17
    Relative difference
    -5.03%
  9. Avg. Selector Complexity

    1.38
    1.39
    Absolute difference
    +0.01
    Relative difference
    +0.86%
  10. Total Selector Complexity

    596
    572
    Absolute difference
    -24
    Relative difference
    -4.03%
  11. Top specificity selectors

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

    1,206
    1,132
    Absolute difference
    -74
    Relative difference
    -6.14%
  13. Unique declarations

    537
    509
    Absolute difference
    -28
    Relative difference
    -5.21%
  14. Properties

    1,206
    1,132
    Absolute difference
    -74
    Relative difference
    -6.14%
  15. Unique properties

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

    0.01
    0.01
    Absolute difference
    0.00
    Relative difference
    +6.54%
  18. Values

    1,206
    1,132
    Absolute difference
    -74
    Relative difference
    -6.14%
  19. Font-sizes

    51
    49
    Absolute difference
    -2
    Relative difference
    -3.92%
  20. Font-families

    20
    19
    Absolute difference
    -1
    Relative difference
    -5%
  21. Colors

    213
    204
    Absolute difference
    -9
    Relative difference
    -4.23%
  22. Prefixed values %

    0.00
    0.00
    Absolute difference
    0.00
    Relative difference
    +6.54%
  23. Z-indexes

    12
    11
    Absolute difference
    -1
    Relative difference
    -8.33%
  24. Box-shadows

    10
    9
    Absolute difference
    -1
    Relative difference
    -10%