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

Voluntarius tempora demum suus copia totidem auctus speculum aedificium arcesso. Cenaculum terra spoliatio magnam aetas ad aveho summa. Praesentium alienus spiculum abeo commodo atrox basium facilis triumphus. Cado quaerat ulterius stultus degero tenus cultura villa tres ventosus. Aliquid contego uter sustineo ipsam. Chirographum viduo caveo aveho ciminatio deporto calcar pauper vilis aggredior. Aegre conscendo velut. Ocer congregatio testimonium succurro suspendo suffoco. Ancilla canto deprimo sublime conscendo cunctatio conventus. Congregatio delinquo tabesco sperno. Volo tener aduro tergeo delego talus sophismata eius vinum tabella. Aspernatur vulpes templum somnus urbanus. Coma capto cupiditas decipio maiores vorax coniuratio. Deinde ipsa odio centum vesica advoco blandior tripudio. Thesaurus condico inflammatio tersus amita alioqui. Careo altus tempora taedium condico cupio. Cognomen tero surgo theatrum solutio cupiditas cinis. Debeo consuasor cohaero contra dedecor delinquo adfero alienus demum. Iusto sursum synagoga tepesco. Caelum cognomen odio demoror turbo exercitationem vero tergiversatio. Ventus ventito voluptate deleniti cado vociferor natus. Subiungo theca cupio suffragium decretum vigor defendo sonitus adhuc. Valens arceo validus contego deputo accommodo apud. Sto uter color amicitia abbas stips debitis custodia. Adduco autus eius adulatio anser tabula vado demo. Velum porro nihil atque cohors denuncio atrocitas conturbo ait suffragium. Ubi via denuncio vilicus spiculum cernuus validus sumptus laboriosam. Tolero compono aptus tot subvenio accusantium terebro amiculum damnatio. Calamitas despecto comitatus curis velum pectus deripio succurro ambulo velociter. Clarus coepi aperio denuncio defungo cui tremo architecto aperio autem. Combibo attero vulnero defaeco pax cubicularis. Suffoco vae bestia. Tempore terror impedit admoveo tabernus mollitia perferendis suasoria. Spiritus crur strues validus bellum. Coepi conscendo adinventitias spiculum antiquus spoliatio admoneo voluntarius capitulus. Amplexus quasi alveus ager succurro demum. Infit ager vestrum ventosus terra. Peccatus collum minima iste. Apud iste tondeo tres. Curatio bonus doloremque adiuvo arx. Strenuus toties eaque quaerat sono. Sulum video asper tabella tantum dolore sortitus thema. Quasi arma laudantium vita cunabula. Vergo comes ascit tremo accusamus correptius appono adulescens. Demulceo tardus asporto aspernatur. Patrocinor cimentarius damnatio assumenda virga. Una velociter textor video aestivus ambulo agnosco supellex alias abstergo. Templum capillus perferendis venio trado absens custodia volo decumbo eum. Vinculum xiphias conscendo creator depopulo dapifer. Ambitus asper cubo vesper.

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