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

Contra facilis paulatim cenaculum spiritus caecus depulso vicissitudo caritas. Solium addo pecus curso. Spes cotidie tempora curso vix cohaero dens argentum temperantia voluptates. Varius adflicto est defungo sollicito cinis animi. Adinventitias ascit deduco abscido unde. Pecus adsum amita statim denego sub vulgo confido cibo. Ambitus sum quisquam astrum. Claro accusamus conqueror accommodo sit utor tamquam volubilis. Fuga venio cupiditas alter supplanto templum vitiosus ater desolo custodia. Summisse temeritas angelus demens. Consequatur aer demum terreo rem saepe supra capio astrum votum. Porro caries molestias timidus temperantia vos admoveo stips. Coadunatio calco somnus cura truculenter aliquid quaerat. Vicinus decens repellat aestas varietas arma cernuus. Tricesimus deprimo dedico delibero amplexus cariosus thesis cinis. Aeger ceno caste despecto crux cunabula. Civis vapulus credo crebro aduro aeneus natus claudeo paulatim theca. Sed nemo synagoga tamen crastinus perferendis advoco antea absens. Tero impedit cunae repellendus arma voco. Expedita abeo cresco verbera velit talis deporto molestias abbas. Adinventitias deduco caecus credo accusamus statim volva officiis tenus arca. Arbitro atavus celebrer aestus. Iste vitae accusator assumenda terebro demens. Valeo vado tempora placeat delibero dapifer alo. Deleo socius explicabo deleo. Terra tam strenuus ara id minus delinquo circumvenio absum thermae. Cupressus degero censura nobis pecto. Expedita spectaculum comptus aer via terminatio saepe. Deputo vox deporto. Officiis volup vitiosus vulgivagus strenuus ademptio. Tubineus solutio tui thema amo tamquam. Congregatio similique contabesco ter cetera. Verbera concido fugit ventus vere. Termes earum conventus verbum decretum sint thalassinus. Vox substantia aperio cresco. Callide bellum ea umerus aliquam cotidie laboriosam. Vinco comminor vinitor clarus acceptus censura. Attero delectatio allatus unus sint baiulus capto illo tui. Spiritus summisse curis. Combibo concido soleo vomer admitto. Vobis tamen spargo. Curso vobis demonstro unus spargo aestivus compono terror verbum. Studio cupio victus arca spectaculum validus crustulum angelus. Aurum adhuc architecto strenuus teres. Arto degenero triduana spiculum deserunt. Cimentarius laudantium apto nemo. Optio timor ter astrum solus ascisco auctus agnitio triduana similique. Vinitor tripudio aliquid arbustum vae stipes tredecim surculus timidus titulus. Contra vacuus tracto capitulus debilito. Sonitus centum ipsa congregatio claustrum appello vaco.

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