@stackoverflow/stacks 0.73.1 → 0.74.0

package/dist/css/stacks.css

@@ -1225,6 +1225,15 @@ body.theme-highcontrast .s-label--status {
   background-color: var(--red-100);
   color: var(--red-600);
 }
+@media (prefers-color-scheme: dark) {
+  body.theme-system .s-label--status.s-label--status__required {
+    color: var(--red-800);
+  }
+}
+body.theme-dark .s-label--status.s-label--status__required,
+.theme-dark__forced .s-label--status.s-label--status__required {
+  color: var(--red-800);
+}
 .s-label--status.s-label--status__new {
   background-color: var(--green-100);
   color: var(--green-700);
@@ -2191,12 +2200,10 @@ body.theme-dark .s-popover--arrow,
 @media (max-width: 980px) {
   .s-post-summary {
     flex-direction: column;
-    align-items: flex-start;
   }
 }
 .s-post-summary.s-post-summary__minimal {
   flex-direction: column;
-  align-items: flex-start;
 }
 .s-post-summary.s-post-summary__minimal .s-post-summary--stats {
   width: auto;
@@ -2219,28 +2226,32 @@ body.theme-dark .s-popover--arrow,
   --s-post-summary-stats-gap: 6px;
   margin-right: 8px;
   margin-bottom: -2px;
-  width: 96px;
+  width: 108px;
   display: flex;
   flex-direction: column;
   flex-shrink: 0;
   flex-wrap: wrap;
   align-items: flex-end;
-  font-size: 12px;
+  font-size: 13px;
   color: var(--fc-light);
 }
 .s-post-summary--stats .s-post-summary--stats-item {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
   margin-right: var(--s-post-summary-stats-gap);
   margin-bottom: var(--s-post-summary-stats-gap);
   white-space: nowrap;
   border: 1px solid transparent;
 }
 .s-post-summary--stats .s-post-summary--stats-item .svg-icon {
-  vertical-align: text-bottom;
+  margin-right: 4px;
+}
+.s-post-summary--stats .s-post-summary--stats-item.s-post-summary--stats-item__emphasized {
+  color: var(--fc-dark);
 }
 .s-post-summary--stats .s-post-summary--stats-item.has-answers,
 .s-post-summary--stats .s-post-summary--stats-item.has-bounty,
-.s-post-summary--stats .s-post-summary--stats-item.is-watched,
-.s-post-summary--stats .s-post-summary--stats-item.is-ignored,
 .s-post-summary--stats .s-post-summary--stats-item.is-deleted,
 .s-post-summary--stats .s-post-summary--stats-item.is-published,
 .s-post-summary--stats .s-post-summary--stats-item.is-draft,
@@ -2251,12 +2262,13 @@ body.theme-dark .s-popover--arrow,
   padding: 2px 4px;
 }
 .s-post-summary--stats .s-post-summary--stats-item.has-answers {
-  color: var(--green-500);
-  border: 1px solid var(--green-500);
+  color: var(--green-600);
+  border: 1px solid var(--green-600);
 }
 .s-post-summary--stats .s-post-summary--stats-item.has-answers.has-accepted-answer {
   color: hsl(0, 0%, 100%);
   background-color: var(--green-500);
+  border-color: var(--green-500);
 }
 body.theme-highcontrast .s-post-summary--stats .s-post-summary--stats-item.has-answers.has-accepted-answer {
   color: var(--white);
@@ -2310,8 +2322,9 @@ body.theme-highcontrast .s-post-summary--stats .s-post-summary--stats-item.has-a
   max-width: 100%;
 }
 .s-post-summary--content .s-post-summary--content-title {
-  display: inline-block;
+  display: block;
   font-size: 1.30769231rem;
+  margin-top: -0.15rem;
   margin-bottom: 6px;
   overflow-wrap: break-word;
   word-wrap: break-word;
@@ -2331,7 +2344,7 @@ body.theme-highcontrast .s-post-summary--stats .s-post-summary--stats-item.has-a
 }
 .s-post-summary--content .s-post-summary--content-type {
   color: var(--fc-medium);
-  margin-bottom: 2px;
+  margin-bottom: 4px;
 }
 .s-post-summary--content .s-post-summary--content-type .svg-icon {
   margin-left: -2px;
@@ -2340,11 +2353,30 @@ body.theme-highcontrast .s-post-summary--stats .s-post-summary--stats-item.has-a
 .s-post-summary--content .s-post-summary--content-excerpt {
   margin-top: -2px;
   margin-bottom: 8px;
+  color: var(--fc-medium);
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
+.s-post-summary--content .s-post-summary--content-excerpt.s-post-summary--content-excerpt__sm {
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+.s-post-summary--content .s-post-summary--content-excerpt.s-post-summary--content-excerpt__md {
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+.s-post-summary--content .s-post-summary--content-excerpt.s-post-summary--content-excerpt__lg {
+  display: -webkit-box;
+  -webkit-line-clamp: 4;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
 .s-post-summary--meta {
   --s-post-summary-tags-gap: 4px;
   display: flex;
@@ -2366,6 +2398,7 @@ body.theme-highcontrast .s-post-summary--stats .s-post-summary--stats-item.has-a
   flex-wrap: wrap;
   margin-bottom: var(--s-post-summary-tags-gap);
   margin-left: auto;
+  justify-content: flex-end;
 }
 .s-post-summary--answer {
   position: relative;
@@ -2403,13 +2436,11 @@ body.theme-highcontrast .s-post-summary--answer:before {
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
-.s-post-summary__watched .is-watched {
-  color: var(--white);
-  background-color: var(--yellow-600);
+.s-post-summary__watched {
+  background-color: var(--yellow-050);
 }
-.s-post-summary__ignored .is-ignored {
-  color: var(--white);
-  background-color: var(--black-600);
+.s-post-summary__deleted {
+  background-color: var(--red-050);
 }
 .s-post-summary__deleted .is-deleted {
   color: hsl(0, 0%, 100%);
@@ -2417,23 +2448,29 @@ body.theme-highcontrast .s-post-summary--answer:before {
 }
 .s-post-summary__ignored .s-post-summary--content,
 .s-post-summary__deleted .s-post-summary--content {
-  opacity: 0.7;
+  opacity: 0.6;
 }
-.s-post-summary__ignored .s-post-summary--stats-item:not(.is-ignored):not(.is-deleted),
-.s-post-summary__deleted .s-post-summary--stats-item:not(.is-ignored):not(.is-deleted) {
-  opacity: 0.7;
+.s-post-summary__ignored .s-post-summary--stats-item:not(.is-deleted),
+.s-post-summary__deleted .s-post-summary--stats-item:not(.is-deleted) {
+  opacity: 0.6;
   filter: grayscale(100%);
 }
 .s-post-summary__ignored .s-post-summary--content-title,
-.s-post-summary__deleted .s-post-summary--content-title {
+.s-post-summary__deleted .s-post-summary--content-title,
+.s-post-summary__ignored .s-post-summary--content-title .s-link,
+.s-post-summary__deleted .s-post-summary--content-title .s-link {
   color: var(--black-600);
 }
 .s-post-summary__ignored .s-post-summary--content-title:hover,
-.s-post-summary__deleted .s-post-summary--content-title:hover {
+.s-post-summary__deleted .s-post-summary--content-title:hover,
+.s-post-summary__ignored .s-post-summary--content-title .s-link:hover,
+.s-post-summary__deleted .s-post-summary--content-title .s-link:hover {
   color: var(--black-500);
 }
 .s-post-summary__ignored .s-post-summary--content-title:visited,
-.s-post-summary__deleted .s-post-summary--content-title:visited {
+.s-post-summary__deleted .s-post-summary--content-title:visited,
+.s-post-summary__ignored .s-post-summary--content-title .s-link:visited,
+.s-post-summary__deleted .s-post-summary--content-title .s-link:visited {
   color: var(--black-700);
 }
 .s-post-summary__ignored .s-post-summary--content-excerpt,
@@ -3562,6 +3599,12 @@ body.theme-highcontrast .s-toggle-switch.s-toggle-switch__multiple input[type="r
 body.theme-highcontrast .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label:not(.s-toggle-switch--label-off) {
   color: var(--white);
 }
+.s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked:focus + label.s-toggle-switch--label-off {
+  box-shadow: 0 0 0 4px var(--focus-ring-muted);
+}
+.s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked:focus + label:not(.s-toggle-switch--label-off) {
+  box-shadow: 0 0 0 4px var(--focus-ring-success);
+}
 .s-topbar {
   min-width: auto;
   box-shadow: var(--bs-sm);
@@ -4092,13 +4135,14 @@ body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
 .s-user-card {
   display: grid;
   grid-template-columns: auto 1fr;
-  grid-column-gap: 8px;
+  column-gap: 8px;
+  row-gap: 4px;
   align-items: center;
   line-height: 1;
   padding: 8px;
 }
 .s-user-card.s-user-card__highlighted {
-  background-color: var(--theme-secondary-025);
+  background-color: var(--theme-secondary-050);
   border-radius: 5px;
 }
 .s-user-card.s-user-card__highlighted .s-user-card--type {
@@ -4107,9 +4151,6 @@ body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
 .s-user-card.s-user-card__full {
   align-items: start;
 }
-.s-user-card.s-user-card__full .s-user-card--info {
-  grid-gap: 4px;
-}
 .s-user-card.s-user-card__full .s-user-card--link {
   font-size: 1.15384615rem;
 }
@@ -4119,67 +4160,50 @@ body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
 .s-user-card.s-user-card__small {
   display: flex;
   align-items: center;
-  grid-column-gap: unset;
+  gap: 4px;
   padding: 0;
 }
-.s-user-card.s-user-card__small .s-user-card--time {
-  margin-right: 6px;
-  margin-bottom: 0;
-}
-.s-user-card.s-user-card__small .s-user-card--link {
-  margin-right: 6px;
-}
-.s-user-card.s-user-card__small .s-user-card--avatar {
-  margin-right: 6px;
-}
 .s-user-card.s-user-card__small .s-user-card--info {
-  display: flex;
+  flex-direction: row;
   align-items: center;
-  grid-column-gap: unset;
 }
 .s-user-card.s-user-card__minimal {
   display: flex;
   align-items: center;
-  grid-column-gap: unset;
+  gap: 4px;
   padding: 0;
 }
 .s-user-card.s-user-card__minimal .s-user-card--time {
-  margin-right: 4px;
-  margin-bottom: 0;
   white-space: nowrap;
 }
 .s-user-card.s-user-card__minimal .s-user-card--link {
-  margin-right: 4px;
   white-space: nowrap;
 }
-.s-user-card.s-user-card__minimal .s-user-card--avatar {
-  margin-right: 4px;
-}
 .s-user-card.s-user-card__minimal .s-user-card--rep {
-  padding: 0;
   color: var(--black-600);
 }
 .s-user-card.s-user-card__minimal .s-user-card--info {
-  display: flex;
+  flex-direction: row;
   align-items: center;
-  grid-column-gap: unset;
 }
 .s-user-card .s-user-card--type {
   grid-column: 1 / 3;
-  padding-top: 4px;
   font-size: 12px;
   color: var(--theme-primary-400);
 }
+.s-user-card .s-user-card--type a {
+  color: inherit;
+}
 .s-user-card--time {
   grid-column: 1 / 3;
   grid-row: 1 / 2;
   color: var(--black-500);
   font-size: 12px;
-  margin-bottom: 4px;
 }
 .s-user-card--info {
-  display: grid;
-  grid-gap: 2px;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
 }
 .s-user-card--link {
   min-width: 0;
@@ -4194,9 +4218,9 @@ body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
   padding: 0;
   display: flex;
   align-items: center;
+  gap: 6px;
 }
 .s-user-card--awards li {
-  margin-right: 6px;
   font-size: 12px;
 }
 .s-user-card--rep {
@@ -4208,7 +4232,6 @@ body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
   color: var(--black-500);
 }
 .s-user-card--tags {
-  padding-top: 1px;
   min-width: 0;
   align-items: center;
   flex-wrap: wrap;
@@ -12724,6 +12747,12 @@ ul ol,
 ol ol {
   margin-bottom: 0;
 }
+ul {
+  list-style-type: disc;
+}
+ol {
+  list-style-type: decimal;
+}
 .list-reset {
   list-style: none;
   margin: 0;
@@ -18321,7 +18350,7 @@ body.theme-highcontrast .s-notice__danger {
 }
 .s-tag {
   display: inline-flex;
-  align-content: center;
+  align-items: center;
   justify-content: center;
   min-width: 0;
   padding-left: 4px;
@@ -18542,6 +18571,33 @@ body.theme-highcontrast a.s-tag__muted:not(.is-selected):focus,
 body.theme-highcontrast a.s-tag__muted:not(.is-selected):active {
   border-color: currentColor;
 }
+.s-tag__watched,
+.s-tag__ignored {
+  position: relative;
+  padding-left: 22px;
+}
+.s-tag__watched:before,
+.s-tag__ignored:before {
+  content: "";
+  display: block;
+  width: 14px;
+  height: 14px;
+  margin-right: 2px;
+  background-color: currentColor;
+  position: absolute;
+  left: 4px;
+  top: calc(50% - 7px);
+  -webkit-mask: var(--s-tag-icon) no-repeat center;
+  mask: var(--s-tag-icon) no-repeat center;
+  -webkit-mask-size: contain;
+  mask-size: contain;
+}
+.s-tag__watched {
+  --s-tag-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M7.05 1C2.63 1 0 6.5 0 6.5S2.63 12 7.05 12C11.38 12 14 6.5 14 6.5S11.37 1 7.05 1ZM7 10.17A3.59 3.59 0 0 1 3.5 6.5 3.6 3.6 0 0 1 7 2.83c1.94 0 3.5 1.65 3.5 3.67A3.57 3.57 0 0 1 7 10.17Zm0-1.84c.97 0 1.75-.81 1.75-1.83S7.97 4.67 7 4.67s-1.75.81-1.75 1.83S6.03 8.33 7 8.33Z'/%3E%3C/svg%3E");
+}
+.s-tag__ignored {
+  --s-tag-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M3.52 7.38 1.58 9.26A12.38 12.38 0 0 1 0 7s2.63-5.14 7.05-5.14c.66 0 1.28.12 1.86.32L7.44 3.6a3.48 3.48 0 0 0-3.92 3.78ZM5.3 9.99c.5.28 1.1.44 1.71.44 1.94 0 3.5-1.53 3.5-3.43 0-.62-.17-1.21-.47-1.72L8.7 6.6a1.73 1.73 0 0 1-2.08 2.07L5.29 10Zm6.23-6.19A12.7 12.7 0 0 1 14 7s-2.63 5.14-6.95 5.14A6.1 6.1 0 0 1 4 11.3L2.27 13l-1.4-1.36L11.9 1l1.23 1.2-1.6 1.6Z'/%3E%3C/svg%3E");
+}
 .s-pagination {
   display: flex;
   flex-wrap: wrap;