@xingwangzhe/stalux 1.30.0 → 1.30.1

package/src/styles/theme/tags.css

@@ -1,130 +0,0 @@
-@layer components {
-    /* tagsCloud */
-
-    @supports not (content-visibility: auto) {
-        .stalux-cloud-tag-group {
-            contain-intrinsic-block-size: auto;
-        }
-    }
-
-    @media (min-width: 769px) {
-        .stalux-cloud-cards {
-            @apply hidden;
-        }
-    }
-    .stalux-cloud-canvas {
-        @apply hidden w-full relative;
-        --cloud-base-diameter: 660px;
-        height: min(calc(var(--cloud-base-diameter) * var(--cloud-density)), 120cqw);
-        min-height: 520px;
-    }
-
-    @media (min-width: 769px) {
-        .stalux-cloud-canvas {
-            @apply block;
-        }
-    }
-
-    .stalux-cloud-tag-card::before {
-        @apply absolute;
-        content: "";
-        inset: 0;
-        background: linear-gradient(
-            120deg,
-            rgba(255, 255, 255, 0),
-            var(--white-10p),
-            rgba(255, 255, 255, 0)
-        );
-        transform: translateX(-100%);
-        transition: transform var(--transition-slowest);
-        z-index: 1;
-    }
-
-    .stalux-cloud-tag-card:hover {
-        transform: translateY(-2px);
-        border-color: var(--accent-50p);
-        box-shadow: var(--card-box-shadow-hover);
-    }
-
-    .stalux-cloud-tag-card:hover::before {
-        transform: translateX(100%);
-    }
-    .stalux-cloud-tag-card[data-count="1"] {
-        font-size: 0.9rem;
-        padding: 0.3rem 0.8rem;
-    }
-    .stalux-cloud-tag-card[data-count="2"] {
-        font-size: 1rem;
-        padding: 0.4rem 0.9rem;
-    }
-    .stalux-cloud-tag-card[data-count="3"] {
-        font-size: 1.1rem;
-        padding: 0.5rem 1rem;
-    }
-    .stalux-cloud-tag-card[data-count^="4"],
-    .stalux-cloud-tag-card[data-count^="5"] {
-        font-size: 1.2rem;
-        padding: 0.6rem 1.1rem;
-    }
-    .stalux-cloud-tag-card[data-count^="6"],
-    .stalux-cloud-tag-card[data-count^="7"],
-    .stalux-cloud-tag-card[data-count^="8"],
-    .stalux-cloud-tag-card[data-count^="9"] {
-        font-size: 1.3rem;
-        padding: 0.7rem 1.2rem;
-    }
-
-    @media (min-width: 1024px) {
-        .stalux-cloud-canvas {
-            --cloud-base-diameter: 840px;
-        }
-    }
-    @media (min-width: 1440px) {
-        .stalux-cloud-canvas {
-            --cloud-base-diameter: 960px;
-        }
-    }
-
-    /* tagHeader */
-    .stalux-tag-header {
-        @apply relative;
-        margin: 3em;
-        margin-bottom: 2.5rem;
-        padding-bottom: 1rem;
-        border-bottom: 1px solid var(--white-10p);
-
-        & .stalux-tag-page-title {
-            @apply stalux-flex-row;
-            font-size: 1.8rem;
-            margin-bottom: 0.5rem;
-            color: var(--white-full);
-
-            & .stalux-tag-category-icon {
-                margin-right: 0.8rem;
-                color: var(--accent-80p);
-            }
-
-            & .stalux-tag-category-name {
-                color: var(--accent-90p);
-                font-weight: 500;
-            }
-        }
-
-        & .stalux-tag-page-description {
-            font-size: 1rem;
-            color: var(--white-70p);
-            margin-bottom: 0.5rem;
-        }
-
-        & .stalux-tag-back-link {
-            @apply no-underline inline-block;
-            font-size: 0.9rem;
-            color: var(--white-60p);
-            transition: color var(--transition-fast) ease;
-
-            &:hover {
-                color: var(--accent-90p);
-            }
-        }
-    }
-}

package/src/styles/theme/words.css

@@ -1,84 +0,0 @@
-@layer components {
-    /* wordList */
-
-    @media (max-width: 768px) {
-        .stalux-word-list-list {
-            gap: 1rem;
-            margin: 1.5rem auto;
-        }
-
-        .stalux-word-list-item {
-            @apply max-w-full;
-        }
-    }
-
-    /* wordCard */
-
-    .stalux-word-body .expressive-code {
-        @apply max-w-full overflow-x-auto;
-    }
-
-    .stalux-word-card:hover {
-        transform: translateY(-4px);
-        box-shadow: var(--card-box-shadow-hover);
-    }
-    .stalux-word-card:target,
-    .stalux-word-card[data-glow] {
-        animation: stalux-word-word-glow 2s ease-out;
-        box-shadow:
-            0 0 20px var(--accent-40p),
-            0 0 60px var(--accent-20p),
-            var(--shadow-lg);
-    }
-
-    @keyframes stalux-word-word-glow {
-        0% {
-            box-shadow:
-                0 0 30px var(--accent-50p),
-                0 0 80px var(--accent-30p),
-                var(--shadow-lg);
-            transform: scale(1.02);
-        }
-        100% {
-            box-shadow:
-                0 0 20px var(--accent-40p),
-                0 0 60px var(--accent-20p),
-                var(--shadow-lg);
-            transform: scale(1);
-        }
-    }
-
-    .stalux-word-body h1,
-    .stalux-word-body h2,
-    .stalux-word-body h3,
-    .stalux-word-body h4,
-    .stalux-word-body h5,
-    .stalux-word-body h6 {
-        font-size: 1.1em;
-        margin: 0.5rem 0;
-    }
-
-    .stalux-word-body p {
-        margin: 0.5rem 0;
-    }
-
-    .stalux-word-body blockquote {
-        margin: 0.5rem 0;
-        padding: 0.6rem 1rem;
-        border-left: 3px solid var(--accent-60p);
-        background: var(--white-05p);
-    }
-    .stalux-word-body pre {
-        white-space: pre-wrap;
-        word-break: break-word;
-        overflow-x: visible;
-    }
-
-    .stalux-word-body code {
-        word-break: break-word;
-    }
-
-    .stalux-word-source-link:hover {
-        color: var(--accent-90p);
-    }
-}