Showing stats forto

  1. Simplicity

    0.89
    0.88
    Absolute difference
    -0.01
    Relative difference
    -0.66%
  2. Average cohesion

    3
    2.99
    Absolute difference
    -0.01
    Relative difference
    -0.43%
  3. @media queries

    23
    25
    Absolute difference
    +2
    Relative difference
    +8.7%
  4. Unique @media queries

    6
    7
    Absolute difference
    +1
    Relative difference
    +16.67%
  5. @media queries

    1. (max-width:33em)
    2. (min-height:33em)
    3. (min-height:44em)
    4. (min-width:33em)
    5. (min-width:44em)
    6. (min-width:60em)
    7. (min-width:66em)
    1. (max-width:33em)
    2. (min-height:33em)
    3. (min-height:44em)
    4. (min-width:33em)
    5. (min-width:44em)
    6. (min-width:60em)
    7. (min-width:66em)
  6. Rules

    217
    235
    Absolute difference
    +18
    Relative difference
    +8.29%
  7. Selectors

    244
    266
    Absolute difference
    +22
    Relative difference
    +9.02%
  8. Unique selectors

    207
    221
    Absolute difference
    +14
    Relative difference
    +6.76%
  9. Top specificity selectors

    1. .btn-group .btn:not(:last-child)
    2. .form .btn:not(.btn--destroy)
    3. .stats .stat:not(:first-child)
    4. .stats .stat:not(:first-child) .stat__value
    5. [data-ua*="Safari/"]:not([data-ua*="Chrome/"]) .profile
    6. [data-ua*="Safari/"]:not([data-ua*="Chrome/"]) .profile__tiles
    1. .btn-group .btn:not(:last-child)
    2. .form .btn:not(.btn--destroy)
    3. .stats .stat:not(:first-child)
    4. .stats .stat:not(:first-child) .stat__value
    5. [data-ua*="Safari/"]:not([data-ua*="Chrome/"]) .profile
    6. [data-ua*="Safari/"]:not([data-ua*="Chrome/"]) .profile__tiles
  10. Declarations

    651
    702
    Absolute difference
    +51
    Relative difference
    +7.83%
  11. Unique declarations

    332
    351
    Absolute difference
    +19
    Relative difference
    +5.72%
  12. Properties

    651
    702
    Absolute difference
    +51
    Relative difference
    +7.83%
  13. Unique properties

    86
    88
    Absolute difference
    +2
    Relative difference
    +2.33%
  14. Properties

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

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

    651
    702
    Absolute difference
    +51
    Relative difference
    +7.83%
  17. Font-sizes

    41
    42
    Absolute difference
    +1
    Relative difference
    +2.44%
  18. Unique font-sizes

    17
    18
    Absolute difference
    +1
    Relative difference
    +5.88%
  19. Font-sizes

    1. 12px
    2. 13px
    3. 86%
    4. 14px
    5. 15px
    6. 16px
    7. 18px
    8. 1.2em
    9. 20px
    10. 21px
    11. 22px
    12. 26px
    13. 28px
    14. 36px
    15. 40px
    16. 44px
    17. 56px
    18. 64px
    1. 12px
    2. 13px
    3. 86%
    4. 14px
    5. 15px
    6. 16px
    7. 18px
    8. 1.2em
    9. 20px
    10. 21px
    11. 22px
    12. 26px
    13. 28px
    14. 36px
    15. 40px
    16. 44px
    17. 56px
    18. 64px
  20. Colors

    119
    125
    Absolute difference
    +6
    Relative difference
    +5.04%
  21. Unique colors

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

    1. #e61e1e
    2. #d53b30
    3. rgba(255,99,71,0.25)
    4. #ea7a34
    5. lineN
    6. #ffba1a
    7. #ff0
    8. rgba(0,255,0,0.25)
    9. #30d53b
    10. #26782e
    11. #0c45a7
    12. #050506
    13. rgba(5,5,6,0.3)
    14. #9491a1
    15. #1d1c21
    16. #33313a
    17. #cfcdd5
    18. #585463
    19. #efeef1
    20. #c300e6
    21. #f50052
    22. #811d1f
    23. #fff
    24. gray
    25. #000
    26. rgba(0,0,0,0)
    1. #e61e1e
    2. #d53b30
    3. rgba(255,99,71,0.25)
    4. #ea7a34
    5. lineN
    6. #ffba1a
    7. #ff0
    8. rgba(0,255,0,0.25)
    9. #30d53b
    10. #26782e
    11. #0c45a7
    12. #050506
    13. rgba(5,5,6,0.3)
    14. #9491a1
    15. #1d1c21
    16. #33313a
    17. #cfcdd5
    18. #585463
    19. #efeef1
    20. #c300e6
    21. #f50052
    22. #811d1f
    23. #fff
    24. gray
    25. #000
    26. rgba(0,0,0,0)