jackabox

html {
    scroll-behavior: smooth;
}

:target:before {
    content: "";
    display: block;
    height: 100px;
    margin: -100px 0 0;
}

jackabox

<header
    x-data="header()"
    class="fixed top-0 left-0 right-0 bg-black z-30"
    @scroll.window="hasScrolled = window.scrollY > 260"
>
    <!-- Logo to go here -->
    
    
    <!-- Navigation El -->
    <nav

jackabox

<div x-data="{ 'showModal': false }" @keydown.escape="showModal = false">
    <!-- Trigger for Modal -->
    <button type="button" @click="showModal = true">Open Modal</button>
    
    <!-- Modal -->
    <div
        class="fixed inset-0 z-30 flex items-center justify-center overflow-auto bg-black bg-opacity-50"
        x-show="showModal"
    >
        <!-- Modal inner -->

jackabox

<?php

namespace App\Http\Livewire;

use App\Models\Account;
use Livewire\Component;

class AccountAutocomplete extends Component
{
    public $query= '';

jackabox

@import url('https://rsms.me/inter/inter.css');

html {
  font-family: 'Inter', sans-serif;
}

@supports (font-variation-settings: normal) {
  html {
    font-family: 'Inter var', sans-serif;
  }

jackabox

@import url('https://rsms.me/inter/inter.css');

html {
  font-family: 'Inter', sans-serif;
}

@supports (font-variation-settings: normal) {
  html {
    font-family: 'Inter var', sans-serif;
  }

jackabox

import hyperquest from 'hyperquest'
import JSONStream from 'JSONStream'
import es from 'event-stream'
import { format } from 'date-fns'

const scraper = async () => {
  const scryfallJSONUrl =
    'https://archive.scryfall.com/json/scryfall-default-cards.json'

  await hyperquest(scryfallJSONUrl)

jackabox

<a href="/cart" {% if template == 'cart' %}class="active"{% endif %}>

jackabox

@keyframes slide-up {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  50% {
    transform: translateY(-10%);
  }
  100% {
    transform: translateY(0%);

jackabox

<template>
  <li
    v-if="isLoggedIn"
    class="user-menu__item relative btn"
    @click="showAccountEvent"
    v-click-outside="closeAccountEvent"
  >
    <user-dropdown v-if="showAccount" />
  </li>
</template>