Showing stats forto

  1. Simplicity

    0.88
    0.87
    Absolute difference
    -0.02
    Relative difference
    -1.82%
  2. Average cohesion

    2.99
    2.95
    Absolute difference
    -0.05
    Relative difference
    -1.61%
  3. @media queries

    53
    57
    Absolute difference
    +4
    Relative difference
    +7.55%
  4. Unique @media queries

    9
    10
    Absolute difference
    +1
    Relative difference
    +11.11%
  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:44em)
    7. (min-width:60em)
    8. (min-width:66em)
    9. (min-width:80ch)
    10. (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:44em)
    7. (min-width:60em)
    8. (min-width:66em)
    9. (min-width:80ch)
    10. (min-width:800px)
  6. Rules

    314
    330
    Absolute difference
    +16
    Relative difference
    +5.1%
  7. Selectors

    355
    380
    Absolute difference
    +25
    Relative difference
    +7.04%
  8. Unique selectors

    279
    296
    Absolute difference
    +17
    Relative difference
    +6.09%
  9. Accessibility selectors

    0
    Absolute difference
    0
    Relative difference
    +100%
  10. Unique accessibility selectors

    0
    Absolute difference
    0
    Relative difference
    +100%
  11. 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. .site-nav .logo:hover::after
    5. .stats .stat:not(:first-child)
    6. .stats .stat:not(:first-child) .stat__value
    7. [data-ua*="Safari/"]:not([data-ua*="Chrome/"]) .explore
    8. [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. .site-nav .logo:hover::after
    5. .stats .stat:not(:first-child)
    6. .stats .stat:not(:first-child) .stat__value
    7. [data-ua*="Safari/"]:not([data-ua*="Chrome/"]) .explore
    8. [data-ua*="Safari/"]:not([data-ua*="Chrome/"]) .explore__projects
  12. Declarations

    940
    972
    Absolute difference
    +32
    Relative difference
    +3.4%
  13. Unique declarations

    442
    459
    Absolute difference
    +17
    Relative difference
    +3.85%
  14. Properties

    940
    972
    Absolute difference
    +32
    Relative difference
    +3.4%
  15. Unique properties

    101
    102
    Absolute difference
    +1
    Relative difference
    +0.99%
  16. Properties

    1. --box-spacing
    2. --card-height
    3. --card-width
    4. --faq-color
    5. --form-padding
    6. --gap
    7. --metric-inner-spacing
    8. --metric-width
    9. -moz-osx-font-smoothing
    10. -ms-text-size-adjust
    11. -webkit-appearance
    12. -webkit-font-smoothing
    13. -webkit-text-size-adjust
    14. align-items
    15. align-self
    16. appearance
    17. background
    18. background-color
    19. border
    20. border-bottom
    21. border-bottom-color
    22. border-collapse
    23. border-color
    24. border-left
    25. border-left-color
    26. border-radius
    27. border-style
    28. border-top
    29. border-top-color
    30. border-width
    31. bottom
    32. box-shadow
    33. box-sizing
    34. clear
    35. clip
    36. clip-path
    37. color
    38. content
    39. counter-increment
    40. counter-reset
    41. cursor
    42. display
    43. fill
    44. filter
    45. flex
    46. flex-direction
    47. font-family
    48. font-size
    49. font-style
    50. font-weight
    51. grid-area
    52. grid-colum
    53. grid-column
    54. grid-gap
    55. grid-row
    56. grid-template-areas
    57. grid-template-columns
    58. grid-template-rows
    59. height
    60. justify-content
    61. justify-items
    62. justify-self
    63. left
    64. letter-spacing
    65. line-height
    66. list-style
    67. list-style-type
    68. margin
    69. margin-bottom
    70. margin-left
    71. margin-right
    72. margin-top
    73. max-height
    74. max-width
    75. min-height
    76. min-width
    77. opacity
    78. order
    79. outline
    80. overflow
    81. padding
    82. padding-bottom
    83. padding-left
    84. padding-right
    85. padding-top
    86. position
    87. resize
    88. right
    89. stroke
    90. table-layout
    91. text-align
    92. text-decoration
    93. text-overflow
    94. text-shadow
    95. text-transform
    96. top
    97. transform
    98. transition
    99. vertical-align
    100. white-space
    101. width
    102. word-wrap
    103. z-index
    1. --box-spacing
    2. --card-height
    3. --card-width
    4. --faq-color
    5. --form-padding
    6. --gap
    7. --metric-inner-spacing
    8. --metric-width
    9. -moz-osx-font-smoothing
    10. -ms-text-size-adjust
    11. -webkit-appearance
    12. -webkit-font-smoothing
    13. -webkit-text-size-adjust
    14. align-items
    15. align-self
    16. appearance
    17. background
    18. background-color
    19. border
    20. border-bottom
    21. border-bottom-color
    22. border-collapse
    23. border-color
    24. border-left
    25. border-left-color
    26. border-radius
    27. border-style
    28. border-top
    29. border-top-color
    30. border-width
    31. bottom
    32. box-shadow
    33. box-sizing
    34. clear
    35. clip
    36. clip-path
    37. color
    38. content
    39. counter-increment
    40. counter-reset
    41. cursor
    42. display
    43. fill
    44. filter
    45. flex
    46. flex-direction
    47. font-family
    48. font-size
    49. font-style
    50. font-weight
    51. grid-area
    52. grid-colum
    53. grid-column
    54. grid-gap
    55. grid-row
    56. grid-template-areas
    57. grid-template-columns
    58. grid-template-rows
    59. height
    60. justify-content
    61. justify-items
    62. justify-self
    63. left
    64. letter-spacing
    65. line-height
    66. list-style
    67. list-style-type
    68. margin
    69. margin-bottom
    70. margin-left
    71. margin-right
    72. margin-top
    73. max-height
    74. max-width
    75. min-height
    76. min-width
    77. opacity
    78. order
    79. outline
    80. overflow
    81. padding
    82. padding-bottom
    83. padding-left
    84. padding-right
    85. padding-top
    86. position
    87. resize
    88. right
    89. stroke
    90. table-layout
    91. text-align
    92. text-decoration
    93. text-overflow
    94. text-shadow
    95. text-transform
    96. top
    97. transform
    98. transition
    99. vertical-align
    100. white-space
    101. width
    102. word-wrap
    103. z-index
  17. Prefixed properties %

    0.01
    0.01
    Absolute difference
    -0.00
    Relative difference
    -3.29%
  18. Values

    940
    972
    Absolute difference
    +32
    Relative difference
    +3.4%
  19. Font-sizes

    57
    58
    Absolute difference
    +1
    Relative difference
    +1.75%
  20. Colors

    168
    174
    Absolute difference
    +6
    Relative difference
    +3.57%
  21. Colors

    1. #e61e1e
    2. #d53b30
    3. #ffba1a
    4. #ff0
    5. #62e10c
    6. #0bc278
    7. #0ce18b
    8. #234038
    9. #1a3830
    10. #0d62e0
    11. #050506
    12. #ceccd7
    13. #615e6e
    14. #9491a1
    15. #e9e8ed
    16. #1d1c21
    17. rgba(29,28,33,0.5)
    18. rgba(29,28,33,0.2)
    19. #131217
    20. rgba(19,18,23,0.5)
    21. rgba(19,18,23,0.2)
    22. #33313a
    23. #322f3c
    24. #cfcdd5
    25. #938da5
    26. #605a72
    27. #1d1b22
    28. #eae9ec
    29. #252329
    30. #050406
    31. #e00d62
    32. #492426
    33. #512b2c
    34. #fff
    35. #000
    36. rgba(0,0,0,0)
    1. #e61e1e
    2. #d53b30
    3. #ffba1a
    4. #ff0
    5. #62e10c
    6. #0bc278
    7. #0ce18b
    8. #234038
    9. #1a3830
    10. #0d62e0
    11. #050506
    12. #ceccd7
    13. #615e6e
    14. #9491a1
    15. #e9e8ed
    16. #1d1c21
    17. rgba(29,28,33,0.5)
    18. rgba(29,28,33,0.2)
    19. #131217
    20. rgba(19,18,23,0.5)
    21. rgba(19,18,23,0.2)
    22. #33313a
    23. #322f3c
    24. #cfcdd5
    25. #938da5
    26. #605a72
    27. #1d1b22
    28. #eae9ec
    29. #252329
    30. #050406
    31. #e00d62
    32. #492426
    33. #512b2c
    34. #fff
    35. #000
    36. rgba(0,0,0,0)