Tailwind

Core

Provides a variety of globally scoped styles.

Source Page Source

Body Background

Your app's background is automatically set via a design token class. Adjust your theme's color scheme to customize. This affects both light and dark mode.

css 
body { @apply bg-surface-50-900-token; }

Selection

Selection color is also set via a token class. Try selecting the text in the card element below to preview this styling. Notice how selection color changes depending on the background.

The quick brown fox jumps over the lazy dog.

Try selecting the text above.

Mobile Focus

Interactive elements on mobile will briefly show a focus style when touched. Skeleton adjusts the coloring.

Scrollbars

Skeleton automatically provides custom scrollbar styles in supported browsers. Use .hide-scrollbar to disable scrollbars.

Test Scrolling Here

Conitor curis aveho dicta. Crur recusandae arx absum. Comitatus causa abbas tepesco defetiscor dolorum alveus comminor decimus. Amita contego stultus votum conor crepusculum trucido optio vulnero claudeo. Quidem vestigium amplexus. Utrum rerum victoria deputo audio textilis appello. Cruciamentum similique aspernatur verbera sum vesica usitas. Voco virgo correptius vereor conspergo. Curso charisma eveniet quis circumvenio tero. Vilicus summa carmen impedit suppono ex apud. Cum caries curriculum arcesso pel ventito clam voluptates. Vestigium administratio bis copiose brevis spes vilicus. Surgo veritatis terra confugo nobis tempus aestivus. Apud virgo tamdiu votum taedium color adflicto turba deinde crudelis. Curriculum thema demergo tribuo conforto cuius attonbitus. Velum culpo auditor ulterius assentator sopor cultura. Charisma conicio soleo claustrum sulum tamquam deripio tergo vaco. Candidus velum atqui deprecator supra valeo atrocitas. Aiunt arma communis adhuc super rem cuppedia conatus. Cavus cubo eligendi beneficium dapifer arx conservo arbustum explicabo. Velut necessitatibus sum iusto alienus acer defungo pecco libero. Baiulus sodalitas thymum attollo vulpes super adeo ipsa congregatio. Contabesco volubilis subito custodia aspicio coepi defetiscor capillus admoneo. Enim deduco tamquam cohors aperiam tribuo commodo. Vigor certe autem cimentarius stips tabella dicta tepesco crux caute. Ipsum assentator thesis quaerat tibi usus summa contego clarus. Amiculum itaque viduo. Apto claro termes vesper coruscus. Culpo celo cotidie aptus solum bellicus. Aggredior dolore ventus. Clarus velit vehemens turpis. Speciosus tabella cursus utrimque. Nemo ustilo excepturi vitium admoveo adsum amoveo. Ars sto bene custodia sublime damnatio eius nihil. Exercitationem sint amo adinventitias. Demens depulso solutio coaegresco aliquid dolorum ducimus audacia cohors. Advenio beatae velut unde minima ad distinctio. Ambitus adflicto tener sperno amoveo ullus tibi deserunt umbra. Angelus tibi decipio umbra iusto nihil. Tametsi pauper coaegresco conturbo confugo sufficio despecto tam aegre. Accommodo tabula versus reiciendis solvo triduana damnatio pax calamitas. Earum alter amiculum alo error ulterius caput surculus. Volubilis demergo terra tego. Accendo consequatur uredo comptus usque voluptate conicio appello at cibo. Adstringo abduco soluta centum debeo attonbitus succedo. Doloribus chirographum speciosus cauda. Iste vae placeat voluptatem vel carmen acidus confido. Crastinus valeo civis curatio aestus aeternus coerceo vix. Labore coruscus eum acer usus substantia tero vito charisma. Venio vel video adeo.

Dividers

Native hr horizontal rule elements respect your theme settings automatically. Use border size to adjust the width.

Divider Styling

Dividers may be dashed, dotted, or doubled.

Vertical Dividers

Divide columns with the .divider-vertical class. You can apply it with a span tag. Adjust the height as desired.

Left

Right