@stackoverflow/stacks 1.3.4 → 1.3.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/css/stacks.css +72 -39
  2. package/dist/css/stacks.min.css +1 -1
  3. package/lib/css/components/post-summary.less +46 -27
  4. package/lib/css/components/toggle-switches.less +5 -4
  5. package/package.json +1 -1
package/dist/css/stacks.css CHANGED
@@ -2525,19 +2525,28 @@ body.theme-system .theme-dark__forced .s-post-summary__deleted .s-badge__filled
2525
2525
  color: var(--white);
2526
2526
  background-color: var(--red-600);
2527
2527
  }
2528
- .s-post-summary__deleted .s-post-summary--meta-tags > a,
2529
- .s-post-summary__deleted .s-post-summary--meta-tags > .s-tag,
2530
- .s-post-summary__deleted .s-post-summary--meta-tags > a:hover,
2531
- .s-post-summary__deleted .s-post-summary--meta-tags > .s-tag:hover,
2532
- .s-post-summary__deleted .s-post-summary--meta-tags > a:active,
2533
- .s-post-summary__deleted .s-post-summary--meta-tags > .s-tag:active,
2534
- .s-post-summary__deleted .s-post-summary--meta-tags > a:focus,
2535
- .s-post-summary__deleted .s-post-summary--meta-tags > .s-tag:focus {
2528
+ .s-post-summary__deleted .s-post-summary--meta-tags a,
2529
+ .s-post-summary__deleted .s-post-summary--meta-tags .post-tag,
2530
+ .s-post-summary__deleted .s-post-summary--meta-tags .s-tag,
2531
+ .s-post-summary__deleted .s-post-summary--meta-tags a:hover,
2532
+ .s-post-summary__deleted .s-post-summary--meta-tags .post-tag:hover,
2533
+ .s-post-summary__deleted .s-post-summary--meta-tags .s-tag:hover,
2534
+ .s-post-summary__deleted .s-post-summary--meta-tags a:active,
2535
+ .s-post-summary__deleted .s-post-summary--meta-tags .post-tag:active,
2536
+ .s-post-summary__deleted .s-post-summary--meta-tags .s-tag:active,
2537
+ .s-post-summary__deleted .s-post-summary--meta-tags a:focus,
2538
+ .s-post-summary__deleted .s-post-summary--meta-tags .post-tag:focus,
2539
+ .s-post-summary__deleted .s-post-summary--meta-tags .s-tag:focus {
2536
2540
  background-color: var(--black-075);
2537
2541
  }
2538
2542
  .s-post-summary__ignored .s-post-summary--stats {
2539
2543
  color: var(--black-500);
2540
2544
  }
2545
+ .s-post-summary__ignored .s-post-summary--stats .s-post-summary--stats-item.is-warm,
2546
+ .s-post-summary__ignored .s-post-summary--stats .s-post-summary--stats-item.is-hot,
2547
+ .s-post-summary__ignored .s-post-summary--stats .s-post-summary--stats-item.is-supernova {
2548
+ color: var(--black-500);
2549
+ }
2541
2550
  .s-post-summary__ignored .s-post-summary--stats .s-post-summary--stats-item.has-answers {
2542
2551
  color: var(--black-600);
2543
2552
  border: 1px solid var(--black-075);
@@ -2551,14 +2560,18 @@ body.theme-system .theme-dark__forced .s-post-summary__deleted .s-badge__filled
2551
2560
  .s-post-summary__ignored .s-post-summary--stats .s-post-summary--stats-item__emphasized {
2552
2561
  color: var(--black-500);
2553
2562
  }
2554
- .s-post-summary__ignored .s-post-summary--meta-tags > a,
2555
- .s-post-summary__ignored .s-post-summary--meta-tags > .s-tag,
2556
- .s-post-summary__ignored .s-post-summary--meta-tags > a:hover,
2557
- .s-post-summary__ignored .s-post-summary--meta-tags > .s-tag:hover,
2558
- .s-post-summary__ignored .s-post-summary--meta-tags > a:active,
2559
- .s-post-summary__ignored .s-post-summary--meta-tags > .s-tag:active,
2560
- .s-post-summary__ignored .s-post-summary--meta-tags > a:focus,
2561
- .s-post-summary__ignored .s-post-summary--meta-tags > .s-tag:focus {
2563
+ .s-post-summary__ignored .s-post-summary--meta-tags a,
2564
+ .s-post-summary__ignored .s-post-summary--meta-tags .post-tag,
2565
+ .s-post-summary__ignored .s-post-summary--meta-tags .s-tag,
2566
+ .s-post-summary__ignored .s-post-summary--meta-tags a:hover,
2567
+ .s-post-summary__ignored .s-post-summary--meta-tags .post-tag:hover,
2568
+ .s-post-summary__ignored .s-post-summary--meta-tags .s-tag:hover,
2569
+ .s-post-summary__ignored .s-post-summary--meta-tags a:active,
2570
+ .s-post-summary__ignored .s-post-summary--meta-tags .post-tag:active,
2571
+ .s-post-summary__ignored .s-post-summary--meta-tags .s-tag:active,
2572
+ .s-post-summary__ignored .s-post-summary--meta-tags a:focus,
2573
+ .s-post-summary__ignored .s-post-summary--meta-tags .post-tag:focus,
2574
+ .s-post-summary__ignored .s-post-summary--meta-tags .s-tag:focus {
2562
2575
  background-color: var(--black-050);
2563
2576
  }
2564
2577
  .s-post-summary__ignored .s-post-summary--content-title > a,
@@ -2581,28 +2594,41 @@ body.theme-system .theme-dark__forced .s-post-summary__deleted .s-badge__filled
2581
2594
  .s-post-summary__deleted .s-post-summary--meta > *:not(.s-post-summary--meta-tags) {
2582
2595
  color: var(--black-600);
2583
2596
  }
2584
- .s-post-summary__ignored .s-post-summary--meta-tags > a,
2585
- .s-post-summary__deleted .s-post-summary--meta-tags > a,
2586
- .s-post-summary__ignored .s-post-summary--meta-tags > .s-tag,
2587
- .s-post-summary__deleted .s-post-summary--meta-tags > .s-tag,
2588
- .s-post-summary__ignored .s-post-summary--meta-tags > a:hover,
2589
- .s-post-summary__deleted .s-post-summary--meta-tags > a:hover,
2590
- .s-post-summary__ignored .s-post-summary--meta-tags > .s-tag:hover,
2591
- .s-post-summary__deleted .s-post-summary--meta-tags > .s-tag:hover,
2592
- .s-post-summary__ignored .s-post-summary--meta-tags > a:active,
2593
- .s-post-summary__deleted .s-post-summary--meta-tags > a:active,
2594
- .s-post-summary__ignored .s-post-summary--meta-tags > .s-tag:active,
2595
- .s-post-summary__deleted .s-post-summary--meta-tags > .s-tag:active,
2596
- .s-post-summary__ignored .s-post-summary--meta-tags > a:focus,
2597
- .s-post-summary__deleted .s-post-summary--meta-tags > a:focus,
2598
- .s-post-summary__ignored .s-post-summary--meta-tags > .s-tag:focus,
2599
- .s-post-summary__deleted .s-post-summary--meta-tags > .s-tag:focus {
2597
+ .s-post-summary__ignored .s-post-summary--meta-tags a,
2598
+ .s-post-summary__deleted .s-post-summary--meta-tags a,
2599
+ .s-post-summary__ignored .s-post-summary--meta-tags .post-tag,
2600
+ .s-post-summary__deleted .s-post-summary--meta-tags .post-tag,
2601
+ .s-post-summary__ignored .s-post-summary--meta-tags .s-tag,
2602
+ .s-post-summary__deleted .s-post-summary--meta-tags .s-tag,
2603
+ .s-post-summary__ignored .s-post-summary--meta-tags a:hover,
2604
+ .s-post-summary__deleted .s-post-summary--meta-tags a:hover,
2605
+ .s-post-summary__ignored .s-post-summary--meta-tags .post-tag:hover,
2606
+ .s-post-summary__deleted .s-post-summary--meta-tags .post-tag:hover,
2607
+ .s-post-summary__ignored .s-post-summary--meta-tags .s-tag:hover,
2608
+ .s-post-summary__deleted .s-post-summary--meta-tags .s-tag:hover,
2609
+ .s-post-summary__ignored .s-post-summary--meta-tags a:active,
2610
+ .s-post-summary__deleted .s-post-summary--meta-tags a:active,
2611
+ .s-post-summary__ignored .s-post-summary--meta-tags .post-tag:active,
2612
+ .s-post-summary__deleted .s-post-summary--meta-tags .post-tag:active,
2613
+ .s-post-summary__ignored .s-post-summary--meta-tags .s-tag:active,
2614
+ .s-post-summary__deleted .s-post-summary--meta-tags .s-tag:active,
2615
+ .s-post-summary__ignored .s-post-summary--meta-tags a:focus,
2616
+ .s-post-summary__deleted .s-post-summary--meta-tags a:focus,
2617
+ .s-post-summary__ignored .s-post-summary--meta-tags .post-tag:focus,
2618
+ .s-post-summary__deleted .s-post-summary--meta-tags .post-tag:focus,
2619
+ .s-post-summary__ignored .s-post-summary--meta-tags .s-tag:focus,
2620
+ .s-post-summary__deleted .s-post-summary--meta-tags .s-tag:focus {
2621
+ border-color: transparent;
2600
2622
  color: var(--black-600);
2601
2623
  }
2602
- .s-post-summary__ignored .s-user-card .s-user-card--link,
2603
- .s-post-summary__deleted .s-user-card .s-user-card--link {
2604
- color: var(--black-500);
2624
+ .s-post-summary__ignored .s-user-card .s-badge,
2625
+ .s-post-summary__deleted .s-user-card .s-badge {
2626
+ filter: grayscale(100%);
2605
2627
  }
2628
+ .s-post-summary__ignored .s-user-card a,
2629
+ .s-post-summary__deleted .s-user-card a,
2630
+ .s-post-summary__ignored .s-user-card .s-user-card--link,
2631
+ .s-post-summary__deleted .s-user-card .s-user-card--link,
2606
2632
  .s-post-summary__ignored .s-user-card .s-user-card--rep,
2607
2633
  .s-post-summary__deleted .s-user-card .s-user-card--rep,
2608
2634
  .s-post-summary__ignored .s-user-card .s-user-card--time,
@@ -3744,12 +3770,19 @@ body.theme-highcontrast .s-toggle-switch input[type="checkbox"] + .s-toggle-swit
3744
3770
  user-select: none;
3745
3771
  }
3746
3772
  .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label.s-toggle-switch--label-off {
3747
- background-color: var(--black-300);
3748
- color: hsl(0, 0%, 100%);
3749
- }
3750
- body.theme-highcontrast .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label.s-toggle-switch--label-off {
3773
+ background-color: var(--black-500);
3751
3774
  color: var(--white);
3752
3775
  }
3776
+ @media (prefers-color-scheme: dark) {
3777
+ body.theme-system .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label.s-toggle-switch--label-off {
3778
+ background-color: var(--black-350);
3779
+ }
3780
+ }
3781
+ body.theme-dark .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label.s-toggle-switch--label-off,
3782
+ .theme-dark__forced .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label.s-toggle-switch--label-off,
3783
+ body.theme-system .theme-dark__forced .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label.s-toggle-switch--label-off {
3784
+ background-color: var(--black-350);
3785
+ }
3753
3786
  .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label:not(.s-toggle-switch--label-off) {
3754
3787
  background-color: var(--green-400);
3755
3788
  color: hsl(0, 0%, 100%);