Showing stats forto

  1. Simplicity

    0.97
    0.86
    Absolute difference
    -0.11
    Relative difference
    -11.03%
  2. Average cohesion

    2.85
    2.97
    Absolute difference
    +0.11
    Relative difference
    +3.98%
  3. Source Lines of Code

    1,706
    2,356
    Absolute difference
    +650
    Relative difference
    +38.1%
  4. @font-faces

    1. font-family
      'Teko'
      font-style
      normal
      font-weight
      500
      src
      local('Teko Medium'),local('Teko-Medium'),url("https://project-wallace-fonts-qousb2m6z.now.sh/public/teko-500.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+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
      font-display
      swap
    2. font-family
      'Teko'
      font-style
      normal
      font-weight
      500
      src
      url("https://fonts.gstatic.com/s/teko/v10/LYjCdG7kmE0gdVBesCRgqHAtXN8.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+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
      font-display
      swap
    1. font-family
      'Teko'
      font-style
      normal
      font-weight
      500
      src
      local('Teko Medium'),local('Teko-Medium'),url("https://project-wallace-fonts-qousb2m6z.now.sh/public/teko-500.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+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
      font-display
      swap
    2. font-family
      'Teko'
      font-style
      normal
      font-weight
      500
      src
      url("https://fonts.gstatic.com/s/teko/v10/LYjCdG7kmE0gdVBesCRgqHAtXN8.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+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
      font-display
      swap
  5. @media queries

    78
    79
    Absolute difference
    +1
    Relative difference
    +1.28%
  6. Rules

    417
    550
    Absolute difference
    +133
    Relative difference
    +31.89%
  7. Average selectors per rule

    1.03
    1.16
    Absolute difference
    +0.13
    Relative difference
    +12.4%
  8. Selectors

    429
    636
    Absolute difference
    +207
    Relative difference
    +48.25%
  9. Unique selectors

    332
    539
    Absolute difference
    +207
    Relative difference
    +62.35%
  10. Avg. Selector Complexity

    1.40
    1.60
    Absolute difference
    +0.21
    Relative difference
    +14.86%
  11. Total Selector Complexity

    599
    1,020
    Absolute difference
    +421
    Relative difference
    +70.28%
  12. Unique Selector Complexities

    1. 0
    2. 1
    3. 2
    4. 3
    5. 4
    6. 5
    1. 0
    2. 1
    3. 2
    4. 3
    5. 4
    6. 5
  13. Unique Selector Complexity

    4
    6
    Absolute difference
    +2
    Relative difference
    +50%
  14. Max. Selector Complexity Count

    21
    10
    Absolute difference
    -11
    Relative difference
    -52.38%
  15. Max. Selector Complexity

    3
    5
  16. Max. Complexity Selectors

    1. .btn .visuallyhidden + .icon
    2. .btn--destroy:focus .icon
    3. .btn--destroy:hover .icon
    4. .btn-group .btn:not(:last-child)
    5. .btn:disabled:focus
    6. .btn:disabled:hover
    7. .btn[disabled]:focus
    8. .btn[disabled]:hover
    9. .card:focus .card__title
    10. .card:hover .card__title
    11. .ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end
    12. .ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start
    13. .ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end
    14. .ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start
    15. .form p a
    16. .hero a::after
    17. .hero a:hover
    18. .import-diff:target::before
    19. .metric__graph[data-budget-state='even'] .ct-series-b .ct-area
    20. .metric__graph[data-budget-state='even'] .ct-series-b .ct-line
    21. .metric__graph[data-budget-state='over'] .ct-series-b .ct-area
    22. .metric__graph[data-budget-state='over'] .ct-series-b .ct-line
    23. .metric__graph[data-budget-state='under'] .ct-series-b .ct-area
    24. .metric__graph[data-budget-state='under'] .ct-series-b .ct-line
    25. .profile__hero .hero__text::before
    26. .range-control__option:focus::after
    27. .range-control__option:hover::after
    28. .stat:first-child .stat__value
    29. .tab-bar > li:not(:last-child)
    30. .tab-bar__link:not(.tab-bar__link--is-active):focus
    31. .tab-bar__link:not(.tab-bar__link--is-active):hover
    1. .btn .visuallyhidden + .icon
    2. .btn--destroy:focus .icon
    3. .btn--destroy:hover .icon
    4. .btn-group .btn:not(:last-child)
    5. .btn:disabled:focus
    6. .btn:disabled:hover
    7. .btn[disabled]:focus
    8. .btn[disabled]:hover
    9. .card:focus .card__title
    10. .card:hover .card__title
    11. .ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end
    12. .ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start
    13. .ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end
    14. .ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start
    15. .form p a
    16. .hero a::after
    17. .hero a:hover
    18. .import-diff:target::before
    19. .metric__graph[data-budget-state='even'] .ct-series-b .ct-area
    20. .metric__graph[data-budget-state='even'] .ct-series-b .ct-line
    21. .metric__graph[data-budget-state='over'] .ct-series-b .ct-area
    22. .metric__graph[data-budget-state='over'] .ct-series-b .ct-line
    23. .metric__graph[data-budget-state='under'] .ct-series-b .ct-area
    24. .metric__graph[data-budget-state='under'] .ct-series-b .ct-line
    25. .profile__hero .hero__text::before
    26. .range-control__option:focus::after
    27. .range-control__option:hover::after
    28. .stat:first-child .stat__value
    29. .tab-bar > li:not(:last-child)
    30. .tab-bar__link:not(.tab-bar__link--is-active):focus
    31. .tab-bar__link:not(.tab-bar__link--is-active):hover
  17. Universal selectors

    4
    5
    Absolute difference
    +1
    Relative difference
    +25%
  18. Unique universal selectors

    4
    5
    Absolute difference
    +1
    Relative difference
    +25%
  19. Universal selectors

    1. *
    2. *::after
    3. *::before
    4. .form__header > * + *
    5. .hero--has-longtail + *
    1. *
    2. *::after
    3. *::before
    4. .form__header > * + *
    5. .hero--has-longtail + *
  20. Top specificity selectors

    1. .btn .visuallyhidden + .icon
    2. .btn--destroy:focus .icon
    3. .btn--destroy:hover .icon
    4. .btn-group .btn:not(:last-child)
    5. .btn:disabled:focus
    6. .ct-chart-bar .ct-label.ct-horizontal.ct-end
    7. .ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end
    8. .ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start
    9. .ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end
    10. .ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start
    1. .btn .visuallyhidden + .icon
    2. .btn--destroy:focus .icon
    3. .btn--destroy:hover .icon
    4. .btn-group .btn:not(:last-child)
    5. .btn:disabled:focus
    6. .ct-chart-bar .ct-label.ct-horizontal.ct-end
    7. .ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end
    8. .ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start
    9. .ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end
    10. .ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start
  21. Declarations

    1,190
    1,632
    Absolute difference
    +442
    Relative difference
    +37.14%
  22. Unique declarations

    531
    633
    Absolute difference
    +102
    Relative difference
    +19.21%
  23. Properties

    1,190
    1,632
    Absolute difference
    +442
    Relative difference
    +37.14%
  24. Unique properties

    118
    131
    Absolute difference
    +13
    Relative difference
    +11.02%
  25. Properties

    1. --box-spacing
    2. --card-height
    3. --card-inner-spacing
    4. --card-width
    5. --event-size
    6. --flash-bg
    7. --flash-text
    8. --form-padding
    9. --gap
    10. --metric-inner-spacing
    11. -moz-appearance
    12. -moz-osx-font-smoothing
    13. -moz-user-select
    14. -ms-flex-align
    15. -ms-flex-pack
    16. -ms-text-size-adjust
    17. -webkit-align-items
    18. -webkit-appearance
    19. -webkit-box-align
    20. -webkit-box-pack
    21. -webkit-font-smoothing
    22. -webkit-justify-content
    23. -webkit-overflow-scrolling
    24. -webkit-text-size-adjust
    25. -webkit-user-select
    26. align-content
    27. align-items
    28. align-self
    29. animation
    30. appearance
    31. background
    32. background-color
    33. background-image
    34. background-position
    35. background-repeat
    36. background-size
    37. border
    38. border-bottom
    39. border-bottom-color
    40. border-collapse
    41. border-color
    42. border-radius
    43. border-top
    44. border-width
    45. bottom
    46. box-shadow
    47. box-sizing
    48. break-inside
    49. clear
    50. clip
    51. clip-path
    52. color
    53. column-gap
    54. column-width
    55. content
    56. counter-increment
    57. counter-reset
    58. cursor
    59. display
    60. dominant-baseline
    61. fill
    62. fill-opacity
    63. flex
    64. flex-direction
    65. flex-flow
    66. flex-grow
    67. flex-wrap
    68. float
    69. font
    70. font-family
    71. font-size
    72. font-style
    73. font-weight
    74. gap
    75. grid-area
    76. grid-auto-flow
    77. grid-column
    78. grid-gap
    79. grid-row
    80. grid-template-areas
    81. grid-template-columns
    82. grid-template-rows
    83. height
    84. justify-content
    85. justify-items
    86. justify-self
    87. left
    88. letter-spacing
    89. line-height
    90. list-style
    91. list-style-type
    92. margin
    93. margin-bottom
    94. margin-left
    95. margin-right
    96. margin-top
    97. max-height
    98. max-width
    99. min-height
    100. opacity
    101. order
    102. outline
    103. overflow
    104. overflow-x
    105. padding
    106. padding-bottom
    107. padding-left
    108. padding-right
    109. padding-top
    110. pointer-events
    111. position
    112. resize
    113. right
    114. stroke
    115. stroke-dasharray
    116. stroke-linecap
    117. stroke-width
    118. text-align
    119. text-anchor
    120. text-decoration
    121. text-shadow
    122. text-transform
    123. top
    124. transform
    125. transition
    126. user-select
    127. vertical-align
    128. visibility
    129. white-space
    130. width
    131. word-break
    132. z-index
    1. --box-spacing
    2. --card-height
    3. --card-inner-spacing
    4. --card-width
    5. --event-size
    6. --flash-bg
    7. --flash-text
    8. --form-padding
    9. --gap
    10. --metric-inner-spacing
    11. -moz-appearance
    12. -moz-osx-font-smoothing
    13. -moz-user-select
    14. -ms-flex-align
    15. -ms-flex-pack
    16. -ms-text-size-adjust
    17. -webkit-align-items
    18. -webkit-appearance
    19. -webkit-box-align
    20. -webkit-box-pack
    21. -webkit-font-smoothing
    22. -webkit-justify-content
    23. -webkit-overflow-scrolling
    24. -webkit-text-size-adjust
    25. -webkit-user-select
    26. align-content
    27. align-items
    28. align-self
    29. animation
    30. appearance
    31. background
    32. background-color
    33. background-image
    34. background-position
    35. background-repeat
    36. background-size
    37. border
    38. border-bottom
    39. border-bottom-color
    40. border-collapse
    41. border-color
    42. border-radius
    43. border-top
    44. border-width
    45. bottom
    46. box-shadow
    47. box-sizing
    48. break-inside
    49. clear
    50. clip
    51. clip-path
    52. color
    53. column-gap
    54. column-width
    55. content
    56. counter-increment
    57. counter-reset
    58. cursor
    59. display
    60. dominant-baseline
    61. fill
    62. fill-opacity
    63. flex
    64. flex-direction
    65. flex-flow
    66. flex-grow
    67. flex-wrap
    68. float
    69. font
    70. font-family
    71. font-size
    72. font-style
    73. font-weight
    74. gap
    75. grid-area
    76. grid-auto-flow
    77. grid-column
    78. grid-gap
    79. grid-row
    80. grid-template-areas
    81. grid-template-columns
    82. grid-template-rows
    83. height
    84. justify-content
    85. justify-items
    86. justify-self
    87. left
    88. letter-spacing
    89. line-height
    90. list-style
    91. list-style-type
    92. margin
    93. margin-bottom
    94. margin-left
    95. margin-right
    96. margin-top
    97. max-height
    98. max-width
    99. min-height
    100. opacity
    101. order
    102. outline
    103. overflow
    104. overflow-x
    105. padding
    106. padding-bottom
    107. padding-left
    108. padding-right
    109. padding-top
    110. pointer-events
    111. position
    112. resize
    113. right
    114. stroke
    115. stroke-dasharray
    116. stroke-linecap
    117. stroke-width
    118. text-align
    119. text-anchor
    120. text-decoration
    121. text-shadow
    122. text-transform
    123. top
    124. transform
    125. transition
    126. user-select
    127. vertical-align
    128. visibility
    129. white-space
    130. width
    131. word-break
    132. z-index
  26. Prefixed properties

    14
    74
    Absolute difference
    +60
    Relative difference
    +428.57%
  27. Unique prefixed properties

    9
    15
    Absolute difference
    +6
    Relative difference
    +66.67%
  28. Prefixed properties %

    0.01
    0.05
    Absolute difference
    +0.03
    Relative difference
    +285.42%
  29. Prefixed properties

    1. -moz-appearance
    2. -moz-osx-font-smoothing
    3. -moz-user-select
    4. -ms-flex-align
    5. -ms-flex-pack
    6. -ms-text-size-adjust
    7. -webkit-align-items
    8. -webkit-appearance
    9. -webkit-box-align
    10. -webkit-box-pack
    11. -webkit-font-smoothing
    12. -webkit-justify-content
    13. -webkit-overflow-scrolling
    14. -webkit-text-size-adjust
    15. -webkit-user-select
    1. -moz-appearance
    2. -moz-osx-font-smoothing
    3. -moz-user-select
    4. -ms-flex-align
    5. -ms-flex-pack
    6. -ms-text-size-adjust
    7. -webkit-align-items
    8. -webkit-appearance
    9. -webkit-box-align
    10. -webkit-box-pack
    11. -webkit-font-smoothing
    12. -webkit-justify-content
    13. -webkit-overflow-scrolling
    14. -webkit-text-size-adjust
    15. -webkit-user-select
  30. Values

    1,190
    1,632
    Absolute difference
    +442
    Relative difference
    +37.14%
  31. Unique font-sizes

    25
    27
    Absolute difference
    +2
    Relative difference
    +8%
  32. Font-sizes

    1. 0
    2. .675em
    3. .7rem
    4. .75rem
    5. .75em
    6. .875em
    7. .925em
    8. 1em
    9. 1rem
    10. 1.1em
    11. 1.2em
    12. 1.25em
    13. 1.25rem
    14. 1.3em
    15. 1.3125em
    16. 1.4em
    17. 1.5em
    18. 1.625em
    19. 1.75em
    20. 2em
    21. 2.8em
    22. 3em
    23. 4em
    24. 4.5rem
    25. 6em
    26. 8em
    27. 17em
    1. 0
    2. .675em
    3. .7rem
    4. .75rem
    5. .75em
    6. .875em
    7. .925em
    8. 1em
    9. 1rem
    10. 1.1em
    11. 1.2em
    12. 1.25em
    13. 1.25rem
    14. 1.3em
    15. 1.3125em
    16. 1.4em
    17. 1.5em
    18. 1.625em
    19. 1.75em
    20. 2em
    21. 2.8em
    22. 3em
    23. 4em
    24. 4.5rem
    25. 6em
    26. 8em
    27. 17em
  33. Font-families

    20
    19
    Absolute difference
    -1
    Relative difference
    -5%
  34. Colors

    216
    258
    Absolute difference
    +42
    Relative difference
    +19.44%
  35. Unique colors

    24
    39
    Absolute difference
    +15
    Relative difference
    +62.5%
  36. Colors

    1. hsl(0, 70%, 42%)
    2. #f05b4f
    3. #d17905
    4. #dda458
    5. #f4c63d
    6. #eacf7d
    7. hsl(60, 100%, 50%)
    8. hsl(60, 100%, 92.4%)
    9. #b2c326
    10. #59922b
    11. hsl(100.9, 60%, 50%)
    12. hsl(151.7,66%,47.3%)
    13. hsl(152, 80%, 24%)
    14. hsl(152, 65.6%, 41%)
    15. hsl(166, 25%, 17%)
    16. hsl(195, 33.3%, 4.7%)
    17. hsla(195, 33.3%, 4.7%, 0.1)
    18. hsl(198, 5%, 97.3%)
    19. hsl(198, 12%, 66%)
    20. hsl(198, 12%, 52%)
    21. hsl(198, 10%, 82%)
    22. hsl(198.6, 19.6%, 20.8%)
    23. hsl(203, 23%, 16%)
    24. hsl(203.3, 27.3%, 12.9%)
    25. hsl(205.3, 19.6%, 19%)
    26. hsl(215.9, 92%, 40%)
    27. #0544d3
    28. #6188e2
    29. #6b0392
    30. #a748ca
    31. hsl(335.9, 89%, 50%)
    32. hsl(338.9, 26.8%, 20%)
    33. #86797d
    34. #453d3f
    35. #d70206
    36. hsl(0, 100%, 100%)
    37. hsl(0, 0%, 0%)
    38. rgba(0,0,0,0.4)
    39. rgba(0,0,0,0.2)
    40. rgba(0, 0, 0, 0)
    1. hsl(0, 70%, 42%)
    2. #f05b4f
    3. #d17905
    4. #dda458
    5. #f4c63d
    6. #eacf7d
    7. hsl(60, 100%, 50%)
    8. hsl(60, 100%, 92.4%)
    9. #b2c326
    10. #59922b
    11. hsl(100.9, 60%, 50%)
    12. hsl(151.7,66%,47.3%)
    13. hsl(152, 80%, 24%)
    14. hsl(152, 65.6%, 41%)
    15. hsl(166, 25%, 17%)
    16. hsl(195, 33.3%, 4.7%)
    17. hsla(195, 33.3%, 4.7%, 0.1)
    18. hsl(198, 5%, 97.3%)
    19. hsl(198, 12%, 66%)
    20. hsl(198, 12%, 52%)
    21. hsl(198, 10%, 82%)
    22. hsl(198.6, 19.6%, 20.8%)
    23. hsl(203, 23%, 16%)
    24. hsl(203.3, 27.3%, 12.9%)
    25. hsl(205.3, 19.6%, 19%)
    26. hsl(215.9, 92%, 40%)
    27. #0544d3
    28. #6188e2
    29. #6b0392
    30. #a748ca
    31. hsl(335.9, 89%, 50%)
    32. hsl(338.9, 26.8%, 20%)
    33. #86797d
    34. #453d3f
    35. #d70206
    36. hsl(0, 100%, 100%)
    37. hsl(0, 0%, 0%)
    38. rgba(0,0,0,0.4)
    39. rgba(0,0,0,0.2)
    40. rgba(0, 0, 0, 0)
  37. Prefixed values %

    0.00
    0.00
    Absolute difference
    0.00
    Relative difference
    +264.58%
  38. Prefixed values

    1
    5
    Absolute difference
    +4
    Relative difference
    +400%
  39. Unique prefixed values

    1
    5
    Absolute difference
    +4
    Relative difference
    +400%
  40. Unique prefixed values

    1. -moz-box
    2. -ms-flexbox
    3. -webkit-box
    4. -webkit-flex
    5. 0 0 0 3px -moz-mac-focusring
    1. -moz-box
    2. -ms-flexbox
    3. -webkit-box
    4. -webkit-flex
    5. 0 0 0 3px -moz-mac-focusring
  41. Animation durations

    8
    7
    Absolute difference
    -1
    Relative difference
    -12.5%
  42. Unique animation durations

    4
    3
    Absolute difference
    -1
    Relative difference
    -25%
  43. Animation durations

    1. .1s
    2. .2s
    3. 2.8s
    4. 8s
    1. .1s
    2. .2s
    3. 2.8s
    4. 8s
  44. Animation timing functions

    6
    5
    Absolute difference
    -1
    Relative difference
    -16.67%