Showing stats forto

  1. Simplicity

    0.90
    0.88
    Absolute difference
    -0.02
    Relative difference
    -2.44%
  2. Average cohesion

    3.24
    3.07
    Absolute difference
    -0.18
    Relative difference
    -5.45%
  3. @media queries

    7
    10
    Absolute difference
    +3
    Relative difference
    +42.86%
  4. Unique @media queries

    3
    4
    Absolute difference
    +1
    Relative difference
    +33.33%
  5. @media queries

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

    91
    138
    Absolute difference
    +47
    Relative difference
    +51.65%
  7. Selectors

    101
    157
    Absolute difference
    +56
    Relative difference
    +55.45%
  8. Unique selectors

    92
    141
    Absolute difference
    +49
    Relative difference
    +53.26%
  9. Top specificity selectors

    1. .btn-group .btn:not(:last-child)
    2. .form .btn--cta::before
    3. .metric > a:focus
    4. .site-header .btn--cta::before
    5. .site-nav__link:focus::after
    6. .site-nav__link:hover::after
    7. .tiles .tile:not(:last-child)
    8. .user-profile .promo + .user-profile__projects
    1. .btn-group .btn:not(:last-child)
    2. .form .btn--cta::before
    3. .metric > a:focus
    4. .site-header .btn--cta::before
    5. .site-nav__link:focus::after
    6. .site-nav__link:hover::after
    7. .tiles .tile:not(:last-child)
    8. .user-profile .promo + .user-profile__projects
  10. Declarations

    295
    423
    Absolute difference
    +128
    Relative difference
    +43.39%
  11. Unique declarations

    174
    233
    Absolute difference
    +59
    Relative difference
    +33.91%
  12. Properties

    295
    423
    Absolute difference
    +128
    Relative difference
    +43.39%
  13. Unique properties

    70
    72
    Absolute difference
    +2
    Relative difference
    +2.86%
  14. Properties

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

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

    295
    423
    Absolute difference
    +128
    Relative difference
    +43.39%
  17. Font-sizes

    20
    27
    Absolute difference
    +7
    Relative difference
    +35%
  18. Unique font-sizes

    14
    18
    Absolute difference
    +4
    Relative difference
    +28.57%
  19. Font-sizes

    1. 0
    2. 12px
    3. .8rem
    4. .9em
    5. .9rem
    6. 16px
    7. 1rem
    8. 1em
    9. 1.1rem
    10. 1.2em
    11. 1.3em
    12. 21px
    13. 1.4em
    14. 24px
    15. 1.6em
    16. 26px
    17. 28px
    18. 32px
    19. 40px
    20. 56px
    1. 0
    2. 12px
    3. .8rem
    4. .9em
    5. .9rem
    6. 16px
    7. 1rem
    8. 1em
    9. 1.1rem
    10. 1.2em
    11. 1.3em
    12. 21px
    13. 1.4em
    14. 24px
    15. 1.6em
    16. 26px
    17. 28px
    18. 32px
    19. 40px
    20. 56px
  20. Font-families

    8
    11
    Absolute difference
    +3
    Relative difference
    +37.5%
  21. Unique font-families

    3
    4
    Absolute difference
    +1
    Relative difference
    +33.33%
  22. Font-families

    1. 'Teko'
    2. 'Teko',monospace
    3. -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif
    4. monospace,monospace
    1. 'Teko'
    2. 'Teko',monospace
    3. -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif
    4. monospace,monospace
  23. Colors

    53
    77
    Absolute difference
    +24
    Relative difference
    +45.28%
  24. Unique colors

    12
    17
    Absolute difference
    +5
    Relative difference
    +41.67%
  25. Colors

    1. #d53b30
    2. #ea7a34
    3. #ffb300
    4. #30d53b
    5. #050506
    6. rgba(5,5,6,0.3)
    7. #1d1c21
    8. #8a8698
    9. #36343d
    10. #cfcdd5
    11. #585463
    12. #201e24
    13. #efeef1
    14. #c300e6
    15. #f50052
    16. #fff
    17. gray
    18. #000
    1. #d53b30
    2. #ea7a34
    3. #ffb300
    4. #30d53b
    5. #050506
    6. rgba(5,5,6,0.3)
    7. #1d1c21
    8. #8a8698
    9. #36343d
    10. #cfcdd5
    11. #585463
    12. #201e24
    13. #efeef1
    14. #c300e6
    15. #f50052
    16. #fff
    17. gray
    18. #000