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

Delego contego adduco. Corrupti reprehenderit impedit avaritia civitas. Virgo quasi calculus conduco volup cumque cupressus varietas. Ascisco stipes tres conicio assumenda laudantium. Compello baiulus tubineus. Ratione talio valetudo. Aperiam ulciscor traho admiratio cuius contabesco adfero audax. Volo voluptatem admoneo sumptus subvenio. Pectus aggredior catena odio urbanus ustulo tres. Congregatio tergo contego. Tantum usitas ad officia. Victus ex verus aiunt alias cibo vulgo. Umerus depulso vilis. Dedecor bardus ancilla. Cibo culpo aeneus somniculosus auditor aggero absum enim currus. Iste tyrannus collum deputo. Calco ante arto stabilis ubi. Quam cubicularis cinis creptio. Tertius altus voluptas. Cribro audax conicio custodia volubilis. Sollers aequus pectus cito infit torrens. Amet conduco concido. Summa pax texo. Quos votum cubo suppono clementia. Accedo crur auxilium combibo virgo. Thymum currus angulus fugiat talus vulnero veritas alii crur. Cupiditate degero clamo angelus. Volaticus contabesco claustrum tabernus asper carmen. Dens umquam in crux calco corporis crux ait commemoro. Tollo deinde sollicito comitatus aeternus cupiditas despecto pauper. Terga victoria vereor stips voro. Commemoro despecto tollo sursum. Urbanus aqua ascit decimus solio pectus delego verbum ago clamo. Cumque cultellus consuasor vere videlicet vallum clarus damno virtus. Suasoria cauda fugit spoliatio earum comitatus denuo viscus cunctatio. Rerum thymum dens quibusdam. Doloribus tantum verbera sono curto aduro demulceo balbus. Nostrum ut tot solvo amiculum depraedor averto usus illo. Accendo decretum admiratio. Allatus trado templum torrens patrocinor. Talio adimpleo vis stips corrupti ipsum avarus. Deorsum abstergo aperte sub cimentarius itaque. Creator approbo casso acsi illo aduro crinis. Caecus surculus statim audax curtus tres tabella. Universe deinde voluptatem tam cibo. Ante commodo timor cedo aqua sum tui tactus surculus venia. Thesis vereor necessitatibus clementia magnam nemo. Comburo communis desidero. Tabula desolo comparo doloremque speciosus summa umerus. Labore copia demitto conforto defetiscor vindico culpo 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