Showing stats forto

  1. Simplicity

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

    2.95
    3.02
    Absolute difference
    +0.07
    Relative difference
    +2.4%
  3. Unique @font-faces

    1
    Absolute difference
    +1
    Relative difference
    +100%
  4. @font-faces

    1. font-family
      'Teko'
      font-style
      normal
      font-weight
      500
      src
      local('Teko Medium'),local('Teko-Medium'),url("https://fonts.gstatic.com/s/teko/v7/zHdV_sp301b8VeOcG1lniQLUuEpTyoUstqEm5AMlJo4.woff2") format('woff2')
      unicode-range
      U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215
      font-display
      swap
    1. font-family
      'Teko'
      font-style
      normal
      font-weight
      500
      src
      local('Teko Medium'),local('Teko-Medium'),url("https://fonts.gstatic.com/s/teko/v7/zHdV_sp301b8VeOcG1lniQLUuEpTyoUstqEm5AMlJo4.woff2") format('woff2')
      unicode-range
      U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215
      font-display
      swap
  5. @media queries

    33
    39
    Absolute difference
    +6
    Relative difference
    +18.18%
  6. Unique @media queries

    7
    8
    Absolute difference
    +1
    Relative difference
    +14.29%
  7. @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)
    8. (min-width:800px)
    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)
    8. (min-width:800px)
  8. Rules

    244
    278
    Absolute difference
    +34
    Relative difference
    +13.93%
  9. Selectors

    277
    315
    Absolute difference
    +38
    Relative difference
    +13.72%
  10. Unique selectors

    233
    259
    Absolute difference
    +26
    Relative difference
    +11.16%
  11. 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/"]) .explore
    6. [data-ua*="Safari/"]:not([data-ua*="Chrome/"]) .explore__projects
    7. [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/"]) .explore
    6. [data-ua*="Safari/"]:not([data-ua*="Chrome/"]) .explore__projects
    7. [data-ua*="Safari/"]:not([data-ua*="Chrome/"]) .profile__tiles
  12. Declarations

    720
    840
    Absolute difference
    +120
    Relative difference
    +16.67%
  13. Unique declarations

    339
    394
    Absolute difference
    +55
    Relative difference
    +16.22%
  14. Properties

    720
    840
    Absolute difference
    +120
    Relative difference
    +16.67%
  15. Unique properties

    90
    96
    Absolute difference
    +6
    Relative difference
    +6.67%
  16. Properties

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

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

    720
    840
    Absolute difference
    +120
    Relative difference
    +16.67%
  19. Font-sizes

    44
    50
    Absolute difference
    +6
    Relative difference
    +13.64%
  20. Font-sizes

    1. 12px
    2. 13px
    3. 14px
    4. 15px
    5. 16px
    6. 18px
    7. 20px
    8. 21px
    9. 22px
    10. 26px
    11. 28px
    12. 36px
    13. 40px
    14. 44px
    15. 56px
    16. 64px
    17. calc(28px + 8vmin)
    1. 12px
    2. 13px
    3. 14px
    4. 15px
    5. 16px
    6. 18px
    7. 20px
    8. 21px
    9. 22px
    10. 26px
    11. 28px
    12. 36px
    13. 40px
    14. 44px
    15. 56px
    16. 64px
    17. calc(28px + 8vmin)
  21. Font-families

    14
    17
    Absolute difference
    +3
    Relative difference
    +21.43%
  22. Unique font-families

    4
    3
    Absolute difference
    -1
    Relative difference
    -25%
  23. 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
  24. Colors

    117
    147
    Absolute difference
    +30
    Relative difference
    +25.64%
  25. Unique colors

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

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