| 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__gauge"></div> |
| 6 <div class="lh-score__header"> | 6 <div class="lh-score__header"> |
| 7 <div class="lh-score__snippet"> | 7 <div class="lh-score__snippet"> |
| 8 <span class="lh-score__title"><!-- fill me --></span> | 8 <span class="lh-score__title"><!-- fill me --></span> |
| 9 </div> | 9 </div> |
| 10 <div class="lh-score__description"><!-- fill me --></div> | 10 <div class="lh-score__description"><!-- fill me --></div> |
| (...skipping 390 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 401 justify-content: center; | 401 justify-content: center; |
| 402 font-size: calc(var(--circle-size) / 3); | 402 font-size: calc(var(--circle-size) / 3); |
| 403 } | 403 } |
| 404 .lh-gauge__wrapper { | 404 .lh-gauge__wrapper { |
| 405 display: inline-flex; | 405 display: inline-flex; |
| 406 align-items: center; | 406 align-items: center; |
| 407 flex-direction: column; | 407 flex-direction: column; |
| 408 text-decoration: none; | 408 text-decoration: none; |
| 409 color: inherit; | 409 color: inherit; |
| 410 flex: 1; | 410 flex: 1; |
| 411 min-width: auto; |
| 412 position: relative; |
| 411 } | 413 } |
| 412 .lh-gauge__label { | 414 .lh-gauge__label { |
| 413 font-size: 16px; | 415 font-size: 16px; |
| 414 margin-top: var(--default-padding); | 416 margin-top: var(--default-padding); |
| 417 text-align: center; |
| 415 } | 418 } |
| 416 @media screen and (max-width: 767px) { | 419 @media screen and (max-width: 767px) { |
| 417 .lh-gauge__label { | 420 .lh-gauge__label { |
| 418 font-size: 12px; | 421 font-size: 12px; |
| 419 } | 422 } |
| 420 } | 423 } |
| 421 </style> | 424 </style> |
| 422 <a href="#" class="lh-gauge__wrapper"> | 425 <a href="#" class="lh-gauge__wrapper"> |
| 423 <div class="lh-gauge" data-progress="0"> | 426 <div class="lh-gauge" data-progress="0"> |
| 424 <div class="lh-gauge__circle"> | 427 <div class="lh-gauge__circle"> |
| (...skipping 78 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 503 <span class="crc-node__tree-value"> | 506 <span class="crc-node__tree-value"> |
| 504 <span class="crc-node__tree-file"><!-- fill me: node.request.url.fil
e --></span> | 507 <span class="crc-node__tree-file"><!-- fill me: node.request.url.fil
e --></span> |
| 505 <span class="crc-node__tree-hostname">(<!-- fill me: node.request.ur
l.host -->)</span> | 508 <span class="crc-node__tree-hostname">(<!-- fill me: node.request.ur
l.host -->)</span> |
| 506 <!-- fill me --> | 509 <!-- fill me --> |
| 507 </span> | 510 </span> |
| 508 </div> | 511 </div> |
| 509 </template> | 512 </template> |
| 510 </details> | 513 </details> |
| 511 </div> | 514 </div> |
| 512 </template> | 515 </template> |
| OLD | NEW |