<?php
/**
 * Just in time fooler, for tailwindcss
 *
 * @package FAB
 */
?>
<div class="appearance-none transition"></div>

<div class="flex"></div>
<div class="sm:block md:block lg:block xl:block"></div>
<div class="hidden sm:hidden md:hidden lg:hidden xl:hidden"></div>

<div class="inset-0"></div>
<div class="p-5 p-10 pl-6"></div>
<div class="px-6"></div>
<div class="sm:p-10 sm:pt-8"></div>
<div class="mb-3 mb-5 mb-8"></div>

<div class="font-semibold"></div>

<div class="text-bold underline"></div>
<div class="text-base text-xs text-2xl text-3xl text-4xl"></div>
<div class="text-black text-gray-400 text-gray-600 text-gray-800 text-red-600"></div>
<div class="hover:text-gray-500"></div>

<div class="
bg-gray-200 bg-gray-500 bg-gray-800 
bg-blue-400 bg-blue-500 bg-blue-600 bg-blue-700 bg-blue-900 
bg-green-400 bg-green-500 bg-green-700
bg-orange-500 bg-orange-600
bg-purple-600
bg-red-500 bg-red-600
bg-yellow-500
"></div>
<div class="hover:bg-blue-500 hover:bg-red-600 hover:bg-red-800 hover:bg-green-600"></div>

<div class="border-dashed border-2 border-4"></div>
<div class="border-gray-300 border-gray-500 border-blue-400 border-red-600"></div>
<div class="hover:border-bg-red-800"></div>

<div class="rounded"></div>
<div class="drop-shadow-md drop-shadow-xl drop-shadow-2xl"></div>
<div class="overflow-visible"></div>
