@stackoverflow/stacks 3.0.0-beta.17 → 3.0.0-beta.19

package/dist/css/stacks.css

@@ -1245,7 +1245,7 @@ a.s-block-link.focus-inset,
   flex-wrap: wrap;
   font-size: var(--fs-caption);
 }
-@media (max-width: 640px) {
+@media (max-width: 48.75rem) {
   .s-breadcrumbs {
     --_br-divider-px: var(--su2);
   }
@@ -1677,7 +1677,7 @@ fieldset[disabled] .s-btn:hover .s-btn--badge .s-btn--number,
   flex-wrap: wrap;
   padding: calc(var(--su-static4) - var(--su-static1));
 }
-@media (max-width: 640px) {
+@media (max-width: 48.75rem) {
   html .s-btn-group .s-btn {
     --_bu-px: 0.4em;
   }
@@ -1697,6 +1697,7 @@ fieldset[disabled] .s-btn:hover .s-btn--badge .s-btn--number,
   --_bu-bc-hover: transparent;
   --_bu-px: calc(var(--su12) - var(--su1));
   --_bu-py: calc(var(--su6) + 0.65px);
+  font-weight: 400;
   white-space: nowrap;
 }
 .s-btn-group .s-btn.s-btn__xs {
@@ -2824,7 +2825,7 @@ p .s-link {
   box-shadow: var(--bs-sm);
   text-align: left;
 }
-@media (max-width: 640px) {
+@media (max-width: 48.75rem) {
   .s-link-preview {
     --_lp-details-mt: var(--su4);
     --_lp-footer-fd: column;
@@ -3509,12 +3510,12 @@ button.s-notice--dismiss.focus-inset-bordered {
   padding-bottom: var(--su16);
   width: 100%;
 }
-@media (max-width: 640px) {
+@media (max-width: 48.75rem) {
   .s-page-title {
     --_pt-breadcrums-mb: var(--su2);
   }
 }
-@media (max-width: 980px) {
+@media (max-width: 71.875rem) {
   .s-page-title {
     --_pt-ai: flex-start;
     --_pt-fd: column;
@@ -3689,7 +3690,7 @@ body.theme-system .theme-dark__forced .s-popover {
   padding: var(--su16);
   position: relative;
 }
-@media (max-width: 980px) {
+@media (max-width: 71.875rem) {
   .s-post-summary {
     --_ps-stats-ai: center;
     --_ps-stats-fd: row;
@@ -4400,7 +4401,7 @@ body.theme-highcontrast .s-prose {
   --_pr-blockquote-before-bg: var(--black-500);
   --_pr-hr-bg: var(--black-400);
 }
-@media (max-width: 640px) {
+@media (max-width: 48.75rem) {
   .s-prose {
     --_pr-spoiler-after-t: calc(var(--su8) + var(--su1));
   }
@@ -5168,61 +5169,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-skeleton {
-  --_sk-bg-1: var(--black-400);
-  --_sk-bg-2: var(--black-350);
-  --_sk-bg-3: var(--black-300);
-  --_sk-o: 0.25;
-  margin-bottom: var(--su48);
-  opacity: var(--_sk-o);
-  width: 100%;
-}
-body.theme-highcontrast .s-skeleton {
-  --_sk-o: 0.4;
-}
-@keyframes flow {
-  0% {
-    background-position: 400% 50%;
-  }
-  100% {
-    background-position: 0% 50%;
-  }
-}
-.s-skeleton.s-skeleton__ai {
-  --_sk-bg-1: #ac76f0;
-  --_sk-bg-2: #297fff;
-  --_sk-bg-3: #6abcf8;
-}
-.s-skeleton,
-.s-skeleton:after,
-.s-skeleton:before {
-  background-image: linear-gradient(to right, var(--_sk-bg-1) 8%, var(--_sk-bg-2) 16%, var(--_sk-bg-3) 25%, var(--_sk-bg-1) 42%, var(--_sk-bg-2) 58%, var(--_sk-bg-3) 75%, var(--_sk-bg-1) 83%);
-  background-size: 400% 100%;
-  border-radius: var(--br-md);
-  display: block;
-  height: var(--su16);
-  position: relative;
-}
-@media (prefers-reduced-motion: no-preference) {
-  .s-skeleton,
-  .s-skeleton:after,
-  .s-skeleton:before {
-    animation: flow 8s linear infinite;
-  }
-}
-.s-skeleton:after,
-.s-skeleton:before {
-  content: '';
-  position: relative;
-}
-.s-skeleton:after {
-  top: calc(var(--su4));
-  width: calc(2/3 * 100%);
-}
-.s-skeleton:before {
-  top: calc(var(--su32) + var(--su8));
-  width: calc(1/3 * 100%);
-}
 .s-spinner {
   --_sp-baw: calc(var(--su-static1) * 3);
   --_sp-size: var(--su-static24);
@@ -5942,7 +5888,7 @@ body.theme-highcontrast .s-topbar__light {
 body.theme-highcontrast.theme-dark .s-topbar.s-topbar__light {
   --focus-theme: var(--black-200);
 }
-@media (max-width: 640px) {
+@media (max-width: 48.75rem) {
   .s-topbar {
     --_tb-searchbar-d: none;
     --_tb-searchbar-p: var(--su8) var(--su12);
@@ -6184,7 +6130,7 @@ body.theme-highcontrast.theme-dark .s-topbar.s-topbar__light {
   flex-shrink: 10000;
   padding: var(--_tb-searchbar-p);
 }
-@media (max-width: 640px) {
+@media (max-width: 48.75rem) {
   .s-topbar .s-topbar--searchbar {
     background: var(--theme-topbar-item-background-hover, var(--black-200));
     left: 0;
@@ -6229,7 +6175,7 @@ body.theme-highcontrast.theme-dark .s-topbar.s-topbar__light {
   margin-right: var(--sun1);
   max-width: var(--su256) !important;
 }
-@media (max-width: 640px) {
+@media (max-width: 48.75rem) {
   .s-topbar .s-topbar--searchbar .s-select {
     width: 25% !important;
   }
@@ -6255,7 +6201,7 @@ body.theme-highcontrast.theme-dark .s-topbar.s-topbar__light {
 .s-topbar .s-topbar--searchbar .s-select:after {
   z-index: var(--zi-active);
 }
-@media (max-width: 640px) {
+@media (max-width: 48.75rem) {
   .s-topbar .s-topbar--searchbar.s-topbar--searchbar__open {
     display: var(--_tb-searchbar-open-d);
     max-width: var(--_tb-searchbar-open-mxw);
@@ -7290,8 +7236,8 @@ body.theme-highcontrast.theme-system .theme-light__forced {
   --black-250: #c9ccd1;
   --black-300: #91939c;
   --black-350: #54585c;
-  --black-400: #545759;
-  --black-500: #46484d;
+  --black-400: #505355;
+  --black-500: #44464b;
   --black-600: #211d1e;
   --black: #000000;
   --orange-100: #fff7f2;
@@ -15852,7 +15798,7 @@ p {
   font-size: var(--fs-fine) !important;
   line-height: 1.36;
 }
-@media (max-width: 640px) {
+@media (max-width: 48.75rem) {
   html  .fs-display4 {
     font-size: calc(var(--fs-display4) * 0.43) !important;
   }
@@ -16230,6 +16176,24 @@ ol {
 .bg-image-none {
   background-image: none !important;
 }
+.bg-loading {
+  animation: loadingBgAnimation 1.5s ease-out infinite;
+  animation-delay: 1ms;
+}
+@keyframes loadingBgAnimation {
+  0% {
+    background-color: var(--black-150);
+    opacity: 1;
+  }
+  50% {
+    background-color: var(--black-100);
+    opacity: 0.7;
+  }
+  100% {
+    background-color: var(--black-150);
+    opacity: 1;
+  }
+}
 .bg-confetti-animated {
   background-repeat: repeat-x;
   background-position: top -10px center;
@@ -16331,16 +16295,6 @@ ol {
   -ms-user-select: none !important;
   user-select: none !important;
 }
-.ud-auto {
-  -webkit-user-drag: auto !important;
-  -moz-user-drag: auto !important;
-  -ms-user-drag: auto !important;
-}
-.ud-none {
-  -webkit-user-drag: none !important;
-  -moz-user-drag: none !important;
-  -ms-user-drag: none !important;
-}
 .v-visible {
   visibility: visible !important;
 }
@@ -17069,7 +17023,7 @@ ol {
   max-width: 100vw !important;
 }
 /* stylelint-disable */
-@media (max-width: 1264px) {
+@media (max-width: 92.25rem) {
   .lg\:ba {
     border-style: solid !important;
     border-width: var(--su-static1) !important;
@@ -19120,7 +19074,7 @@ ol {
     max-width: 100vw !important;
   }
 }
-@media (max-width: 980px) {
+@media (max-width: 71.875rem) {
   .md\:ba {
     border-style: solid !important;
     border-width: var(--su-static1) !important;
@@ -21171,7 +21125,7 @@ ol {
     max-width: 100vw !important;
   }
 }
-@media (max-width: 640px) {
+@media (max-width: 48.75rem) {
   .sm\:ba {
     border-style: solid !important;
     border-width: var(--su-static1) !important;