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

package/dist/css/stacks.css

@@ -990,7 +990,7 @@ button.s-banner--dismiss.focus-inset-bordered {
 :has( > button.s-banner--dismiss) {
   padding-left: var(--su24);
   gap: calc(var(--su24) - var(--su2));
-  word-wrap: initial !important;
+  overflow-wrap: initial !important;
 }
 .s-banner[aria-hidden="true"] {
   --_no-ty-offset: -1;
@@ -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);
   }
@@ -1599,6 +1599,7 @@ body.theme-system .theme-dark__forced .s-btn--radio:checked + .s-btn {
 .s-btn--radio {
   border: 0;
   clip-path: inset(50%);
+  /* stylelint-disable-next-line property-no-deprecated -- clip is kept for older browser compatibility alongside clip-path */
   clip: rect(var(--su-static1), var(--su-static1), var(--su-static1), var(--su-static1));
   height: var(--su-static1);
   margin: var(--sun1);
@@ -1676,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;
   }
@@ -2823,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;
@@ -3481,7 +3482,7 @@ button.s-notice--dismiss.focus-inset-bordered {
 :has( > button.s-notice--dismiss) {
   padding-left: var(--su24);
   gap: calc(var(--su24) - var(--su2));
-  word-wrap: initial !important;
+  overflow-wrap: initial !important;
 }
 .s-notice--icon {
   background: var(--_no-icon-bg);
@@ -3508,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;
@@ -3688,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;
@@ -4399,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));
   }
@@ -5941,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);
@@ -6183,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;
@@ -6228,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;
   }
@@ -6254,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);
@@ -15851,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;
   }
@@ -16349,6 +16350,7 @@ ol {
 .v-visible-sr,
 .s-topbar .s-topbar--skip-link:not(:focus) {
   border: 0;
+  /* stylelint-disable-next-line property-no-deprecated -- clip is kept for older browser compatibility alongside clip-path */
   clip: rect(var(--su-static1), var(--su-static1), var(--su-static1), var(--su-static1));
   clip-path: inset(50%);
   height: var(--su-static1);
@@ -17067,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;
@@ -19118,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;
@@ -21169,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;