Showing stats forto

  1. Simplicity

    0.87
    0.87
    Absolute difference
    +0.01
    Relative difference
    +0.63%
  2. Average cohesion

    3.01
    3.02
    Absolute difference
    +0.01
    Relative difference
    +0.43%
  3. @media queries

    57
    61
    Absolute difference
    +4
    Relative difference
    +7.02%
  4. Unique @media queries

    10
    11
    Absolute difference
    +1
    Relative difference
    +10%
  5. @media queries

    1. (max-width:33em)
    2. (max-width:44em)
    3. (min-height:33em)
    4. (min-height:44em)
    5. (min-width:33em)
    6. (min-width:40em)
    7. (min-width:44em)
    8. (min-width:60em)
    9. (min-width:66em)
    10. (min-width:80ch)
    11. (min-width:800px)
    1. (max-width:33em)
    2. (max-width:44em)
    3. (min-height:33em)
    4. (min-height:44em)
    5. (min-width:33em)
    6. (min-width:40em)
    7. (min-width:44em)
    8. (min-width:60em)
    9. (min-width:66em)
    10. (min-width:80ch)
    11. (min-width:800px)
  6. Rules

    342
    366
    Absolute difference
    +24
    Relative difference
    +7.02%
  7. Selectors

    394
    419
    Absolute difference
    +25
    Relative difference
    +6.35%
  8. Unique selectors

    306
    326
    Absolute difference
    +20
    Relative difference
    +6.54%
  9. Top specificity selectors

    1. .btn .visuallyhidden + .icon
    2. .btn-group .btn:not(:last-child)
    3. .legal-nav__link:not(.legal-nav__link-is-active):focus
    4. .legal-nav__link:not(.legal-nav__link-is-active):hover
    5. .site-nav .logo:hover
    6. .stats .stat:not(:first-child) .stat__value
    7. [data-ua*="Safari/"]:not([data-ua*="Chrome/"]) .explore__projects
    1. .btn .visuallyhidden + .icon
    2. .btn-group .btn:not(:last-child)
    3. .legal-nav__link:not(.legal-nav__link-is-active):focus
    4. .legal-nav__link:not(.legal-nav__link-is-active):hover
    5. .site-nav .logo:hover
    6. .stats .stat:not(:first-child) .stat__value
    7. [data-ua*="Safari/"]:not([data-ua*="Chrome/"]) .explore__projects
  10. Declarations

    1,029
    1,106
    Absolute difference
    +77
    Relative difference
    +7.48%
  11. Unique declarations

    480
    512
    Absolute difference
    +32
    Relative difference
    +6.67%
  12. Properties

    1,029
    1,106
    Absolute difference
    +77
    Relative difference
    +7.48%
  13. Unique properties

    110
    112
    Absolute difference
    +2
    Relative difference
    +1.82%
  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-text-size-adjust
    18. -webkit-user-select
    19. align-items
    20. align-self
    21. appearance
    22. background
    23. background-color
    24. border
    25. border-bottom
    26. border-bottom-color
    27. border-collapse
    28. border-color
    29. border-left
    30. border-left-color
    31. border-radius
    32. border-style
    33. border-top
    34. border-top-color
    35. border-width
    36. bottom
    37. box-shadow
    38. box-sizing
    39. clear
    40. clip
    41. clip-path
    42. color
    43. column-gap
    44. column-width
    45. content
    46. counter-increment
    47. counter-reset
    48. cursor
    49. display
    50. fill
    51. filter
    52. flex
    53. flex-direction
    54. flex-grow
    55. font-family
    56. font-size
    57. font-style
    58. font-weight
    59. grid-area
    60. grid-column
    61. grid-gap
    62. grid-row
    63. grid-template-areas
    64. grid-template-columns
    65. grid-template-rows
    66. height
    67. justify-content
    68. justify-items
    69. justify-self
    70. left
    71. letter-spacing
    72. line-height
    73. list-style
    74. list-style-type
    75. margin
    76. margin-bottom
    77. margin-left
    78. margin-right
    79. margin-top
    80. max-height
    81. max-width
    82. min-height
    83. min-width
    84. opacity
    85. order
    86. outline
    87. overflow
    88. padding
    89. padding-bottom
    90. padding-left
    91. padding-right
    92. padding-top
    93. position
    94. resize
    95. right
    96. stroke
    97. table-layout
    98. text-align
    99. text-decoration
    100. text-overflow
    101. text-shadow
    102. text-transform
    103. top
    104. transform
    105. transition
    106. user-select
    107. vertical-align
    108. visibility
    109. white-space
    110. width
    111. word-wrap
    112. 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-text-size-adjust
    18. -webkit-user-select
    19. align-items
    20. align-self
    21. appearance
    22. background
    23. background-color
    24. border
    25. border-bottom
    26. border-bottom-color
    27. border-collapse
    28. border-color
    29. border-left
    30. border-left-color
    31. border-radius
    32. border-style
    33. border-top
    34. border-top-color
    35. border-width
    36. bottom
    37. box-shadow
    38. box-sizing
    39. clear
    40. clip
    41. clip-path
    42. color
    43. column-gap
    44. column-width
    45. content
    46. counter-increment
    47. counter-reset
    48. cursor
    49. display
    50. fill
    51. filter
    52. flex
    53. flex-direction
    54. flex-grow
    55. font-family
    56. font-size
    57. font-style
    58. font-weight
    59. grid-area
    60. grid-column
    61. grid-gap
    62. grid-row
    63. grid-template-areas
    64. grid-template-columns
    65. grid-template-rows
    66. height
    67. justify-content
    68. justify-items
    69. justify-self
    70. left
    71. letter-spacing
    72. line-height
    73. list-style
    74. list-style-type
    75. margin
    76. margin-bottom
    77. margin-left
    78. margin-right
    79. margin-top
    80. max-height
    81. max-width
    82. min-height
    83. min-width
    84. opacity
    85. order
    86. outline
    87. overflow
    88. padding
    89. padding-bottom
    90. padding-left
    91. padding-right
    92. padding-top
    93. position
    94. resize
    95. right
    96. stroke
    97. table-layout
    98. text-align
    99. text-decoration
    100. text-overflow
    101. text-shadow
    102. text-transform
    103. top
    104. transform
    105. transition
    106. user-select
    107. vertical-align
    108. visibility
    109. white-space
    110. width
    111. word-wrap
    112. z-index
  15. Prefixed properties %

    0.01
    0.01
    Absolute difference
    -0.00
    Relative difference
    -6.96%
  16. Values

    1,029
    1,106
    Absolute difference
    +77
    Relative difference
    +7.48%
  17. Font-sizes

    61
    63
    Absolute difference
    +2
    Relative difference
    +3.28%
  18. Unique font-sizes

    19
    21
    Absolute difference
    +2
    Relative difference
    +10.53%
  19. Font-sizes

    1. 0
    2. 12px
    3. 13px
    4. 14px
    5. 15px
    6. 16px
    7. 18px
    8. 20px
    9. 21px
    10. 22px
    11. 24px
    12. 26px
    13. 28px
    14. 32px
    15. 2em
    16. 36px
    17. 44px
    18. 48px
    19. 3.2em
    20. 56px
    21. 64px
    1. 0
    2. 12px
    3. 13px
    4. 14px
    5. 15px
    6. 16px
    7. 18px
    8. 20px
    9. 21px
    10. 22px
    11. 24px
    12. 26px
    13. 28px
    14. 32px
    15. 2em
    16. 36px
    17. 44px
    18. 48px
    19. 3.2em
    20. 56px
    21. 64px
  20. Font-families

    19
    20
    Absolute difference
    +1
    Relative difference
    +5.26%
  21. Colors

    185
    195
    Absolute difference
    +10
    Relative difference
    +5.41%