@stackoverflow/stacks 2.6.0 → 2.7.0

package/dist/css/stacks.css

@@ -1254,7 +1254,6 @@ body.theme-highcontrast .s-breadcrumbs .s-breadcrumbs--divider {
 body.theme-highcontrast .s-btn {
   --_bu-bc: currentColor;
   --_bu-outlined-bc: var(--_bu-bc);
-  --_bu-bc-selected: var(--_bu-bc);
   --_bu-fc-selected: var(--white);
   --_bu-outlined-fc-selected: var(--white);
   --_bu-badge-o: 0.8;
@@ -1487,6 +1486,7 @@ p .s-btn.s-btn__link {
   --_bu-p: 0.7em;
 }
 body.theme-highcontrast .s-btn.s-btn__danger,
+body.theme-highcontrast .s-btn.s-btn__featured,
 body.theme-highcontrast .s-btn.s-btn__muted {
   --_bu-filled-bc: transparent;
 }
@@ -1515,6 +1515,31 @@ body.theme-highcontrast .s-btn.s-btn__muted {
   --_bu-number-fc: var(--white);
   --_bu-number-fc-filled: var(--black);
 }
+.s-btn.s-btn__featured {
+  --_bu-bg-active: var(--purple-300);
+  --_bu-bg-hover: var(--purple-200);
+  --_bu-bg-selected: var(--purple-300);
+  --_bu-fc: var(--purple-500);
+  --_bu-fc-active: var(--_bu-fc);
+  --_bu-fc-hover: var(--purple-500);
+  --_bu-fc-selected: var(--purple-600);
+  --_bu-filled-bc: transparent;
+  --_bu-filled-bc-selected: var(--_bu-filled-bc);
+  --_bu-filled-bg: var(--purple-400);
+  --_bu-filled-bg-active: var(--purple-500);
+  --_bu-filled-bg-hover: var(--purple-500);
+  --_bu-filled-bg-selected: var(--purple-600);
+  --_bu-filled-fc: var(--white);
+  --_bu-filled-fc-active: var(--_bu-filled-fc);
+  --_bu-filled-fc-hover: var(--_bu-filled-fc);
+  --_bu-filled-fc-selected: var(--_bu-filled-fc);
+  --_bu-outlined-bc: var(--purple-400);
+  --_bu-outlined-bc-selected: var(--purple-500);
+  --_bu-outlined-bg-selected: var(--_bu-bg-selected);
+  --_bu-outlined-fc-selected: var(--_bu-fc-selected);
+  --_bu-number-fc: var(--white);
+  --_bu-number-fc-filled: var(--black);
+}
 .s-btn.s-btn__muted {
   --_bu-bc-hover: var(--black-300);
   --_bu-bg-active: var(--black-150);
@@ -1545,6 +1570,7 @@ body.theme-highcontrast .s-btn.s-btn__muted {
   --_bu-number-fc-focus: var(--black-500);
 }
 body.theme-highcontrast .s-btn.s-btn__muted {
+  --_bu-bc-hover: currentColor;
   --_bu-bg-hover: var(--black-225);
   --_bu-filled-bg: var(--black-400);
   --_bu-filled-bg-active: var(--black-500);
@@ -1552,6 +1578,7 @@ body.theme-highcontrast .s-btn.s-btn__muted {
   --_bu-filled-bg-selected: var(--black-500);
   --_bu-filled-fc: var(--white);
   --_bu-filled-fc-selected: var(--_bu-filled-fc);
+  --_bu-bc-selected: currentColor;
   --_bu-fc-selected: var(--black);
   --_bu-number-fc: var(--white);
   --_bu-number-fc-filled: var(--black);
@@ -1637,7 +1664,7 @@ body.theme-highcontrast .s-btn.s-btn__github {
   border-color: var(--_bu-filled-bc-hover);
   color: var(--_bu-filled-fc-hover);
 }
-.s-btn:not(.s-btn--radio:checked + label):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):hover:not(.s-btn__outlined) {
+.s-btn:not(.s-btn--radio:checked + label):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):hover:not(.s-btn__outlined):not(.s-btn__filled) {
   border-color: var(--_bu-bc-hover);
 }
 .s-btn:not(.s-btn--radio:checked + label):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):hover:visited:not(:active):not(:focus).s-btn__filled {
@@ -3386,10 +3413,11 @@ body.theme-highcontrast .s-notice__warning.s-notice__important {
 .s-page-title .s-breadcrumbs {
   margin-bottom: var(--_pt-breadcrums-mb);
 }
-.s-pagination {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--su4);
+.s-pagination ul,
+ul.s-pagination {
+  list-style: none;
+  margin: 0;
+  padding: 0;
 }
 .s-pagination .s-pagination--item {
   --_pa-item-bg: transparent;
@@ -3404,6 +3432,7 @@ body.theme-highcontrast .s-notice__warning.s-notice__important {
   border: 1px solid var(--_pa-item-bc);
   color: var(--_pa-item-fc);
   border-radius: var(--br-sm);
+  display: inline-block;
   font-size: var(--fs-body1);
   line-height: var(--lh-xl);
   padding: 0 var(--su8);
@@ -3443,6 +3472,12 @@ body.theme-highcontrast .s-pagination .s-pagination--item {
   background-color: var(--_pa-item-bg-focus);
   color: var(--_pa-item-fc-focus);
 }
+.s-pagination,
+.s-pagination ul {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--su4);
+}
 .s-popover {
   --_po-bg: var(--white);
   --_po-bc: var(--bc-medium);
@@ -5314,7 +5349,7 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__green {
 }
 .s-table.s-table__sortable thead th a,
 .s-table.s-table__sortable thead th button {
-  color: inherit;
+  color: inherit !important;
 }
 .s-table.s-table__sortable thead th button {
   appearance: none;
@@ -6641,8 +6676,8 @@ body {
   --s-step: calc(var(--s-full) / 12);
 }
 body {
-  --_o-disabled: 0.5;
-  --_o-disabled-static: 0.5;
+  --_o-disabled: 0.55;
+  --_o-disabled-static: 0.55;
   --_black-static: hsl(0, 0%, 0%);
   --_white-static: hsl(0, 0%, 100%);
 }
@@ -7151,7 +7186,7 @@ body.theme-highcontrast.theme-system .theme-light__forced {
   --purple-100: hsl(237, 83%, 98%);
   --purple-200: hsl(237, 83%, 98%);
   --purple-300: hsl(237, 55%, 57%);
-  --purple-400: hsl(237, 55%, 57%);
+  --purple-400: hsl(237, 52%, 48%);
   --purple-500: hsl(237, 50%, 32%);
   --purple-600: hsl(237, 50%, 32%);
   --gold-100: hsl(46, 100%, 91%);