@stackoverflow/stacks 2.5.8 → 2.6.0

package/dist/css/stacks.css

@@ -803,6 +803,15 @@ body.theme-highcontrast .s-badge__new {
   --_ba-bg: var(--orange-200);
   --_ba-fc: var(--orange-600);
 }
+.s-badge.s-badge__ai {
+  --_ba-bc: var(--_ba-fc);
+  --_ba-bg: var(--black-050);
+  --_ba-fc: var(--orange-500);
+  --_ba-tt: uppercase;
+}
+.s-badge.s-badge__bot {
+  --_ba-bc: var(--black-300);
+}
 .s-badge.s-badge__danger.s-badge__filled,
 .s-badge.s-badge__muted.s-badge__filled {
   --_ba-bc: transparent;
@@ -1631,16 +1640,16 @@ body.theme-highcontrast .s-btn.s-btn__github {
 .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) {
   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) {
-  background-color: var(--_bu-bg);
-  border-color: var(--_bu-bc);
-  color: var(--_bu-fc);
-}
 .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 {
   background-color: var(--_bu-filled-bg);
   border-color: var(--_bu-filled-bc);
   color: var(--_bu-filled-fc);
 }
+.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):not(.s-btn__outlined) {
+  background-color: var(--_bu-bg);
+  border-color: var(--_bu-bc);
+  color: var(--_bu-fc);
+}
 .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):active {
   background-color: var(--_bu-bg-active);
   border-color: var(--_bu-bc-active);
@@ -4917,18 +4926,14 @@ body.theme-highcontrast .is-readonly .s-select > select {
 }
 .s-sidebarwidget {
   --_sw-bc: var(--bc-medium);
-  --_sw-after-bc: var(--_sw-bc);
-  --_sw-content-bc: var(--bc-light);
-  --_sw-header-bc: var(--_sw-content-bc);
   background-color: var(--white);
   border: var(--su-static1) solid var(--_sw-bc);
-  border-radius: var(--br-sm);
+  border-radius: var(--br-md);
   font-size: var(--fs-body1);
-  position: relative;
 }
-.s-sidebarwidget:not(.s-anchors) a:not(.button):not(.post-tag):not(.s-btn):not(.s-sidebarwidget--action):not(.s-user-card--link),
-.s-sidebarwidget:not(.s-anchors) a:not(.button):not(.post-tag):not(.s-btn):not(.s-sidebarwidget--action):not(.s-user-card--link):visited {
-  color: var(--black-400);
+.s-sidebarwidget:not(.s-anchors) a:not(.button):not(.s-tag):not(.post-tag):not(.s-btn):not(.s-sidebarwidget--action):not(.s-user-card--link),
+.s-sidebarwidget:not(.s-anchors) a:not(.button):not(.s-tag):not(.post-tag):not(.s-btn):not(.s-sidebarwidget--action):not(.s-user-card--link):visited {
+  color: var(--black-600);
 }
 .s-sidebarwidget.s-sidebarwidget__blue {
   --_sw-bc: var(--blue-300);
@@ -4939,12 +4944,11 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__blue {
   --_sw-bc: var(--blue-500);
 }
 .s-sidebarwidget.s-sidebarwidget__blue:after,
-.s-sidebarwidget.s-sidebarwidget__blue .s-sidebarwidget--content,
+.s-sidebarwidget.s-sidebarwidget__blue .s-sidebarwidget--content + .s-sidebarwidget--content,
 .s-sidebarwidget.s-sidebarwidget__blue .s-sidebarwidget--header {
   border-color: var(--_sw-bc);
 }
 .s-sidebarwidget.s-sidebarwidget__blue .s-sidebarwidget--header {
-  background-color: var(--blue-200);
   color: var(--fc-medium);
 }
 .s-sidebarwidget.s-sidebarwidget__yellow {
@@ -4956,12 +4960,11 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__yellow {
   --_sw-bc: var(--yellow-500);
 }
 .s-sidebarwidget.s-sidebarwidget__yellow:after,
-.s-sidebarwidget.s-sidebarwidget__yellow .s-sidebarwidget--content,
+.s-sidebarwidget.s-sidebarwidget__yellow .s-sidebarwidget--content + .s-sidebarwidget--content,
 .s-sidebarwidget.s-sidebarwidget__yellow .s-sidebarwidget--header {
   border-color: var(--_sw-bc);
 }
 .s-sidebarwidget.s-sidebarwidget__yellow .s-sidebarwidget--header {
-  background-color: var(--yellow-200);
   color: var(--fc-medium);
 }
 .s-sidebarwidget.s-sidebarwidget__green {
@@ -4973,32 +4976,32 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__green {
   --_sw-bc: var(--green-500);
 }
 .s-sidebarwidget.s-sidebarwidget__green:after,
-.s-sidebarwidget.s-sidebarwidget__green .s-sidebarwidget--content,
+.s-sidebarwidget.s-sidebarwidget__green .s-sidebarwidget--content + .s-sidebarwidget--content,
 .s-sidebarwidget.s-sidebarwidget__green .s-sidebarwidget--header {
   border-color: var(--_sw-bc);
 }
 .s-sidebarwidget.s-sidebarwidget__green .s-sidebarwidget--header {
-  background-color: var(--green-200);
   color: var(--fc-medium);
 }
 .s-sidebarwidget .s-sidebarwidget--action {
   color: var(--blue-400);
-  float: right;
-  font-size: var(--fs-fine);
-  line-height: calc(var(--fs-body1) * 1.5);
-  margin: 0 0 var(--su4) var(--su8);
+  font-size: var(--fs-body1);
+  font-weight: normal;
+  margin-left: auto;
 }
 .s-sidebarwidget .s-sidebarwidget--content {
-  border-top: var(--su-static1) solid var(--_sw-content-bc);
   margin: 0;
-  padding: var(--su16) calc(var(--su16) - var(--su1));
+  padding: var(--su16);
 }
 .s-sidebarwidget .s-sidebarwidget--content:not(table):not(.s-sidebarwidget__items),
 .s-sidebarwidget .s-sidebarwidget--content:not(table):not(.s-sidebarwidget__block-items) .s-sidebarwidget--item {
   display: flex;
 }
+.s-sidebarwidget .s-sidebarwidget--content + .s-sidebarwidget--content {
+  border-top: var(--su-static1) solid var(--bc-light);
+}
 .s-sidebarwidget .s-sidebarwidget--content.s-sidebarwidget__items {
-  padding: calc(var(--su16) - var(--su12)) calc(var(--su16) - var(--su1));
+  padding: var(--su6) var(--su16);
 }
 .s-sidebarwidget .s-sidebarwidget--content.s-sidebarwidget__items,
 .s-sidebarwidget .s-sidebarwidget--content.s-sidebarwidget__items.s-sidebarwidget__block-items .s-sidebarwidget--item {
@@ -5008,17 +5011,22 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__green {
   outline: none;
 }
 .s-sidebarwidget .s-sidebarwidget--header {
-  background: var(--black-100);
-  border-top: var(--su-static1) solid var(--_sw-header-bc);
-  color: var(--black-500);
+  align-items: center;
+  border-top: var(--su-static1) solid var(--bc-light);
+  color: var(--black-600);
+  display: flex;
   font-size: var(--fs-body2);
-  font-weight: normal;
+  font-weight: bold;
+  justify-content: flex-start;
+  line-height: var(--lh-xs);
   margin: 0;
-  padding: var(--su12) calc(var(--su16) - var(--su1));
+  padding: var(--su16) var(--su16) 0;
 }
 .s-sidebarwidget .s-sidebarwidget--header:first-child {
-  border-top-left-radius: var(--br-sm);
-  border-top-right-radius: var(--br-sm);
+  border-top: none;
+}
+.s-sidebarwidget .s-sidebarwidget--header + .s-expandable:not(.is-expanded) {
+  margin-bottom: var(--su16);
 }
 .s-sidebarwidget .s-sidebarwidget--header.s-sidebarwidget__expanding-control {
   cursor: pointer;
@@ -5066,10 +5074,10 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__green {
   border-left-style: solid;
   border-left-width: calc(var(--su-static1) * 3);
   content: '';
-  height: calc(100% + var(--su12));
+  height: calc(100% + var(--su16));
   left: 0;
-  margin-left: calc(calc(var(--su16) - var(--su1)) * -1 - var(--su-static1));
-  margin-top: calc(var(--su12) / 2 * -1);
+  margin-left: calc(var(--su16) * -1 - var(--su-static1));
+  margin-top: calc(var(--su16) / 2 * -1);
   position: absolute;
 }
 .s-sidebarwidget .s-sidebarwidget--item[aria-current="true"] a,
@@ -5109,8 +5117,8 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__green {
 }
 .s-sidebarwidget table.s-sidebarwidget--content.s-sidebarwidget__items {
   border-collapse: separate;
-  border-spacing: var(--su12);
-  padding: calc(var(--su16) - var(--su12)) calc(calc(var(--su16) - var(--su1)) - var(--su12));
+  border-spacing: var(--su16) var(--su12);
+  padding: var(--su6) 0 0;
 }
 .s-sidebarwidget table.s-sidebarwidget--content.s-sidebarwidget__items tr.s-sidebarwidget--item {
   display: table-row;
@@ -5118,23 +5126,6 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__green {
 .s-sidebarwidget table.s-sidebarwidget--content.s-sidebarwidget__items tr.s-sidebarwidget--item td {
   padding: 0;
 }
-.s-sidebarwidget:before {
-  content: '';
-  display: block;
-  margin-top: calc(var(--su-static1) * -1);
-}
-.s-sidebarwidget:after {
-  border: var(--su-static1) solid var(--_sw-after-bc);
-  border-radius: var(--br-sm);
-  clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 0% 50%);
-  content: '';
-  height: calc(var(--su-static2) + var(--br-sm));
-  left: calc(var(--su-static1) * -1);
-  pointer-events: none;
-  position: absolute;
-  right: calc(var(--su-static1) * -1);
-  top: calc(var(--su-static1) * -1);
-}
 .s-spinner {
   --_sp-baw: calc(var(--su-static1) * 3);
   --_sp-size: var(--su-static24);