Showing stats forto

  1. Simplicity

    0.90
    0.90
    Absolute difference
    -0.00
    Relative difference
    -0.04%
  2. Average cohesion

    2.85
    2.88
    Absolute difference
    +0.03
    Relative difference
    +1.07%
  3. @media queries

    66
    72
    Absolute difference
    +6
    Relative difference
    +9.09%
  4. Rules

    454
    461
    Absolute difference
    +7
    Relative difference
    +1.54%
  5. Selectors

    506
    514
    Absolute difference
    +8
    Relative difference
    +1.58%
  6. Unique selectors

    379
    382
    Absolute difference
    +3
    Relative difference
    +0.79%
  7. Top specificity selectors

    1. .btn .visuallyhidden + .icon
    2. .btn-group .btn:not(:last-child)
    3. .btn:disabled:hover
    4. .btn[disabled]:hover
    5. .feature:first-child .feature__title
    6. .site-nav .logo:hover
    7. .stats .stat:not(:first-child) .stat__value
    1. .btn .visuallyhidden + .icon
    2. .btn-group .btn:not(:last-child)
    3. .btn:disabled:hover
    4. .btn[disabled]:hover
    5. .feature:first-child .feature__title
    6. .site-nav .logo:hover
    7. .stats .stat:not(:first-child) .stat__value
  8. Declarations

    1,293
    1,327
    Absolute difference
    +34
    Relative difference
    +2.63%
  9. Unique declarations

    599
    608
    Absolute difference
    +9
    Relative difference
    +1.5%
  10. Properties

    1,293
    1,327
    Absolute difference
    +34
    Relative difference
    +2.63%
  11. Unique properties

    117
    115
    Absolute difference
    -2
    Relative difference
    -1.71%
  12. Properties

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

    0.01
    0.01
    Absolute difference
    -0.00
    Relative difference
    -2.56%
  14. Values

    1,293
    1,327
    Absolute difference
    +34
    Relative difference
    +2.63%
  15. Font-sizes

    72
    71
    Absolute difference
    -1
    Relative difference
    -1.39%
  16. Unique font-sizes

    33
    34
    Absolute difference
    +1
    Relative difference
    +3.03%
  17. Font-sizes

    1. 0
    2. 12px
    3. 13px
    4. 14px
    5. .925em
    6. 15px
    7. 16px
    8. 1em
    9. 1.125em
    10. 18px
    11. 1.2em
    12. 20px
    13. 21px
    14. 22px
    15. 1.4em
    16. 1.5em
    17. 1.6em
    18. 26px
    19. 28px
    20. 1.8em
    21. 32px
    22. 2em
    23. 2.2em
    24. 44px
    25. 48px
    26. 3em
    27. 3.2em
    28. 56px
    29. 4em
    30. 64px
    31. 4.5em
    32. 6em
    33. 8em
    34. 17em
    1. 0
    2. 12px
    3. 13px
    4. 14px
    5. .925em
    6. 15px
    7. 16px
    8. 1em
    9. 1.125em
    10. 18px
    11. 1.2em
    12. 20px
    13. 21px
    14. 22px
    15. 1.4em
    16. 1.5em
    17. 1.6em
    18. 26px
    19. 28px
    20. 1.8em
    21. 32px
    22. 2em
    23. 2.2em
    24. 44px
    25. 48px
    26. 3em
    27. 3.2em
    28. 56px
    29. 4em
    30. 64px
    31. 4.5em
    32. 6em
    33. 8em
    34. 17em
  18. Colors

    219
    220
    Absolute difference
    +1
    Relative difference
    +0.46%
  19. Unique colors

    23
    25
    Absolute difference
    +2
    Relative difference
    +8.7%
  20. Colors

    1. #da2b2b
    2. #d53b30
    3. #ffba1a
    4. #ff0
    5. #29c82e
    6. #29c87d
    7. #24ad6d
    8. #223f32
    9. #738780
    10. #22423d
    11. #080e10
    12. #728c97
    13. #2b393f
    14. #9eacb3
    15. #cdd3d6
    16. #18232a
    17. rgba(24,35,42,0.5)
    18. rgba(24,35,42,0.2)
    19. #27323a
    20. #0854c4
    21. #f10e69
    22. #8a7c80
    23. #4e2d32
    24. #fff
    25. #f8f8f8
    26. #000
    1. #da2b2b
    2. #d53b30
    3. #ffba1a
    4. #ff0
    5. #29c82e
    6. #29c87d
    7. #24ad6d
    8. #223f32
    9. #738780
    10. #22423d
    11. #080e10
    12. #728c97
    13. #2b393f
    14. #9eacb3
    15. #cdd3d6
    16. #18232a
    17. rgba(24,35,42,0.5)
    18. rgba(24,35,42,0.2)
    19. #27323a
    20. #0854c4
    21. #f10e69
    22. #8a7c80
    23. #4e2d32
    24. #fff
    25. #f8f8f8
    26. #000