@stackoverflow/stacks 1.4.0 → 1.4.2

package/dist/css/stacks.css

@@ -858,7 +858,7 @@ body.theme-highcontrast .s-btn-group .s-btn.is-selected .s-btn--number {
 }
 .s-card {
   --_ca-bc: var(--bc-medium);
-  border: 1px solid var(--_ca-bc);
+  border: var(--su-static1) solid var(--_ca-bc);
   background-color: var(--white);
   border-radius: var(--br-sm);
   padding: var(--su12);
@@ -4168,12 +4168,10 @@ body.theme-highcontrast .s-topbar__dark .s-badge {
 body.theme-highcontrast .s-uploader {
   --_up-bg-bc-hc: var(--black-400);
 }
-.s-uploader.is-active {
-  --_up-bg: var(--black-050);
-  --_up-bg-bc: var(--black-200);
-}
-.s-uploader.is-disabled {
-  opacity: var(--_o-disabled-static);
+.s-uploader.has-error .s-link,
+.s-uploader.has-success .s-link,
+.s-uploader.has-warning .s-link {
+  color: var(--_up-link-fc);
 }
 .s-uploader.has-error {
   --_up-bg: var(--red-050);
@@ -4199,13 +4197,12 @@ body.theme-highcontrast .s-uploader {
   --_up-focus-ring-color: var(--focus-ring-warning);
   --_up-link-fc: var(--yellow-900);
 }
-.s-uploader.has-error .s-link,
-.s-uploader.has-success .s-link,
-.s-uploader.has-warning .s-link {
-  color: var(--_up-link-fc);
+.s-uploader.is-active {
+  --_up-bg: var(--black-050);
+  --_up-bg-bc: var(--black-200);
 }
-.s-uploader input[type="file"]::file-selector-button {
-  cursor: pointer;
+.s-uploader.is-disabled {
+  opacity: var(--_o-disabled-static);
 }
 .s-uploader .s-uploader--container {
   align-items: center;
@@ -4317,6 +4314,9 @@ body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
   top: var(--su8);
   z-index: var(--zi-active);
 }
+.s-uploader input[type="file"]::file-selector-button {
+  cursor: pointer;
+}
 .s-user-card {
   display: grid;
   grid-template-columns: auto 1fr;
@@ -11348,52 +11348,52 @@ body.theme-system .theme-dark__forced .d\:bg-theme-secondary-025 {
   flex-grow: 5;
 }
 .g0 {
-  --_gap-x: 0;
   --_gap-y: 0;
+  --_gap-x: 0;
 }
 .g1 {
-  --_gap-x: var(--su1);
   --_gap-y: var(--su1);
+  --_gap-x: var(--su1);
 }
 .g2 {
-  --_gap-x: var(--su2);
   --_gap-y: var(--su2);
+  --_gap-x: var(--su2);
 }
 .g4 {
-  --_gap-x: var(--su4);
   --_gap-y: var(--su4);
+  --_gap-x: var(--su4);
 }
 .g6 {
-  --_gap-x: var(--su6);
   --_gap-y: var(--su6);
+  --_gap-x: var(--su6);
 }
 .g8 {
-  --_gap-x: var(--su8);
   --_gap-y: var(--su8);
+  --_gap-x: var(--su8);
 }
 .g12 {
-  --_gap-x: var(--su12);
   --_gap-y: var(--su12);
+  --_gap-x: var(--su12);
 }
 .g16 {
-  --_gap-x: var(--su16);
   --_gap-y: var(--su16);
+  --_gap-x: var(--su16);
 }
 .g24 {
-  --_gap-x: var(--su24);
   --_gap-y: var(--su24);
+  --_gap-x: var(--su24);
 }
 .g32 {
-  --_gap-x: var(--su32);
   --_gap-y: var(--su32);
+  --_gap-x: var(--su32);
 }
 .g48 {
-  --_gap-x: var(--su48);
   --_gap-y: var(--su48);
+  --_gap-x: var(--su48);
 }
 .g64 {
-  --_gap-x: var(--su64);
   --_gap-y: var(--su64);
+  --_gap-x: var(--su64);
 }
 .gx0 {
   --_gap-x: 0;
@@ -11503,7 +11503,7 @@ body.theme-system .theme-dark__forced .d\:bg-theme-secondary-025 {
 .g32,
 .g48,
 .g64 {
-  gap: var(--_gap-x, 0) var(--_gap-y, 0);
+  gap: var(--_gap-y, 0) var(--_gap-x, 0);
 }
 .g-af-dense {
   grid-auto-flow: dense;
@@ -14829,52 +14829,52 @@ ol {
     flex: 1 auto !important;
   }
   .lg\:g0 {
-    --_gap-x: 0;
     --_gap-y: 0;
+    --_gap-x: 0;
   }
   .lg\:g1 {
-    --_gap-x: var(--su1);
     --_gap-y: var(--su1);
+    --_gap-x: var(--su1);
   }
   .lg\:g2 {
-    --_gap-x: var(--su2);
     --_gap-y: var(--su2);
+    --_gap-x: var(--su2);
   }
   .lg\:g4 {
-    --_gap-x: var(--su4);
     --_gap-y: var(--su4);
+    --_gap-x: var(--su4);
   }
   .lg\:g6 {
-    --_gap-x: var(--su6);
     --_gap-y: var(--su6);
+    --_gap-x: var(--su6);
   }
   .lg\:g8 {
-    --_gap-x: var(--su8);
     --_gap-y: var(--su8);
+    --_gap-x: var(--su8);
   }
   .lg\:g12 {
-    --_gap-x: var(--su12);
     --_gap-y: var(--su12);
+    --_gap-x: var(--su12);
   }
   .lg\:g16 {
-    --_gap-x: var(--su16);
     --_gap-y: var(--su16);
+    --_gap-x: var(--su16);
   }
   .lg\:g24 {
-    --_gap-x: var(--su24);
     --_gap-y: var(--su24);
+    --_gap-x: var(--su24);
   }
   .lg\:g32 {
-    --_gap-x: var(--su32);
     --_gap-y: var(--su32);
+    --_gap-x: var(--su32);
   }
   .lg\:g48 {
-    --_gap-x: var(--su48);
     --_gap-y: var(--su48);
+    --_gap-x: var(--su48);
   }
   .lg\:g64 {
-    --_gap-x: var(--su64);
     --_gap-y: var(--su64);
+    --_gap-x: var(--su64);
   }
   .lg\:gx0 {
     --_gap-x: 0;
@@ -16483,52 +16483,52 @@ ol {
     flex: 1 auto !important;
   }
   .md\:g0 {
-    --_gap-x: 0;
     --_gap-y: 0;
+    --_gap-x: 0;
   }
   .md\:g1 {
-    --_gap-x: var(--su1);
     --_gap-y: var(--su1);
+    --_gap-x: var(--su1);
   }
   .md\:g2 {
-    --_gap-x: var(--su2);
     --_gap-y: var(--su2);
+    --_gap-x: var(--su2);
   }
   .md\:g4 {
-    --_gap-x: var(--su4);
     --_gap-y: var(--su4);
+    --_gap-x: var(--su4);
   }
   .md\:g6 {
-    --_gap-x: var(--su6);
     --_gap-y: var(--su6);
+    --_gap-x: var(--su6);
   }
   .md\:g8 {
-    --_gap-x: var(--su8);
     --_gap-y: var(--su8);
+    --_gap-x: var(--su8);
   }
   .md\:g12 {
-    --_gap-x: var(--su12);
     --_gap-y: var(--su12);
+    --_gap-x: var(--su12);
   }
   .md\:g16 {
-    --_gap-x: var(--su16);
     --_gap-y: var(--su16);
+    --_gap-x: var(--su16);
   }
   .md\:g24 {
-    --_gap-x: var(--su24);
     --_gap-y: var(--su24);
+    --_gap-x: var(--su24);
   }
   .md\:g32 {
-    --_gap-x: var(--su32);
     --_gap-y: var(--su32);
+    --_gap-x: var(--su32);
   }
   .md\:g48 {
-    --_gap-x: var(--su48);
     --_gap-y: var(--su48);
+    --_gap-x: var(--su48);
   }
   .md\:g64 {
-    --_gap-x: var(--su64);
     --_gap-y: var(--su64);
+    --_gap-x: var(--su64);
   }
   .md\:gx0 {
     --_gap-x: 0;
@@ -18137,52 +18137,52 @@ ol {
     flex: 1 auto !important;
   }
   .sm\:g0 {
-    --_gap-x: 0;
     --_gap-y: 0;
+    --_gap-x: 0;
   }
   .sm\:g1 {
-    --_gap-x: var(--su1);
     --_gap-y: var(--su1);
+    --_gap-x: var(--su1);
   }
   .sm\:g2 {
-    --_gap-x: var(--su2);
     --_gap-y: var(--su2);
+    --_gap-x: var(--su2);
   }
   .sm\:g4 {
-    --_gap-x: var(--su4);
     --_gap-y: var(--su4);
+    --_gap-x: var(--su4);
   }
   .sm\:g6 {
-    --_gap-x: var(--su6);
     --_gap-y: var(--su6);
+    --_gap-x: var(--su6);
   }
   .sm\:g8 {
-    --_gap-x: var(--su8);
     --_gap-y: var(--su8);
+    --_gap-x: var(--su8);
   }
   .sm\:g12 {
-    --_gap-x: var(--su12);
     --_gap-y: var(--su12);
+    --_gap-x: var(--su12);
   }
   .sm\:g16 {
-    --_gap-x: var(--su16);
     --_gap-y: var(--su16);
+    --_gap-x: var(--su16);
   }
   .sm\:g24 {
-    --_gap-x: var(--su24);
     --_gap-y: var(--su24);
+    --_gap-x: var(--su24);
   }
   .sm\:g32 {
-    --_gap-x: var(--su32);
     --_gap-y: var(--su32);
+    --_gap-x: var(--su32);
   }
   .sm\:g48 {
-    --_gap-x: var(--su48);
     --_gap-y: var(--su48);
+    --_gap-x: var(--su48);
   }
   .sm\:g64 {
-    --_gap-x: var(--su64);
     --_gap-y: var(--su64);
+    --_gap-x: var(--su64);
   }
   .sm\:gx0 {
     --_gap-x: 0;
@@ -21259,6 +21259,22 @@ body.theme-highcontrast .s-tag {
   --_ta-bc: currentColor;
   text-decoration: none;
 }
+.s-tag.is-selected,
+a.s-tag.is-selected,
+a.s-tag.is-selected:active,
+a.s-tag.is-selected:hover,
+a.s-tag.is-selected:focus {
+  background-color: var(--_ta-bg-selected);
+  border-color: var(--_ta-bc-selected);
+  color: var(--_ta-fc-selected);
+}
+body.theme-highcontrast .s-tag.is-selected,
+body.theme-highcontrast a.s-tag.is-selected,
+body.theme-highcontrast a.s-tag.is-selected:active,
+body.theme-highcontrast a.s-tag.is-selected:hover,
+body.theme-highcontrast a.s-tag.is-selected:focus {
+  border-color: currentColor;
+}
 .s-tag.s-tag__xs {
   --_ta-fs: var(--fs-fine);
   --_ta-lh: 1.4;
@@ -21279,13 +21295,17 @@ body.theme-highcontrast .s-tag {
   --_ta-lh: 1.68421053;
   --_ta-px: var(--su6);
 }
+.s-tag__ignored,
 .s-tag.s-tag__ignored,
+.s-tag__watched,
 .s-tag.s-tag__watched {
   --_ta-pl: calc(var(--su-static24) - var(--su-static2));
   --_ta-before-size: calc(var(--su-static16) - var(--su-static2));
   position: relative;
 }
+.s-tag__ignored:before,
 .s-tag.s-tag__ignored:before,
+.s-tag__watched:before,
 .s-tag.s-tag__watched:before {
   height: var(--_ta-before-size);
   width: var(--_ta-before-size);
@@ -21301,6 +21321,7 @@ body.theme-highcontrast .s-tag {
   -webkit-mask-size: contain;
   mask-size: contain;
 }
+.s-tag__ignored,
 .s-tag.s-tag__ignored {
   --_ta-before-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");
 }
@@ -21340,6 +21361,7 @@ body.theme-highcontrast .s-tag.s-tag__muted:not(.s-tag__moderator):not(.s-tag__r
   --_ta-bg-selected: var(--black-200);
   --_ta-fc-selected: var(--black-900);
 }
+.s-tag__watched,
 .s-tag.s-tag__watched {
   --_ta-before-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");
 }
@@ -21388,22 +21410,6 @@ body.theme-highcontrast a.s-tag:not(.is-selected):focus,
 body.theme-highcontrast a.s-tag:not(.is-selected):active {
   border-color: currentColor;
 }
-.s-tag.is-selected,
-a.s-tag.is-selected,
-a.s-tag.is-selected:active,
-a.s-tag.is-selected:hover,
-a.s-tag.is-selected:focus {
-  background-color: var(--_ta-bg-selected);
-  border-color: var(--_ta-bc-selected);
-  color: var(--_ta-fc-selected);
-}
-body.theme-highcontrast .s-tag.is-selected,
-body.theme-highcontrast a.s-tag.is-selected,
-body.theme-highcontrast a.s-tag.is-selected:active,
-body.theme-highcontrast a.s-tag.is-selected:hover,
-body.theme-highcontrast a.s-tag.is-selected:focus {
-  border-color: currentColor;
-}
 .s-pagination {
   display: flex;
   flex-wrap: wrap;