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

package/dist/css/stacks.css

@@ -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 {
@@ -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);
@@ -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;
@@ -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;
 }