ceshi

.tmp-shots/css/ajax-tab-skeleton-placeholder.css-20

@@ -0,0 +1,54 @@
+/* AJAX tab skeleton placeholder */
+.aksrt-homepage__tab-skeleton {
+  display: flex;
+  flex-direction: column;
+  gap: 15px;
+  padding: 10px 0;
+}
+
+.aksrt-homepage__tab-skeleton-item {
+  display: flex;
+  gap: 16px;
+  padding: 20px;
+  background: var(--surface-1, #fff);
+  border: none;
+  border-radius: var(--main-radius, var(--radius, 8px));
+  box-shadow: var(--shadow-sm);
+  animation: aksrt-skeleton-pulse 1.5s ease-in-out infinite;
+}
+
+.aksrt-homepage__tab-skeleton-thumb {
+  width: 190px;
+  min-width: 190px;
+  height: 133px;
+  background: var(--surface-2, #eee);
+  border-radius: var(--radius, 8px);
+}
+
+.aksrt-homepage__tab-skeleton-body {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.aksrt-homepage__tab-skeleton-line {
+  height: 14px;
+  background: var(--surface-2, #eee);
+  border-radius: 4px;
+}
+
+.aksrt-homepage__tab-skeleton-line:first-child {
+  width: 70%;
+  height: 18px;
+}
+
+.aksrt-homepage__tab-skeleton-line:nth-child(2) {
+  width: 100%;
+}
+
+.aksrt-homepage__tab-skeleton-line:nth-child(3) {
+  width: 40%;
+}
+
+