1 files changed, 0 insertions, 175 deletions
diff --git a/smoke/astro.build-main/src/components/PixelLink.astro b/smoke/astro.build-main/src/components/PixelLink.astro
deleted file mode 100644
index f5d200b49..000000000
--- a/smoke/astro.build-main/src/components/PixelLink.astro
+++ /dev/null
@@ -1,175 +0,0 @@
----
-const { class: className = '', href } = Astro.props;
-// Wrap in <span> because Houdini is disabled for a[href] for security
-
-const { variant = 'primary' } = Astro.props;
-const { before, after } = Astro.slots;
----
-
-<!-- Blocking script -->
-<script hoist>
-  if ('paintWorklet' in CSS) {
-    CSS.paintWorklet.addModule('/pixel.worklet.js');
-  }
-</script>
-
-<span class={`link pixel variant-${variant} ${before ? 'has-before' : ''} ${after ? 'has-after' : ''} ${className}`.trim()}>
-    <a {href}>
-        <slot name="before" />
-        <span><slot /></span>
-        <slot name="after" />
-    </a>
-</span>
-
-<style>
-    .pixel {
-        --border-radius: 8;
-        --pixel-size: 4;
-        --background: var(--gradient-pop-1);
-        position: relative;
-        border-radius: calc(var(--border-radius) * 1px);
-    }
-    .pixel::before {
-        content: '';
-        position: absolute;
-        top: calc(var(--pixel-size) * 1px);
-        right: 0;
-        bottom: calc(var(--pixel-size) * 1px);
-        left: 0;
-        background: var(--background);
-        z-index: -1;
-    }
-    .pixel::after {
-        content: '';
-        position: absolute;
-        top: 0;
-        right: calc(var(--pixel-size) * 1px);
-        bottom: 0;
-        left: calc(var(--pixel-size) * 1px);
-        background: var(--background);
-        z-index: -1;
-    }
-    .pixel.variant-outline {
-        background: rgba(255, 255, 255, 0);
-        border-radius: 0;
-    }
-    .pixel.variant-outline::before {
-        background: rgba(255, 255, 255, 0);
-        border: calc(var(--pixel-size) * 1px) solid var(--background);
-        border-top: 0;
-        border-bottom: 0;
-    }
-    .pixel.variant-outline::after {
-        background: rgba(255, 255, 255, 0);
-        border: calc(var(--pixel-size) * 1px) solid var(--background);
-        border-right: 0;
-        border-left: 0;
-    }
-    @supports (background: paint(pixel)) {
-        :global(.js) .pixel {
-            background: none !important;
-        }
-        :global(.js) .pixel::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            right: 0;
-            bottom: 0;
-            left: 0;
-            display: block;
-            z-index: -1;
-            overflow: hidden;
-            border-radius: 0;
-            background: var(--background);
-            -webkit-mask-image: paint(pixel);
-            mask-image: paint(pixel);
-        }
-       :global(.js) .pixel::after {
-            content: none;
-        }
-    }
-    .link {
-        --border-radius: 8;
-        --duration: 200ms;
-        --delay: 30ms;
-        --background: linear-gradient(180deg, var(--link-color-stop-a), var(--link-color-stop-b));
-        display: flex;
-        color: white;
-        font-family: var(--font-display);
-        font-size: 1.5rem;
-        width: max-content;
-        transition-property: transform, --link-color-stop-a, --link-color-stop-b;
-        transition-duration: var(--duration);
-        transition-delay: var(--delay);
-        transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
-    }
-    .link:hover,
-    .link:focus-within {
-        transform: translateY(calc(var(--pixel-size) * -0.5px));
-    }
-    .link:active {
-        transform: translateY(0);
-    }
-    .has-before a :first-child {
-        margin-left: -1rem;
-        margin-right: 0.25rem;
-    }
-    .has-before a :last-child {
-        margin-left: 0.25rem;
-        margin-right: -1rem;
-    }
-    a {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        padding: 0.67rem 2.5rem;
-        width: 100%;
-        height: 100%;
-        text-decoration: none;
-        color: inherit !important;
-    }
-    a > :global(* + *) {
-        margin-left: 0.25rem;
-    }
-
-    .variant-primary {
-        --variant: primary;
-        --background: linear-gradient(180deg, var(--link-color-stop-a), var(--link-color-stop-b));
-    }
-    .variant-primary:hover,
-    .variant-primary:focus-within {
-        --link-color-stop-a: #6D39FF;
-        --link-color-stop-b: #AF43FF;
-    }
-    .variant-primary:active {
-        --link-color-stop-a: #5F31E1;
-        --link-color-stop-b: #A740F3;
-    }
-
-    .variant-outline {
-        --variant: outline;
-        --background: none;
-        color: var(--background);
-    }
-    .variant-outline > a::before {
-        position: absolute;
-        top: 0;
-        right: calc(var(--pixel-size) * 1px);
-        bottom: calc(var(--pixel-size) * 1px);
-        left: calc(var(--pixel-size) * 1px);
-        content: "";
-        display: block;
-        transform-origin: bottom center;
-        background: linear-gradient(to top, var(--background), rgba(255, 255, 255, 0));
-        opacity: 0.3;
-        transform: scaleY(0);
-        transition: transform 200ms cubic-bezier(0.22, 1, 0.36, 1);
-    }
-    .variant-outline:hover > a::before,
-    .variant-outline:focus-within > a::before {
-        transform: scaleY(1);
-    }
-    .variant-outline:active > a::before {
-        transform: scaleY(1);
-    }
-</style>