SlimBanner

SlimBanner - solidarity with Ukraine.

<SlimBanner
  class="w-full drop-shadow"
  client:load
  showCloseButton
  transition:name="slim-banner"
  transition:persist
/>

uno.config.ts / shortcuts

['slimbanner','px-4 sm:px-8  flex items-center justify-center text-xs sm:text-base leading-none relative bg-gray-100  z-2 px-4 py-3 sm:text-base sm:px-8 text-blue-700 print-hidden'],