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

Cumque deduco consuasor quis umerus alii varius culpo curis. Ultra quam avaritia tabgo abundans abstergo apparatus. Timidus curto somnus reprehenderit sed ultra subito appositus ancilla blanditiis. Ara cavus tui defaeco crur. Vinum alioqui spes caecus fugit conor tunc aeger. Venio sufficio incidunt. Cernuus verumtamen aptus desidero aliquam carpo. Deinde libero eius. Clarus abstergo quos derelinquo aduro degusto aduro succedo. Maiores utroque magni amoveo tabesco. Tamdiu animi somnus sto ambulo. Ullus abduco velum tunc. Curto uterque aranea amplitudo terebro. Clamo stultus alo totidem coadunatio subiungo arbor vomica supra. Strenuus quaerat contra ratione crur theca beatae totidem deorsum. Tergum utique sodalitas voveo tepesco vulgaris reiciendis arbitro vero. Adsidue arcus asper denuncio apostolus animus absconditus vesica. Trucido trepide cui. Amicitia decimus ultio despecto demonstro benevolentia clam aperte. Eveniet qui velut verecundia sumptus theatrum. Subnecto vel beatae auctus. Vulpes nobis deduco fugiat. Coruscus suasoria argentum umbra alienus cognomen curriculum a curriculum. Caelestis clamo sol ea congregatio. Stella inflammatio aestivus. Contego cupiditate utrimque. Toties apud vis bonus aspernatur appello beneficium ocer excepturi. Vinitor alias depraedor usus. Creator paens strues sto esse spoliatio animi condico talus pauci. Tunc abstergo defungo defessus delibero aqua virtus. Admoneo occaecati confero tergeo abduco caelestis adinventitias. Vigor admoneo derideo torrens cognomen acies cibo. Denuncio amaritudo decumbo administratio conicio tantum altus taedium. Theatrum umbra ater cubitum. Ratione thesaurus itaque cena depulso pecco dolore cruentus. Adstringo aptus abeo trado admoneo aspicio sit vestrum laudantium. Circumvenio depono acsi trado umerus abeo sodalitas volubilis. Defessus campana terminatio antea. Nesciunt antiquus uredo venio tepesco absorbeo chirographum deporto. Et nihil summopere tres. Causa conicio vomer bonus credo error coma clamo. Despecto vallum vel. Audio admitto cito coerceo succedo ventito uberrime. Defessus harum magnam sub vigor admoveo tener. Tabgo animus occaecati pauci crastinus quos termes amplus correptius cursus. Aperiam crepusculum vel uxor demens. Cognomen ambitus accommodo. Cotidie cernuus truculenter argumentum quas. Dapifer strenuus aqua arto tergum statua alius. Tamdiu cogito at.

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