@stackoverflow/stacks 0.74.0 → 0.75.0

package/dist/css/stacks.css

@@ -2213,6 +2213,77 @@ body.theme-dark .s-popover--arrow,
 .s-post-summary.s-post-summary__minimal .s-post-summary--content {
   width: 100%;
 }
+.s-post-summary.s-post-summary__legacy {
+  padding-left: 0;
+}
+@media (max-width: 980px) {
+  .s-post-summary.s-post-summary__legacy {
+    padding-left: 16px;
+  }
+}
+.s-post-summary.s-post-summary__legacy .s-post-summary--stats {
+  width: auto;
+  flex-direction: row;
+  align-items: center;
+  gap: 2px;
+}
+.s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item {
+  min-width: 64px;
+  height: 48px;
+  flex-direction: column;
+  gap: 0;
+  font-size: 12px;
+}
+.s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.s-post-summary--stats-item__emphasized {
+  color: inherit;
+}
+.s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.has-accepted-answer .svg-icon {
+  display: none;
+}
+.s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item .s-post-summary--stats-item-number {
+  font-weight: normal;
+  font-size: 1.30769231rem;
+}
+.s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-deleted,
+.s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-published,
+.s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-draft,
+.s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-review,
+.s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-closed,
+.s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-archived,
+.s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-pinned {
+  display: none;
+}
+@media (max-width: 980px) {
+  .s-post-summary.s-post-summary__legacy .s-post-summary--stats {
+    flex-direction: row;
+    align-items: center;
+    gap: 8px;
+  }
+  .s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item {
+    min-width: auto;
+    height: auto;
+    flex-direction: row;
+    gap: 3px;
+  }
+  .s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item .s-post-summary--stats-item-number {
+    font-size: inherit;
+  }
+  .s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.s-post-summary--stats-item__emphasized {
+    color: var(--fc-dark);
+  }
+  .s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.has-accepted-answer .svg-icon {
+    display: block;
+  }
+  .s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-deleted,
+  .s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-published,
+  .s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-draft,
+  .s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-review,
+  .s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-closed,
+  .s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-archived,
+  .s-post-summary.s-post-summary__legacy .s-post-summary--stats .s-post-summary--stats-item.is-pinned {
+    display: block;
+  }
+}
 .s-post-summary--content-menu-button {
   position: absolute !important;
   top: 8px;
@@ -2223,9 +2294,9 @@ body.theme-dark .s-popover--arrow,
   margin: 0 !important;
 }
 .s-post-summary--stats {
-  --s-post-summary-stats-gap: 6px;
-  margin-right: 8px;
-  margin-bottom: -2px;
+  gap: 6px;
+  margin-right: 16px;
+  margin-bottom: 4px;
   width: 108px;
   display: flex;
   flex-direction: column;
@@ -2237,19 +2308,18 @@ body.theme-dark .s-popover--arrow,
 }
 .s-post-summary--stats .s-post-summary--stats-item {
   display: inline-flex;
+  gap: 0.3em;
   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 {
-  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 .s-post-summary--stats-item-number {
+  font-weight: 500;
+}
 .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-deleted,
@@ -2257,7 +2327,8 @@ body.theme-dark .s-popover--arrow,
 .s-post-summary--stats .s-post-summary--stats-item.is-draft,
 .s-post-summary--stats .s-post-summary--stats-item.is-review,
 .s-post-summary--stats .s-post-summary--stats-item.is-closed,
-.s-post-summary--stats .s-post-summary--stats-item.is-archived {
+.s-post-summary--stats .s-post-summary--stats-item.is-archived,
+.s-post-summary--stats .s-post-summary--stats-item.is-pinned {
   border-radius: 3px;
   padding: 2px 4px;
 }
@@ -2310,6 +2381,10 @@ body.theme-highcontrast .s-post-summary--stats .s-post-summary--stats-item.has-a
   background-color: var(--black-100);
   border-color: var(--black-600);
 }
+.s-post-summary--stats .s-post-summary--stats-item.is-pinned {
+  color: var(--white);
+  background-color: var(--black-700);
+}
 @media (max-width: 980px) {
   .s-post-summary--stats {
     flex-direction: row;
@@ -2325,22 +2400,43 @@ body.theme-highcontrast .s-post-summary--stats .s-post-summary--stats-item.has-a
   display: block;
   font-size: 1.30769231rem;
   margin-top: -0.15rem;
-  margin-bottom: 6px;
-  overflow-wrap: break-word;
-  word-wrap: break-word;
+  margin-bottom: 0.3846rem;
   padding-right: 24px;
+  line-height: 1.30769231;
+  font-weight: normal;
+  word-break: break-word !important;
+  word-wrap: break-word !important;
+  overflow-wrap: break-word !important;
+  -webkit-hyphens: auto !important;
+  -moz-hyphens: auto !important;
+  -ms-hyphens: auto !important;
+  hyphens: auto !important;
 }
 .s-post-summary--content .s-post-summary--content-title .iconShield {
-  color: var(--black-600);
-  vertical-align: baseline;
+  color: var(--fc-light);
+}
+.s-post-summary--content .s-post-summary--content-title .svg-icon {
+  vertical-align: text-bottom;
   position: relative;
-  bottom: -2px;
+  top: -1px;
 }
-@media (max-width: 640px) {
-  .s-post-summary--content .s-post-summary--content-title .iconShield {
-    vertical-align: text-bottom;
-    bottom: 0;
-  }
+.s-post-summary--content .s-post-summary--content-title a {
+  word-break: break-word !important;
+  word-wrap: break-word !important;
+  overflow-wrap: break-word !important;
+  -webkit-hyphens: auto !important;
+  -moz-hyphens: auto !important;
+  -ms-hyphens: auto !important;
+  hyphens: auto !important;
+  color: var(--theme-post-title-color);
+  font-family: var(--theme-post-title-font-family);
+}
+.s-post-summary--content .s-post-summary--content-title a:visited {
+  color: var(--theme-post-title-color-visited);
+}
+.s-post-summary--content .s-post-summary--content-title a:hover,
+.s-post-summary--content .s-post-summary--content-title a:active {
+  color: var(--theme-post-title-color-hover);
 }
 .s-post-summary--content .s-post-summary--content-type {
   color: var(--fc-medium);
@@ -2353,11 +2449,19 @@ 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;
+  font-family: var(--theme-post-body-font-family);
   color: var(--fc-medium);
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
+  word-break: break-word !important;
+  word-wrap: break-word !important;
+  overflow-wrap: break-word !important;
+  -webkit-hyphens: auto !important;
+  -moz-hyphens: auto !important;
+  -ms-hyphens: auto !important;
+  hyphens: auto !important;
 }
 .s-post-summary--content .s-post-summary--content-excerpt.s-post-summary--content-excerpt__sm {
   display: -webkit-box;
@@ -2378,25 +2482,20 @@ body.theme-highcontrast .s-post-summary--stats .s-post-summary--stats-item.has-a
   overflow: hidden;
 }
 .s-post-summary--meta {
-  --s-post-summary-tags-gap: 4px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
-  margin-bottom: calc(-1 * var(--s-post-summary-tags-gap));
+  column-gap: 6px;
+  row-gap: 8px;
 }
 .s-post-summary--meta .s-post-summary--meta-tags {
   display: flex;
   flex-wrap: wrap;
-  margin-right: var(--s-post-summary-tags-gap);
-}
-.s-post-summary--meta .s-post-summary--meta-tags > * {
-  margin-right: var(--s-post-summary-tags-gap);
-  margin-bottom: var(--s-post-summary-tags-gap);
+  gap: 4px;
 }
 .s-post-summary--meta .s-user-card {
   flex-wrap: wrap;
-  margin-bottom: var(--s-post-summary-tags-gap);
   margin-left: auto;
   justify-content: flex-end;
 }
@@ -2455,22 +2554,18 @@ body.theme-highcontrast .s-post-summary--answer:before {
   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__ignored .s-post-summary--content-title .s-link,
-.s-post-summary__deleted .s-post-summary--content-title .s-link {
+.s-post-summary__ignored .s-post-summary--content-title a,
+.s-post-summary__deleted .s-post-summary--content-title a {
   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__ignored .s-post-summary--content-title .s-link:hover,
-.s-post-summary__deleted .s-post-summary--content-title .s-link:hover {
+.s-post-summary__ignored .s-post-summary--content-title a:hover,
+.s-post-summary__deleted .s-post-summary--content-title a:hover,
+.s-post-summary__ignored .s-post-summary--content-title a:active,
+.s-post-summary__deleted .s-post-summary--content-title a:active {
   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__ignored .s-post-summary--content-title .s-link:visited,
-.s-post-summary__deleted .s-post-summary--content-title .s-link:visited {
+.s-post-summary__ignored .s-post-summary--content-title a:visited,
+.s-post-summary__deleted .s-post-summary--content-title a:visited {
   color: var(--black-700);
 }
 .s-post-summary__ignored .s-post-summary--content-excerpt,
@@ -4551,6 +4646,11 @@ body:not(.theme-dark) .theme-dark__forced .themed {
   --theme-topbar-item-color-current: var(--black);
   --theme-topbar-item-border-current: var(--theme-primary-color);
   --theme-topbar-accent-border: 3px solid var(--theme-primary-color);
+  --theme-post-title-color: var(--theme-link-color);
+  --theme-post-title-color-hover: var(--theme-link-color-hover);
+  --theme-post-title-color-visited: var(--theme-link-color-visited);
+  --theme-post-title-font-family: var(--theme-body-font-family);
+  --theme-post-body-font-family: var(--theme-body-font-family);
 }
 .highcontrast-themed-colors,
 body.theme-highcontrast:not(.theme-dark),
@@ -4715,6 +4815,7 @@ body.theme-system .theme-light__forced {
   --bs-sm: 0 1px 2px hsla(0, 0%, 0%, 0.05), 0 1px 4px hsla(0, 0%, 0%, 0.05), 0 2px 8px hsla(0, 0%, 0%, 0.05);
   --bs-md: 0 1px 3px hsla(0, 0%, 0%, 0.06), 0 2px 6px hsla(0, 0%, 0%, 0.06), 0 3px 8px hsla(0, 0%, 0%, 0.09);
   --bs-lg: 0 1px 4px hsla(0, 0%, 0%, 0.09), 0 3px 8px hsla(0, 0%, 0%, 0.09), 0 4px 13px hsla(0, 0%, 0%, 0.13);
+  --bs-xl: 0 10px 24px hsla(0, 0%, 0%, 0.05), 0 20px 48px hsla(0, 0%, 0%, 0.05), 0 1px 4px hsla(0, 0%, 0%, 0.1);
   --scrollbar: hsla(0, 0%, 0%, 0.2);
   --highlight-bg: hsl(0, 0%, 96.5%);
   --highlight-color: var(--black-750);
@@ -4885,6 +4986,7 @@ body:not(.theme-dark) .theme-dark__forced {
   --bs-sm: 0 1px 2px hsla(0, 0%, 0%, 0.1), 0 1px 4px hsla(0, 0%, 0%, 0.1), 0 2px 8px hsla(0, 0%, 0%, 0.1);
   --bs-md: 0 1px 3px hsla(0, 0%, 0%, 0.11), 0 2px 6px hsla(0, 0%, 0%, 0.11), 0 3px 8px hsla(0, 0%, 0%, 0.14);
   --bs-lg: 0 1px 4px hsla(0, 0%, 0%, 0.14), 0 3px 8px hsla(0, 0%, 0%, 0.14), 0 4px 13px hsla(0, 0%, 0%, 0.18);
+  --bs-xl: 0 10px 24px hsla(0, 0%, 0%, 0.1), 0 20px 48px hsla(0, 0%, 0%, 0.1), 0 1px 4px hsla(0, 0%, 0%, 0.15);
   --scrollbar: hsla(0, 0%, 100%, 0.2);
   --highlight-bg: hsl(0, 2%, 11%);
   --highlight-color: var(--black);
@@ -5053,6 +5155,7 @@ body:not(.theme-dark) .theme-dark__forced .themed {
     --bs-sm: 0 1px 2px hsla(0, 0%, 0%, 0.1), 0 1px 4px hsla(0, 0%, 0%, 0.1), 0 2px 8px hsla(0, 0%, 0%, 0.1);
     --bs-md: 0 1px 3px hsla(0, 0%, 0%, 0.11), 0 2px 6px hsla(0, 0%, 0%, 0.11), 0 3px 8px hsla(0, 0%, 0%, 0.14);
     --bs-lg: 0 1px 4px hsla(0, 0%, 0%, 0.14), 0 3px 8px hsla(0, 0%, 0%, 0.14), 0 4px 13px hsla(0, 0%, 0%, 0.18);
+    --bs-xl: 0 10px 24px hsla(0, 0%, 0%, 0.1), 0 20px 48px hsla(0, 0%, 0%, 0.1), 0 1px 4px hsla(0, 0%, 0%, 0.15);
     --scrollbar: hsla(0, 0%, 100%, 0.2);
     --highlight-bg: hsl(0, 2%, 11%);
     --highlight-color: var(--black);
@@ -5222,6 +5325,7 @@ body.theme-system.theme-highcontrast .theme-light__forced {
   --bs-sm: none;
   --bs-md: none;
   --bs-lg: none;
+  --bs-xl: none;
   --scrollbar: var(--black);
   --highlight-bg: hsl(0, 0%, 96.5%);
   --highlight-color: var(--black-750);
@@ -5342,6 +5446,7 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
   --bs-sm: none;
   --bs-md: none;
   --bs-lg: none;
+  --bs-xl: none;
   --scrollbar: var(--black);
   --highlight-bg: hsl(0, 0%, 10%);
   --highlight-color: hsl(0, 0%, 100%);
@@ -5462,6 +5567,7 @@ body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
     --bs-sm: none;
     --bs-md: none;
     --bs-lg: none;
+    --bs-xl: none;
     --scrollbar: var(--black);
     --highlight-bg: hsl(0, 0%, 10%);
     --highlight-color: hsl(0, 0%, 100%);
@@ -12425,6 +12531,48 @@ body.theme-dark .d\:bg-theme-secondary-025,
 .ln100 {
   left: -100% !important;
 }
+.i0 {
+  inset: 0 !important;
+}
+.i1 {
+  inset: 1px !important;
+}
+.i2 {
+  inset: 2px !important;
+}
+.i4 {
+  inset: 4px !important;
+}
+.i6 {
+  inset: 6px !important;
+}
+.i8 {
+  inset: 8px !important;
+}
+.i12 {
+  inset: 12px !important;
+}
+.i16 {
+  inset: 16px !important;
+}
+.i24 {
+  inset: 24px !important;
+}
+.i32 {
+  inset: 32px !important;
+}
+.i48 {
+  inset: 48px !important;
+}
+.i64 {
+  inset: 64px !important;
+}
+.i96 {
+  inset: 96px !important;
+}
+.i128 {
+  inset: 128px !important;
+}
 h1,
 h2,
 h3,
@@ -13375,6 +13523,9 @@ ol {
 .h\:bs-lg:hover {
   box-shadow: var(--bs-lg) !important;
 }
+.bs-xl {
+  box-shadow: var(--bs-xl) !important;
+}
 .bs-ring {
   box-shadow: 0 0 0 4px var(--focus-ring);
 }
@@ -13487,6 +13638,9 @@ ol {
 .w-auto {
   width: auto !important;
 }
+.w-screen {
+  width: 100vw !important;
+}
 .ws0,
 .w0 {
   width: 0 !important;
@@ -13617,6 +13771,9 @@ ol {
 .wmx-initial {
   max-width: initial !important;
 }
+.wmx-screen {
+  max-width: 100vw !important;
+}
 .wmn0 {
   min-width: 0 !important;
 }
@@ -13680,6 +13837,9 @@ ol {
 .h-auto {
   height: auto !important;
 }
+.h-screen {
+  height: 100vh !important;
+}
 .hs0,
 .h0 {
   height: 0 !important;
@@ -13801,6 +13961,9 @@ ol {
 .hmx-initial {
   max-height: initial !important;
 }
+.hmx-screen {
+  max-height: 100vh !important;
+}
 .hmn0 {
   min-height: 0 !important;
 }
@@ -13846,6 +14009,9 @@ ol {
 .hmn-initial {
   min-height: initial !important;
 }
+.hmx-screen {
+  min-height: 100vh !important;
+}
 /* stylelint-disable */
 @media (max-width: 1264px) {
   .lg\:ba {
@@ -14864,12 +15030,18 @@ ol {
   .lg\:w-auto {
     width: auto !important;
   }
+  .lg\:w-screen {
+    width: 100vw !important;
+  }
   .lg\:wmx100 {
     max-width: 100% !important;
   }
   .lg\:wmx-initial {
     max-width: initial !important;
   }
+  .lg\:wmx-screen {
+    max-width: 100vw !important;
+  }
   .lg\:wmn100 {
     min-width: 100% !important;
   }
@@ -14882,18 +15054,27 @@ ol {
   .lg\:h-auto {
     height: auto !important;
   }
+  .lg\:h-screen {
+    height: 100vh !important;
+  }
   .lg\:hmx100 {
     max-height: 100% !important;
   }
   .lg\:hmx-initial {
     max-height: initial !important;
   }
+  .lg\:hmx-screen {
+    max-height: 100vh !important;
+  }
   .lg\:hmn100 {
     min-height: 100% !important;
   }
   .lg\:hmn-initial {
     min-height: initial !important;
   }
+  .lg\:hmx-screen {
+    min-height: 100vh !important;
+  }
 }
 @media (max-width: 980px) {
   .md\:ba {
@@ -15912,12 +16093,18 @@ ol {
   .md\:w-auto {
     width: auto !important;
   }
+  .md\:w-screen {
+    width: 100vw !important;
+  }
   .md\:wmx100 {
     max-width: 100% !important;
   }
   .md\:wmx-initial {
     max-width: initial !important;
   }
+  .md\:wmx-screen {
+    max-width: 100vw !important;
+  }
   .md\:wmn100 {
     min-width: 100% !important;
   }
@@ -15930,18 +16117,27 @@ ol {
   .md\:h-auto {
     height: auto !important;
   }
+  .md\:h-screen {
+    height: 100vh !important;
+  }
   .md\:hmx100 {
     max-height: 100% !important;
   }
   .md\:hmx-initial {
     max-height: initial !important;
   }
+  .md\:hmx-screen {
+    max-height: 100vh !important;
+  }
   .md\:hmn100 {
     min-height: 100% !important;
   }
   .md\:hmn-initial {
     min-height: initial !important;
   }
+  .md\:hmx-screen {
+    min-height: 100vh !important;
+  }
 }
 @media (max-width: 640px) {
   .sm\:ba {
@@ -16960,12 +17156,18 @@ ol {
   .sm\:w-auto {
     width: auto !important;
   }
+  .sm\:w-screen {
+    width: 100vw !important;
+  }
   .sm\:wmx100 {
     max-width: 100% !important;
   }
   .sm\:wmx-initial {
     max-width: initial !important;
   }
+  .sm\:wmx-screen {
+    max-width: 100vw !important;
+  }
   .sm\:wmn100 {
     min-width: 100% !important;
   }
@@ -16978,18 +17180,27 @@ ol {
   .sm\:h-auto {
     height: auto !important;
   }
+  .sm\:h-screen {
+    height: 100vh !important;
+  }
   .sm\:hmx100 {
     max-height: 100% !important;
   }
   .sm\:hmx-initial {
     max-height: initial !important;
   }
+  .sm\:hmx-screen {
+    max-height: 100vh !important;
+  }
   .sm\:hmn100 {
     min-height: 100% !important;
   }
   .sm\:hmn-initial {
     min-height: initial !important;
   }
+  .sm\:hmx-screen {
+    min-height: 100vh !important;
+  }
 }
 @media print {
   .print\:d-block {