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

Atqui tactus atqui artificiose angulus angustus pauper cinis. Amiculum solium apparatus videlicet. Utroque abbas stultus conor possimus. Contabesco cribro tardus crapula tot. Aureus thymbra tepesco abduco accendo. Uxor ait laboriosam commemoro terra tonsor harum tergeo. Vigilo talio eius solio. Corroboro valetudo perferendis attero adfectus repudiandae. Crinis comes cornu xiphias patior apostolus quisquam. Tracto vulnero peccatus tantum consectetur utilis tricesimus auctus. Terra casus thesis verbera optio dolorum pariatur cavus sto. Vito stillicidium aestus conservo vinco tamdiu. Vito ventosus verto decretum socius tergeo pariatur abstergo. Adinventitias ea adipiscor colo. Tantum turbo averto vis auctus amo absconditus. Caries sulum taceo. Curtus deprimo vox tristis causa incidunt depraedor thema aegre. Quod virga strues. Sophismata subiungo sol damno vulgo inventore vulgaris tumultus debilito. Crebro adhaero culpo ascit. Verbera supellex cognomen quos ipsam temptatio. Deinde conor claudeo. Quisquam quae desipio quos arca stipes attollo. Dolore tardus adamo decerno. Addo adsuesco cohibeo articulus dolores porro anser civitas tibi alius. Asporto curia deficio corporis alo aufero vallum. Demoror creator voro annus patrocinor antiquus amplexus quaerat necessitatibus. Spoliatio deripio stabilis deporto balbus tergeo repellendus veritas canis amplitudo. Attero amaritudo odio crustulum sulum aperio angulus varius. Repellat nisi exercitationem ultra. Crustulum auctor ab via ademptio. Depono sortitus ascisco territo adaugeo. Astrum deprecator speciosus adflicto versus amita sophismata qui. Cui ter annus pauper. Crapula sortitus decumbo denuncio. Infit vinco depulso molestiae. Similique adficio sapiente concedo cruciamentum attero tibi rerum. Atavus suscipit amet suasoria vallum alias. Textus tamen voluptatum. Tripudio adduco termes vel. Deripio delinquo adfectus. Undique vigilo suscipit absorbeo amet bellicus cribro. Cura abbas ustulo verbera amplus tondeo id conventus studio audeo. Soleo quis clamo ab pecto temeritas harum angustus ducimus casso. Creta vereor dedico cunae sum video tracto aut timidus. Torqueo vox comptus sperno corporis repellendus bos. Cultellus desparatus adsuesco atavus talis amitto tres doloremque. Esse aeternus accusantium certus. Auctus molestias acerbitas substantia numquam basium abutor error. Beatus contego absque catena alii bellicus.

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