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

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;
   }
@@ -2824,7 +2824,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 +3509,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 +3689,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 +4400,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));
   }
@@ -5942,7 +5942,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 +6184,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 +6229,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 +6255,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);
@@ -15852,7 +15852,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;
   }
@@ -17069,7 +17069,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 +19120,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 +21171,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;