Showing stats forto

  1. Simplicity

    0.87
    0.87
    Absolute difference
    -0.00
    Relative difference
    -0.02%
  2. Average cohesion

    2.95
    2.97
    Absolute difference
    +0.03
    Relative difference
    +0.94%
  3. @media queries

    57
    58
    Absolute difference
    +1
    Relative difference
    +1.75%
  4. Rules

    330
    336
    Absolute difference
    +6
    Relative difference
    +1.82%
  5. Selectors

    380
    387
    Absolute difference
    +7
    Relative difference
    +1.84%
  6. Unique selectors

    296
    300
    Absolute difference
    +4
    Relative difference
    +1.35%
  7. 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::after
    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. .legal-nav__link:not(.legal-nav__link-is-active):hover
    5. .site-nav .logo:hover::after
    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
  8. Declarations

    972
    999
    Absolute difference
    +27
    Relative difference
    +2.78%
  9. Unique declarations

    459
    479
    Absolute difference
    +20
    Relative difference
    +4.36%
  10. Properties

    972
    999
    Absolute difference
    +27
    Relative difference
    +2.78%
  11. Unique properties

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

    6
    10
    Absolute difference
    +4
    Relative difference
    +66.67%
  14. Unique prefixed properties

    5
    7
    Absolute difference
    +2
    Relative difference
    +40%
  15. Prefixed properties %

    0.01
    0.01
    Absolute difference
    0.00
    Relative difference
    +62.16%
  16. Prefixed properties

    1. -moz-osx-font-smoothing
    2. -moz-user-select
    3. -ms-text-size-adjust
    4. -webkit-appearance
    5. -webkit-font-smoothing
    6. -webkit-text-size-adjust
    7. -webkit-user-select
    1. -moz-osx-font-smoothing
    2. -moz-user-select
    3. -ms-text-size-adjust
    4. -webkit-appearance
    5. -webkit-font-smoothing
    6. -webkit-text-size-adjust
    7. -webkit-user-select
  17. Values

    972
    999
    Absolute difference
    +27
    Relative difference
    +2.78%
  18. Font-sizes

    58
    59
    Absolute difference
    +1
    Relative difference
    +1.72%
  19. Colors

    174
    178
    Absolute difference
    +4
    Relative difference
    +2.3%
  20. Unique colors

    24
    28
    Absolute difference
    +4
    Relative difference
    +16.67%
  21. Colors

    1. #281616
    2. #4d2121
    3. #e61e1e
    4. #d53b30
    5. #ffba1a
    6. #ff0
    7. #2a2d13
    8. #62e10c
    9. #61df0c
    10. #1a2a15
    11. #0bc278
    12. #0ce18b
    13. #0cdf8a
    14. #0ac178
    15. #1a3b2f
    16. #1a3830
    17. #979b9b
    18. #eaebeb
    19. #cfd3d3
    20. #606c6c
    21. #131616
    22. rgba(19,22,22,0.5)
    23. rgba(19,22,22,0.2)
    24. #1c2121
    25. #313a3a
    26. #000a0a
    27. #121e2c
    28. #0d62e0
    29. #0a68f5
    30. #ceccd7
    31. #e9e8ed
    32. #131217
    33. rgba(19,18,23,0.5)
    34. rgba(19,18,23,0.2)
    35. #322f3c
    36. #938da5
    37. #605a72
    38. #1d1b22
    39. #050406
    40. #e00d62
    41. #f10e69
    42. #492426
    43. #fff
    44. #000
    45. rgba(0,0,0,0)
    1. #281616
    2. #4d2121
    3. #e61e1e
    4. #d53b30
    5. #ffba1a
    6. #ff0
    7. #2a2d13
    8. #62e10c
    9. #61df0c
    10. #1a2a15
    11. #0bc278
    12. #0ce18b
    13. #0cdf8a
    14. #0ac178
    15. #1a3b2f
    16. #1a3830
    17. #979b9b
    18. #eaebeb
    19. #cfd3d3
    20. #606c6c
    21. #131616
    22. rgba(19,22,22,0.5)
    23. rgba(19,22,22,0.2)
    24. #1c2121
    25. #313a3a
    26. #000a0a
    27. #121e2c
    28. #0d62e0
    29. #0a68f5
    30. #ceccd7
    31. #e9e8ed
    32. #131217
    33. rgba(19,18,23,0.5)
    34. rgba(19,18,23,0.2)
    35. #322f3c
    36. #938da5
    37. #605a72
    38. #1d1b22
    39. #050406
    40. #e00d62
    41. #f10e69
    42. #492426
    43. #fff
    44. #000
    45. rgba(0,0,0,0)