@stackoverflow/stacks 1.3.2 → 1.3.5

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 (6) hide show
  1. package/dist/css/stacks.css +46 -20
  2. package/dist/css/stacks.min.css +1 -1
  3. package/lib/css/components/links.less +15 -3
  4. package/lib/css/components/post-summary.less +18 -19
  5. package/lib/css/components/widget-static.less +1 -0
  6. package/package.json +3 -3
package/dist/css/stacks.css CHANGED
@@ -2312,7 +2312,7 @@ body.theme-system .theme-dark__forced .s-popover--arrow {
2312
2312
  background-color: var(--blue-600);
2313
2313
  }
2314
2314
  .s-post-summary--stats .s-post-summary--stats-item.is-warm {
2315
- color: var(--yellow-800);
2315
+ color: var(--yellow-900);
2316
2316
  }
2317
2317
  .s-post-summary--stats .s-post-summary--stats-item.is-hot {
2318
2318
  color: var(--orange-800);
@@ -2498,22 +2498,9 @@ body.theme-highcontrast .s-post-summary--answer:before {
2498
2498
  .s-post-summary__watched {
2499
2499
  background-color: var(--yellow-050);
2500
2500
  }
2501
- .s-post-summary__watched .s-post-summary--content-title > a {
2502
- color: var(--blue-700);
2503
- }
2504
- .s-post-summary__watched .s-post-summary--content-title > a:hover,
2505
- .s-post-summary__watched .s-post-summary--content-title > a:active {
2506
- color: var(--blue-700);
2507
- }
2508
- .s-post-summary__watched .s-post-summary--content-title > a:visited {
2509
- color: var(--blue-800);
2510
- }
2511
2501
  .s-post-summary__watched .s-post-summary--stats {
2512
2502
  color: var(--black-500);
2513
2503
  }
2514
- .s-post-summary__watched .s-user-card .s-user-card--link {
2515
- color: var(--blue-700);
2516
- }
2517
2504
  .s-post-summary__watched .s-user-card .s-user-card--rep,
2518
2505
  .s-post-summary__watched .s-user-card .s-user-card--time {
2519
2506
  color: var(--black-600);
@@ -2538,15 +2525,24 @@ body.theme-system .theme-dark__forced .s-post-summary__deleted .s-badge__filled
2538
2525
  color: var(--white);
2539
2526
  background-color: var(--red-600);
2540
2527
  }
2528
+ .s-post-summary__deleted .s-post-summary--meta-tags > a,
2541
2529
  .s-post-summary__deleted .s-post-summary--meta-tags > .s-tag,
2530
+ .s-post-summary__deleted .s-post-summary--meta-tags > a:hover,
2542
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,
2543
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,
2544
2535
  .s-post-summary__deleted .s-post-summary--meta-tags > .s-tag:focus {
2545
2536
  background-color: var(--black-075);
2546
2537
  }
2547
2538
  .s-post-summary__ignored .s-post-summary--stats {
2548
2539
  color: var(--black-500);
2549
2540
  }
2541
+ .s-post-summary__ignored .s-post-summary--stats .s-post-summary--stats-item.is-warm,
2542
+ .s-post-summary__ignored .s-post-summary--stats .s-post-summary--stats-item.is-hot,
2543
+ .s-post-summary__ignored .s-post-summary--stats .s-post-summary--stats-item.is-supernova {
2544
+ color: var(--black-500);
2545
+ }
2550
2546
  .s-post-summary__ignored .s-post-summary--stats .s-post-summary--stats-item.has-answers {
2551
2547
  color: var(--black-600);
2552
2548
  border: 1px solid var(--black-075);
@@ -2560,9 +2556,13 @@ body.theme-system .theme-dark__forced .s-post-summary__deleted .s-badge__filled
2560
2556
  .s-post-summary__ignored .s-post-summary--stats .s-post-summary--stats-item__emphasized {
2561
2557
  color: var(--black-500);
2562
2558
  }
2559
+ .s-post-summary__ignored .s-post-summary--meta-tags > a,
2563
2560
  .s-post-summary__ignored .s-post-summary--meta-tags > .s-tag,
2561
+ .s-post-summary__ignored .s-post-summary--meta-tags > a:hover,
2564
2562
  .s-post-summary__ignored .s-post-summary--meta-tags > .s-tag:hover,
2563
+ .s-post-summary__ignored .s-post-summary--meta-tags > a:active,
2565
2564
  .s-post-summary__ignored .s-post-summary--meta-tags > .s-tag:active,
2565
+ .s-post-summary__ignored .s-post-summary--meta-tags > a:focus,
2566
2566
  .s-post-summary__ignored .s-post-summary--meta-tags > .s-tag:focus {
2567
2567
  background-color: var(--black-050);
2568
2568
  }
@@ -2586,20 +2586,33 @@ body.theme-system .theme-dark__forced .s-post-summary__deleted .s-badge__filled
2586
2586
  .s-post-summary__deleted .s-post-summary--meta > *:not(.s-post-summary--meta-tags) {
2587
2587
  color: var(--black-600);
2588
2588
  }
2589
+ .s-post-summary__ignored .s-post-summary--meta-tags > a,
2590
+ .s-post-summary__deleted .s-post-summary--meta-tags > a,
2589
2591
  .s-post-summary__ignored .s-post-summary--meta-tags > .s-tag,
2590
2592
  .s-post-summary__deleted .s-post-summary--meta-tags > .s-tag,
2593
+ .s-post-summary__ignored .s-post-summary--meta-tags > a:hover,
2594
+ .s-post-summary__deleted .s-post-summary--meta-tags > a:hover,
2591
2595
  .s-post-summary__ignored .s-post-summary--meta-tags > .s-tag:hover,
2592
2596
  .s-post-summary__deleted .s-post-summary--meta-tags > .s-tag:hover,
2597
+ .s-post-summary__ignored .s-post-summary--meta-tags > a:active,
2598
+ .s-post-summary__deleted .s-post-summary--meta-tags > a:active,
2593
2599
  .s-post-summary__ignored .s-post-summary--meta-tags > .s-tag:active,
2594
2600
  .s-post-summary__deleted .s-post-summary--meta-tags > .s-tag:active,
2601
+ .s-post-summary__ignored .s-post-summary--meta-tags > a:focus,
2602
+ .s-post-summary__deleted .s-post-summary--meta-tags > a:focus,
2595
2603
  .s-post-summary__ignored .s-post-summary--meta-tags > .s-tag:focus,
2596
2604
  .s-post-summary__deleted .s-post-summary--meta-tags > .s-tag:focus {
2605
+ border-color: transparent;
2597
2606
  color: var(--black-600);
2598
2607
  }
2599
- .s-post-summary__ignored .s-user-card .s-user-card--link,
2600
- .s-post-summary__deleted .s-user-card .s-user-card--link {
2601
- color: var(--black-500);
2608
+ .s-post-summary__ignored .s-user-card .s-badge,
2609
+ .s-post-summary__deleted .s-user-card .s-badge {
2610
+ filter: grayscale(100%);
2602
2611
  }
2612
+ .s-post-summary__ignored .s-user-card a,
2613
+ .s-post-summary__deleted .s-user-card a,
2614
+ .s-post-summary__ignored .s-user-card .s-user-card--link,
2615
+ .s-post-summary__deleted .s-user-card .s-user-card--link,
2603
2616
  .s-post-summary__ignored .s-user-card .s-user-card--rep,
2604
2617
  .s-post-summary__deleted .s-user-card .s-user-card--rep,
2605
2618
  .s-post-summary__ignored .s-user-card .s-user-card--time,
@@ -4413,6 +4426,7 @@ body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
4413
4426
  color: var(--black-600);
4414
4427
  font-size: var(--fs-body2);
4415
4428
  font-weight: normal;
4429
+ margin: 0;
4416
4430
  }
4417
4431
  .s-sidebarwidget--header:first-child {
4418
4432
  border-top-left-radius: var(--br-sm);
@@ -20156,6 +20170,7 @@ button.s-link:focus {
20156
20170
  box-shadow: 0 0 0 var(--su-static4) var(--focus-ring-muted);
20157
20171
  }
20158
20172
  .s-block-link.is-selected {
20173
+ --_block-bs: inset var(--_block-bs-offset-x, 3px) 0 0 var(--theme-primary-color);
20159
20174
  color: var(--black-800);
20160
20175
  font-weight: bold;
20161
20176
  background-color: var(--black-050);
@@ -20171,10 +20186,21 @@ body.theme-system .theme-dark__forced .s-block-link.is-selected {
20171
20186
  background-color: var(--black-025);
20172
20187
  }
20173
20188
  .s-block-link.is-selected.s-block-link__right {
20174
- box-shadow: inset -3px 0 0 var(--theme-primary-color);
20189
+ --_block-bs-offset-x: -3px;
20190
+ }
20191
+ .s-block-link.is-selected.s-block-link__left,
20192
+ .s-block-link.is-selected.s-block-link__right {
20193
+ box-shadow: var(--_block-bs);
20194
+ }
20195
+ .s-block-link.is-selected.s-block-link__left:focus:not(:focus-visible),
20196
+ .s-block-link.is-selected.s-block-link__right:focus:not(:focus-visible),
20197
+ .s-block-link.is-selected.s-block-link__left:focus-visible,
20198
+ .s-block-link.is-selected.s-block-link__right:focus-visible {
20199
+ outline: none;
20175
20200
  }
20176
- .s-block-link.is-selected.s-block-link__left {
20177
- box-shadow: inset 3px 0 0 var(--theme-primary-color);
20201
+ .s-block-link.is-selected.s-block-link__left:focus-visible,
20202
+ .s-block-link.is-selected.s-block-link__right:focus-visible {
20203
+ box-shadow: var(--_block-bs), 0 0 0 var(--su-static4) var(--focus-ring-muted);
20178
20204
  }
20179
20205
  .s-block-link.s-block-link__danger {
20180
20206
  color: var(--red-500);