| OLD | NEW |
| 1 <!-- Lighthouse category score --> | 1 <!-- Lighthouse category score --> |
| 2 <template id="tmpl-lh-category-score"> | 2 <template id="tmpl-lh-category-score"> |
| 3 <div class="lh-score"> | 3 <div class="lh-score"> |
| 4 <div class="lh-score__value"><!-- fill me --></div> | 4 <div class="lh-score__value"><!-- fill me --></div> |
| 5 <div class="lh-score__gauge"></div> |
| 5 <div class="lh-score__header"> | 6 <div class="lh-score__header"> |
| 6 <div class="lh-score__snippet"> | 7 <div class="lh-score__snippet"> |
| 7 <span class="lh-score__title"><!-- fill me --></span> | 8 <span class="lh-score__title"><!-- fill me --></span> |
| 8 </div> | 9 </div> |
| 9 <div class="lh-score__description"><!-- fill me --></div> | 10 <div class="lh-score__description"><!-- fill me --></div> |
| 10 </div> | 11 </div> |
| 11 </div> | 12 </div> |
| 12 </template> | 13 </template> |
| 13 | 14 |
| 14 <!-- Lighthouse audit score --> | 15 <!-- Lighthouse audit score --> |
| 15 <template id="tmpl-lh-audit-score"> | 16 <template id="tmpl-lh-audit-score"> |
| 16 <div class="lh-score"> | 17 <div class="lh-score"> |
| 17 <div class="lh-score__value"><!-- fill me --></div> | 18 <div class="lh-score__value"><!-- fill me --></div> |
| 18 <details class="lh-score__header"> | 19 <details class="lh-score__header lh-expandable-details"> |
| 19 <summary class="lh-score__snippet"> | 20 <summary class="lh-score__snippet lh-expandable-details__summary"> |
| 20 <span class="lh-score__title"><!-- fill me --></span> | 21 <span class="lh-score__title"><!-- fill me --></span> |
| 21 <div class="lh-toggle-arrow" title="See audits"></div> | 22 <div class="lh-toggle-arrow" title="See audits"></div> |
| 22 </summary> | 23 </summary> |
| 23 <div class="lh-score__description"><!-- fill me --></div> | 24 <div class="lh-score__description"><!-- fill me --></div> |
| 24 </details> | 25 </details> |
| 25 </div> | 26 </div> |
| 26 </template> | 27 </template> |
| 27 | 28 |
| 28 <!-- Lighthouse left nav --> | 29 <!-- Lighthouse left nav --> |
| 29 <template id="tmpl-lh-leftnav"> | 30 <template id="tmpl-lh-leftnav"> |
| (...skipping 12 matching lines...) Expand all Loading... |
| 42 color: var(--secondary-text-color); | 43 color: var(--secondary-text-color); |
| 43 font-size: 16px; | 44 font-size: 16px; |
| 44 display: flex; | 45 display: flex; |
| 45 justify-content: space-between; | 46 justify-content: space-between; |
| 46 text-decoration: none; | 47 text-decoration: none; |
| 47 color: inherit; | 48 color: inherit; |
| 48 } | 49 } |
| 49 .leftnav-item__score { | 50 .leftnav-item__score { |
| 50 background: transparent; | 51 background: transparent; |
| 51 } | 52 } |
| 53 .leftnav-item__score::after { |
| 54 content: ''; |
| 55 } |
| 52 .leftnav-item__score.lh-score__value--pass { | 56 .leftnav-item__score.lh-score__value--pass { |
| 53 color: var(--pass-color); | 57 color: var(--pass-color); |
| 54 } | 58 } |
| 55 .leftnav-item__score.lh-score__value--average { | 59 .leftnav-item__score.lh-score__value--average { |
| 56 color: var(--average-color); | 60 color: var(--average-color); |
| 57 } | 61 } |
| 58 .leftnav-item__score.lh-score__value--fail { | 62 .leftnav-item__score.lh-score__value--fail { |
| 59 color: var(--fail-color); | 63 color: var(--fail-color); |
| 60 } | 64 } |
| 61 .leftnav__header { | 65 .leftnav__header { |
| (...skipping 350 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 412 <div class="lh-gauge__mask lh-gauge__mask--half"> | 416 <div class="lh-gauge__mask lh-gauge__mask--half"> |
| 413 <div class="lh-gauge__fill"></div> | 417 <div class="lh-gauge__fill"></div> |
| 414 <div class="lh-gauge__fill lh-gauge__fill--fix"></div> | 418 <div class="lh-gauge__fill lh-gauge__fill--fix"></div> |
| 415 </div> | 419 </div> |
| 416 </div> | 420 </div> |
| 417 <div class="lh-gauge__percentage"></div> | 421 <div class="lh-gauge__percentage"></div> |
| 418 </div> | 422 </div> |
| 419 <div class="lh-gauge__label"><!-- fill me --></div> | 423 <div class="lh-gauge__label"><!-- fill me --></div> |
| 420 </a> | 424 </a> |
| 421 </template> | 425 </template> |
| OLD | NEW |