Store

by andypotanin

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
<link rel="stylesheet" href="https://destinationpickleball.com/wp-content/themes/wp-festistack/build/index.css?ver=6.4.1">
<link rel="stylesheet" href="https://destinationpickleball.com/wp-content/themes/wp-festistack/src/lightbox/css/lightbox.css?ver=6.4.1">
<link rel="stylesheet" href="https://destinationpickleball.com/wp-content/themes/wp-festistack/build/index.css?ver=6.4.1">
<script src="https://cdn.tailwindcss.com/3.4.16"></script>
<div class="bg-gray-50">
  <div x-data="{ open: false }" @keydown.window.escape="open = false">
    <!-- Mobile menu -->

    <div
      x-show="open"
      class="relative z-40 lg:hidden"
      x-description="Off-canvas menu for mobile, show/hide based on off-canvas menu state."
      x-ref="dialog"
      aria-modal="true"
      style="display: none"
    >
      <div
        x-show="open"
        x-transition:enter="transition-opacity ease-linear duration-300"
        x-transition:enter-start="opacity-0"
        x-transition:enter-end="opacity-100"
        x-transition:leave="transition-opacity ease-linear duration-300"
        x-transition:leave-start="opacity-100"
        x-transition:leave-end="opacity-0"
        x-description="Off-canvas menu backdrop, show/hide based on off-canvas menu state."
        class="fixed inset-0 bg-black/25"
        aria-hidden="true"
        style="display: none"
      ></div>

      <div class="fixed inset-0 z-40 flex">
        <div
          x-show="open"
          x-transition:enter="transition ease-in-out duration-300 transform"
          x-transition:enter-start="-translate-x-full"
          x-transition:enter-end="translate-x-0"
          x-transition:leave="transition ease-in-out duration-300 transform"
          x-transition:leave-start="translate-x-0"
          x-transition:leave-end="-translate-x-full"
          x-description="Off-canvas menu, show/hide based on off-canvas menu...

CSS

body {
  background: #1F73BE
}