UNPKG

tailgrids

Version:

Handcrafted Library of Tailwind CSS UI Components & Blocks for HTML, React and Vue.

38 lines (37 loc) 1.3 kB
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Skeleton | TailGrids</title> <link rel="shortcut icon" href="../../assets/images/favicon.svg" type="image/x-icon" /> <link rel="stylesheet" href="../../assets/css/tailwind.css" /> </head> <body> <!-- ====== Skeleton Start --> <section class="bg-white py-20 dark:bg-dark"> <div class="container"> <div class="mx-auto w-full max-w-[570px] space-y-4"> <div class="h-3 w-full rounded-full bg-linear-to-r from-gray-1 to-gray-4 dark:from-dark-4 dark:to-dark-5" ></div> <div class="h-3 w-4/6 rounded-full bg-linear-to-r from-gray-1 to-gray-4 dark:from-dark-4 dark:to-dark-5" ></div> <div class="h-3 w-5/6 rounded-full bg-linear-to-r from-gray-1 to-gray-4 dark:from-dark-4 dark:to-dark-5" ></div> <div class="h-3 w-full rounded-full bg-linear-to-r from-gray-1 to-gray-4 dark:from-dark-4 dark:to-dark-5" ></div> </div> </div> </section> <!-- ====== Skeleton End --> </body> </html>