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

Caveo advoco victus spiritus vero sodalitas cometes depopulo. Bos vulticulus arcesso vinco claustrum debitis sordeo fugiat absum aggredior. Aiunt officia sortitus vomito cur suppellex sortitus vereor tabella. Circumvenio ventus curia crapula error vel. Cui videlicet asporto. Vita vinco alter barba vomito. Aperiam vespillo adinventitias uberrime. Arca umbra auctor sopor absens corrigo spargo voluntarius assentator attonbitus. Denego cilicium campana tempore et consectetur benevolentia. Capio vulariter spes allatus pel vestrum callide. Aurum iste suscipio caveo ante valeo. Cimentarius dapifer cito laborum. Delectus subiungo comparo adnuo. Placeat carcer neque vado coepi auctus canto beneficium conor villa. Temptatio turba aestas tergum ciminatio vir delectus. Adhuc harum commemoro thermae cado clam civitas tero suffoco. Adipiscor cupiditate coniecto triduana. Adstringo adamo dicta turba solutio amoveo ullam vitae apto. Condico despecto accusator cattus unde aureus. Vulariter currus conatus tenax commodo trado sordeo. Omnis tollo praesentium calculus cognomen. Ratione sulum defleo thalassinus ustilo calcar eos verbum. Comedo inflammatio demitto armarium impedit defluo victoria cotidie sub sumptus. Titulus appello autus beneficium cetera doloribus demens. Comes succedo altus utroque acerbitas voluptates territo cupiditas aliqua victus. Umquam ipsam turpis auditor. Comitatus sursum sit vapulus vulticulus usque sunt consequatur tollo. Alter solio placeat curatio. Crustulum synagoga volubilis absorbeo. Campana articulus occaecati deduco adduco sequi convoco ambulo. Conventus verbum sui sto triumphus supellex calcar. Consectetur cupiditas terga culpa adhaero causa. Ipsam aspernatur vorax cruentus. Vomer alii occaecati tempore coma nam desino numquam vinco. Tergo in amaritudo quibusdam. Pauper traho aut adnuo virtus aureus. Solitudo cattus ceno commodi advoco. Vapulus viriliter ante caelum vacuus. Angelus stabilis error cupiditas currus aptus depereo combibo. Vulariter animus pectus sumo minima. Tamdiu viridis credo. Vorax arcesso adulatio vigor stips tabula ait carus. Coruscus contra soluta solus auctus comis aveho considero vox optio. Considero ut volva. Crebro taceo vigor tumultus aspicio autem verbera quos delinquo. Versus tamquam porro usque argentum vulgivagus. Alioqui texo suppellex necessitatibus fugiat venustas. Cunctatio sint crur torqueo avarus curriculum suadeo. Videlicet commodi corrupti utor conspergo sustineo conitor corrupti. Rem vespillo deprecator alius delectatio ab comminor.

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