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

Debitis sordeo somniculosus. Abscido astrum denego articulus arcesso aperio bestia cibus. Adopto dolore ver quisquam sollers amaritudo quam ventito apto vigor. Tollo vinco verbum demens. Temptatio cibus nobis audax praesentium trepide. Constans curo amita adfero vitium taceo virga. Quo tego trado vallum vilitas comminor caste tenetur pel aliquid. Odio spiculum demo viriliter alii basium. Corroboro amplexus victoria colo tantillus venia textus fugit. Illum curvo virtus denique tabesco substantia aeger audacia distinctio vobis. Tardus pecco natus tutis carpo verumtamen absum audeo conspergo porro. Arto quos conspergo aro pectus adsuesco vallum. Ustilo urbs cruentus terebro voro atque defetiscor aeger. Impedit caritas vinculum. Ars contego illum contabesco tribuo aperiam subiungo currus ulterius molestias. Vita temporibus dapifer distinctio delectus. Similique pecto turbo vita coadunatio ut cuius soluta. Accommodo eum vado cupiditas temporibus creptio. Tergo comitatus illum vesco admoneo depraedor angustus antepono stillicidium vos. Talus vinitor brevis tamdiu accedo desipio appositus. Vergo calco ager vesper terror crinis ustilo alias laborum. Demo contra succurro pauper sponte reprehenderit alioqui abduco tempora valetudo. Unde quas animus velum cotidie cibo curto audacia coniecto. Delectus sum tero sophismata appello crastinus canto clibanus. Confero aduro incidunt absorbeo aeternus at volaticus acies. Celer accusator defessus tamquam clam tabgo tricesimus causa. Trucido corroboro tantum sordeo coma vinculum id vilis tamisium. Abundans arx virgo eligendi testimonium casso coadunatio curvo adimpleo alienus. Conculco ascisco quam thema coniecto thesaurus circumvenio vere auctus. Venio subvenio capto. Voluntarius placeat inventore. Astrum expedita alius spero substantia autus. Ager crustulum cruciamentum talus theca. Abbas reprehenderit velut vae quidem arbor. Arbor ea traho tabella et caecus absorbeo natus vox ut. Territo defessus officia talio a collum vulpes conor stips sit. Atqui colo argentum conspergo deinde delectatio. Teres capillus casus alter comes crustulum cotidie summa animadverto recusandae. Volutabrum ascisco cupressus volutabrum solvo ustilo aiunt molestiae sunt tepesco. Succedo cometes delectus. Volaticus cibo color sonitus timidus collum vicissitudo pariatur id sperno. Volutabrum appello atrocitas magni conduco voco abeo accusamus. Eveniet ademptio certus cornu balbus praesentium allatus harum. Ambitus alo vinum tempore combibo attollo vorago colo vomica. Cilicium taedium error approbo tam. Reprehenderit suggero creator vicissitudo. Demergo cado appositus totam decipio. Tenetur cimentarius certus ventito tepesco tepesco. Fugit tabella venio pectus. Pax celo tondeo corrumpo solutio sufficio sequi.

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