npm - @stackoverflow/stacks - Versions diffs - 2.4.0 → 2.5.0 - Mend

@stackoverflow/stacks 2.4.0 → 2.5.0

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 (103) hide show

package/dist/css/stacks.css CHANGED Viewed

@@ -5514,14 +5514,11 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__green {
 }
 .s-tag {
   --_ta-bc: var(--theme-tag-border-color, var(--_ta-bg));
+  --_ta-bg: var(--theme-tag-background-color, var(--black-150));
+  --_ta-fc: var(--theme-tag-color, var(--black-500));
   --_ta-bc-hover: var(--theme-tag-hover-border-color, var(--_ta-bg-hover));
-  --_ta-bc-selected: var(--theme-tag-selected-border-color, var(--_ta-bg-selected));
-  --_ta-bg: var(--theme-tag-background-color, var(--theme-secondary-100));
-  --_ta-bg-hover: var(--theme-tag-hover-background-color, var(--theme-secondary-200));
-  --_ta-bg-selected: var(--theme-tag-selected-background-color, var(--theme-secondary-300));
-  --_ta-fc: var(--theme-tag-color, var(--theme-secondary-500));
-  --_ta-fc-hover: var(--theme-tag-hover-color, var(--theme-secondary-600));
-  --_ta-fc-selected: var(--theme-tag-selected-color, var(--theme-secondary-600));
+  --_ta-bg-hover: var(--theme-tag-hover-background-color, var(--black-200));
+  --_ta-fc-hover: var(--theme-tag-hover-color, var(--black-600));
   --_ta-br: var(--br-sm);
   --_ta-fs: var(--fs-caption);
   --_ta-lh: 1.84615385;
@@ -5545,24 +5542,9 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__green {
   vertical-align: middle;
   white-space: nowrap;
 }
-body.theme-highcontrast .s-tag {
-  --_ta-bc: currentColor;
-  --_ta-bg-selected: var(--theme-secondary-400);
-  text-decoration: none;
-}
-.s-tag.is-selected,
-a.s-tag.is-selected,
-a.s-tag.is-selected:active,
-a.s-tag.is-selected:hover {
-  background-color: var(--_ta-bg-selected);
-  border-color: var(--_ta-bc-selected);
-  color: var(--_ta-fc-selected);
-}
-body.theme-highcontrast .s-tag.is-selected,
-body.theme-highcontrast a.s-tag.is-selected,
-body.theme-highcontrast a.s-tag.is-selected:active,
-body.theme-highcontrast a.s-tag.is-selected:hover {
-  --_ta-fc-selected: var(--white);
+body.theme-highcontrast .s-tag:not(body.theme-highcontrast .s-tag__moderator):not(body.theme-highcontrast .s-tag__required) {
+  --_ta-bc: var(--theme-tag-border-color, var(--black-300));
+  --_ta-bc-hover: var(--theme-tag-hover-border-color, var(--black-300));
 }
 .s-tag.s-tag__xs {
   --_ta-fs: var(--fs-fine);
@@ -5617,38 +5599,14 @@ body.theme-highcontrast a.s-tag.is-selected:hover {
 .s-tag.s-tag__moderator {
   --_ta-bc: var(--orange-300);
   --_ta-bg: var(--orange-100);
-  --_ta-fc: var(--orange-600);
+  --_ta-fc: var(--orange-500);
   --_ta-bc-hover: var(--orange-300);
   --_ta-bg-hover: var(--orange-200);
   --_ta-fc-hover: var(--orange-600);
-  --_ta-bc-selected: var(--orange-400);
-  --_ta-bg-selected: var(--orange-300);
-  --_ta-fc-selected: var(--orange-600);
-}
-body.theme-highcontrast .s-tag.s-tag__moderator {
-  --_ta-bg-selected: var(--orange-500);
-}
-.s-tag.s-tag__muted:not(.s-tag__moderator):not(.s-tag__required) {
-  --_ta-bg: var(--black-150);
-  --_ta-fc: var(--black-400);
-  --_ta-bg-hover: var(--black-200);
-  --_ta-fc-hover: var(--black-500);
-  --_ta-bg-selected: var(--black-225);
-  --_ta-fc-selected: var(--black-600);
-}
-body.theme-highcontrast .s-tag.s-tag__muted:not(.s-tag__moderator):not(.s-tag__required) {
-  --_ta-bc: currentColor;
 }
 .s-tag.s-tag__required:not(.s-tag__moderator) {
-  --_ta-bc: var(--theme-tag-required-border-color, var(--_ta-bg));
-  --_ta-bc-hover: var(--theme-tag-required-hover-border-color, var(--_ta-bg-hover));
-  --_ta-bc-selected: var(--theme-tag-required-selected-border-color, var(--_ta-bg-selected));
-  --_ta-bg: var(--theme-tag-required-background-color, var(--theme-secondary-500));
-  --_ta-bg-hover: var(--theme-tag-required-hover-background-color, var(--theme-secondary-400));
-  --_ta-bg-selected: var(--theme-tag-required-selected-background-color, var(--theme-secondary-600));
-  --_ta-fc: var(--theme-tag-required-color, var(--white));
-  --_ta-fc-hover: var(--theme-tag-required-hover-color, var(--white));
-  --_ta-fc-selected: var(--theme-tag-required-selected-color, var(--white));
+  --_ta-bc: var(--black-400);
+  --_ta-bc-hover: var(--black-600);
 }
 .s-tag__watched,
 .s-tag.s-tag__watched {
@@ -5696,16 +5654,12 @@ body.theme-highcontrast .s-tag button.s-tag--dismiss:not(.s-btn):hover {
   width: 100%;
   height: 100%;
 }
-a.s-tag:not(.is-selected):hover,
-a.s-tag:not(.is-selected):active {
+a.s-tag:hover,
+a.s-tag:active {
   background-color: var(--_ta-bg-hover);
   border-color: var(--_ta-bc-hover);
   color: var(--_ta-fc-hover);
 }
-body.theme-highcontrast a.s-tag:not(.is-selected):hover,
-body.theme-highcontrast a.s-tag:not(.is-selected):active {
-  border-color: currentColor;
-}
 .s-tag:focus-visible {
   border-color: var(--focus-neutral) !important;
   box-shadow: 0 0 0 var(--su-static1) var(--focus-neutral), 0 0 0 calc(var(--su-static4) - var(--su-static1)) var(--focus-theme);