Showing stats forto

  1. Simplicity

    0.88
    0.88
    Absolute difference
    0.00
    Relative difference
    +0.16%
  2. Average cohesion

    3.04
    2.99
    Absolute difference
    -0.05
    Relative difference
    -1.58%
  3. @media queries

    40
    53
    Absolute difference
    +13
    Relative difference
    +32.5%
  4. Unique @media queries

    8
    9
    Absolute difference
    +1
    Relative difference
    +12.5%
  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: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:800px)
  6. @supports

    2
    3
    Absolute difference
    +1
    Relative difference
    +50%
  7. Unique @supports

    2
    3
    Absolute difference
    +1
    Relative difference
    +50%
  8. @supports

    1. (clip-path:polygon(0 0,100% 100%,100% 0))
    2. (display:contents)
    3. not (display:contents)
    1. (clip-path:polygon(0 0,100% 100%,100% 0))
    2. (display:contents)
    3. not (display:contents)
  9. Rules

    287
    314
    Absolute difference
    +27
    Relative difference
    +9.41%
  10. Selectors

    325
    355
    Absolute difference
    +30
    Relative difference
    +9.23%
  11. Unique selectors

    267
    279
    Absolute difference
    +12
    Relative difference
    +4.49%
  12. Declarations

    873
    940
    Absolute difference
    +67
    Relative difference
    +7.67%
  13. Unique declarations

    407
    442
    Absolute difference
    +35
    Relative difference
    +8.6%
  14. Properties

    873
    940
    Absolute difference
    +67
    Relative difference
    +7.67%
  15. Unique properties

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

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

    873
    940
    Absolute difference
    +67
    Relative difference
    +7.67%
  19. Font-sizes

    51
    57
    Absolute difference
    +6
    Relative difference
    +11.76%
  20. Unique font-sizes

    16
    19
    Absolute difference
    +3
    Relative difference
    +18.75%
  21. 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. 36px
    16. 44px
    17. 48px
    18. 56px
    19. 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. 36px
    16. 44px
    17. 48px
    18. 56px
    19. 64px
  22. Font-families

    17
    19
    Absolute difference
    +2
    Relative difference
    +11.76%
  23. Colors

    152
    168
    Absolute difference
    +16
    Relative difference
    +10.53%
  24. Unique colors

    25
    24
    Absolute difference
    -1
    Relative difference
    -4%
  25. Colors

    1. #e61e1e
    2. #d53b30
    3. #ffba1a
    4. #ff0
    5. #62e10c
    6. #0bc278
    7. #0ce18b
    8. #234038
    9. #0d62e0
    10. #050506
    11. rgba(5,5,6,0.3)
    12. #615e6e
    13. #9491a1
    14. #1d1c21
    15. rgba(29,28,33,0.5)
    16. rgba(29,28,33,0.2)
    17. #33313a
    18. #cfcdd5
    19. #eae9ec
    20. #252329
    21. #e00d62
    22. #512b2c
    23. #fff
    24. #000
    25. rgba(0,0,0,0)
    1. #e61e1e
    2. #d53b30
    3. #ffba1a
    4. #ff0
    5. #62e10c
    6. #0bc278
    7. #0ce18b
    8. #234038
    9. #0d62e0
    10. #050506
    11. rgba(5,5,6,0.3)
    12. #615e6e
    13. #9491a1
    14. #1d1c21
    15. rgba(29,28,33,0.5)
    16. rgba(29,28,33,0.2)
    17. #33313a
    18. #cfcdd5
    19. #eae9ec
    20. #252329
    21. #e00d62
    22. #512b2c
    23. #fff
    24. #000
    25. rgba(0,0,0,0)