Showing stats forto

  1. Simplicity

    0.89
    0.89
    Absolute difference
    0.00
    Relative difference
    +0.29%
  2. Average cohesion

    2.96
    2.91
    Absolute difference
    -0.05
    Relative difference
    -1.66%
  3. @media queries

    25
    32
    Absolute difference
    +7
    Relative difference
    +28%
  4. Rules

    239
    253
    Absolute difference
    +14
    Relative difference
    +5.86%
  5. Selectors

    270
    285
    Absolute difference
    +15
    Relative difference
    +5.56%
  6. Unique selectors

    228
    237
    Absolute difference
    +9
    Relative difference
    +3.95%
  7. Top specificity selectors

    1. .btn .visuallyhidden + .icon
    2. .btn-group .btn:not(:last-child)
    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 .visuallyhidden + .icon
    2. .btn-group .btn:not(:last-child)
    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
  8. Declarations

    707
    736
    Absolute difference
    +29
    Relative difference
    +4.1%
  9. Unique declarations

    351
    356
    Absolute difference
    +5
    Relative difference
    +1.42%
  10. Properties

    707
    736
    Absolute difference
    +29
    Relative difference
    +4.1%
  11. Unique properties

    89
    90
    Absolute difference
    +1
    Relative difference
    +1.12%
  12. 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. list-style-type
    54. margin
    55. margin-bottom
    56. margin-left
    57. margin-right
    58. margin-top
    59. max-height
    60. max-width
    61. min-height
    62. opacity
    63. order
    64. outline
    65. overflow
    66. padding
    67. padding-bottom
    68. padding-left
    69. padding-right
    70. padding-top
    71. position
    72. resize
    73. right
    74. src
    75. stroke
    76. table-layout
    77. text-align
    78. text-decoration
    79. text-overflow
    80. text-shadow
    81. text-transform
    82. top
    83. transform
    84. transition
    85. unicode-range
    86. vertical-align
    87. white-space
    88. width
    89. word-wrap
    90. 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. list-style-type
    54. margin
    55. margin-bottom
    56. margin-left
    57. margin-right
    58. margin-top
    59. max-height
    60. max-width
    61. min-height
    62. opacity
    63. order
    64. outline
    65. overflow
    66. padding
    67. padding-bottom
    68. padding-left
    69. padding-right
    70. padding-top
    71. position
    72. resize
    73. right
    74. src
    75. stroke
    76. table-layout
    77. text-align
    78. text-decoration
    79. text-overflow
    80. text-shadow
    81. text-transform
    82. top
    83. transform
    84. transition
    85. unicode-range
    86. vertical-align
    87. white-space
    88. width
    89. word-wrap
    90. z-index
  13. Prefixed properties %

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

    707
    736
    Absolute difference
    +29
    Relative difference
    +4.1%
  15. Font-sizes

    42
    45
    Absolute difference
    +3
    Relative difference
    +7.14%
  16. Colors

    128
    129
    Absolute difference
    +1
    Relative difference
    +0.78%