|
6 | 6 | .nuget-trends-icon { |
7 | 7 | filter: brightness(0) invert(var(--nuget-trends-icon-invert-value)); |
8 | 8 | } |
9 | | - |
| 9 | + |
10 | 10 | .no-border { |
11 | 11 | border: 0; |
12 | 12 | } |
|
22 | 22 | .package-header { |
23 | 23 | margin-bottom: 35px; |
24 | 24 | } |
25 | | - |
| 25 | + |
26 | 26 | .content-hidden-notice { |
27 | 27 | // Same margin as h1 |
28 | 28 | margin-top: (@line-height-computed * 1.5) |
|
54 | 54 | margin-top: 8px; |
55 | 55 | margin-right: 12px; |
56 | 56 | } |
57 | | - |
58 | 57 | } |
59 | 58 |
|
60 | 59 | .prefix-reserve-title { |
|
273 | 272 | margin: 1.5px; |
274 | 273 | } |
275 | 274 |
|
276 | | - .username{ |
| 275 | + .username { |
277 | 276 | margin-left: 6.5px; |
278 | 277 | } |
279 | 278 | } |
|
291 | 290 | } |
292 | 291 | } |
293 | 292 |
|
294 | | - .git-image-icon{ |
| 293 | + .git-image-icon { |
295 | 294 | background-image: var(--git-background-image); |
296 | 295 | width: 16px; |
297 | 296 | height: 16px; |
|
404 | 403 | border-left: 2px solid transparent; |
405 | 404 | outline: none; |
406 | 405 |
|
407 | | - &:hover{ |
| 406 | + &:hover { |
408 | 407 | background-color: var(--neutralBackgroundSubtleHover); |
409 | 408 | color: var(--neutralForeground1Hover); |
410 | 409 | } |
|
427 | 426 | .nav-tabs > li.active > a { |
428 | 427 | background-color: var(--neutralBackground1Rest); |
429 | 428 | border-radius: 6px 6px 0px 0px; |
430 | | - |
431 | 429 | border-top: 2px solid var(--neutralStroke1Rest); |
432 | 430 | border-right: 2px solid var(--neutralStroke1Rest); |
433 | 431 | border-left: 2px solid var(--neutralStroke1Rest); |
434 | | - |
435 | 432 | color: var(--neutralForeground1Rest); |
436 | 433 | top: 2px; |
437 | 434 |
|
438 | | - &:hover{ |
| 435 | + &:hover { |
439 | 436 | background-color: var(--neutralBackgroundSubtleHover); |
440 | 437 | color: var(--neutralForeground1Hover); |
441 | 438 | } |
|
455 | 452 |
|
456 | 453 | .tab-content { |
457 | 454 | background-color: var(--neutralBackground1Rest); |
458 | | - |
459 | | - .tab-pane.active{ |
460 | | - display: flex; |
461 | | - flex-direction: column; |
462 | | - gap: 4px; |
| 455 | + |
| 456 | + .tab-pane.active { |
| 457 | + display: flex; |
| 458 | + flex-direction: column; |
| 459 | + gap: 4px; |
463 | 460 | } |
| 461 | + |
464 | 462 | .tab-pane { |
465 | 463 | background-color: var(--neutralBackground2Rest); |
| 464 | + |
466 | 465 | .install-script-row { |
467 | 466 | display: flex; |
468 | 467 |
|
|
471 | 470 | justify-content: space-between; |
472 | 471 | align-items: center; |
473 | 472 | padding: 6px 8px; |
474 | | - |
475 | 473 | background-color: var(--neutralBackground1Rest); |
476 | 474 | font-family: @font-family-monospace; |
477 | 475 | font-size: 1em; |
|
504 | 502 | .alert { |
505 | 503 | margin: 0; |
506 | 504 | width: 100%; |
| 505 | + |
| 506 | + a { |
| 507 | + font-weight: 600; |
| 508 | + } |
507 | 509 | } |
508 | 510 | } |
509 | 511 | } |
|
513 | 515 | .nav-tabs > li { |
514 | 516 | padding-right: 2px; |
515 | 517 | } |
516 | | - |
| 518 | + |
517 | 519 | .nav-tabs > li.active > a { |
518 | 520 | border-bottom-color: var(--brandStrokeCompoundRest); |
519 | 521 | border-bottom-width: 2px; |
520 | 522 | -webkit-text-stroke-width: calc(0.5 * 0.04ex); |
521 | | - text-shadow: calc(0.5 * -0.03ex) 0 0 currentColor, |
522 | | - calc(0.5 * 0.03ex) 0 0 currentColor; |
| 523 | + text-shadow: calc(0.5 * -0.03ex) 0 0 currentColor, calc(0.5 * 0.03ex) 0 0 currentColor; |
523 | 524 | margin-bottom: -1px; |
524 | 525 | background-color: transparent; |
525 | 526 |
|
|
559 | 560 | font-family: @font-family-base; |
560 | 561 | color: var(--neutralForeground1Rest); |
561 | 562 | background-color: transparent; |
562 | | - |
| 563 | + |
563 | 564 | &:hover { |
564 | 565 | border-bottom-color: var(--neutralStroke1Hover); |
565 | 566 | border-bottom-width: 2px; |
566 | 567 | background-color: var(--neutralBackgroundSubtleHover); |
567 | 568 | border-radius: 2px 2px 0px 0px; |
568 | 569 | } |
569 | | - |
| 570 | + |
570 | 571 | &:active { |
571 | 572 | border-bottom-color: var(--neutralStroke1Pressed); |
572 | 573 | border-bottom-width: 2px; |
573 | 574 | background-color: var(--neutralBackgroundSubtlePressed); |
574 | 575 | } |
575 | | - |
| 576 | + |
576 | 577 | &:focus { |
577 | 578 | border-radius: 2px; |
578 | 579 | outline: 3px solid var(--neutralStrokeFocus2Rest); |
|
589 | 590 | .body-tab-content { |
590 | 591 | padding-top: 30px; |
591 | 592 |
|
| 593 | + a { |
| 594 | + font-weight: 600; |
| 595 | + } |
592 | 596 | // The "README", "Used By", and "Dependencies" tabs can start with headers. |
593 | 597 | // which add additional whitespace between the tab and the content. |
594 | 598 | // Undo that whitespace. |
|
0 commit comments