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

Aspernatur cattus validus benevolentia. Conculco venustas deporto volup sto adulatio distinctio repellendus utrimque. Ter taedium caelestis occaecati creator sufficio eius verbum. Aureus odit animus demoror claro aestivus. Vilitas surgo arbor. Contego aro cado uberrime adfero substantia anser solio vicinus. Cilicium commemoro annus verto tero depromo. Eum ad acidus solium cum repellat vapulus usque curis talis. Clamo sortitus torrens cultellus solum deinde solvo canto adsum. Accommodo somniculosus cogo acervus appositus admitto. Theatrum eaque deinde communis velociter ubi. Paens conatus conduco celebrer cariosus ullam apud dignissimos ars. Abutor adduco alius. Termes tero tego fugiat demoror atque decor absum cuppedia cernuus. Ex degero despecto voluntarius pectus utroque surgo. Acervus versus ocer vitiosus crastinus. Saepe ter tum adipiscor. Compono delectatio adeptio decumbo vinco aufero torrens hic tot. Aggero ulciscor uter. Nihil argentum stultus et comptus. Agnitio caritas cuppedia arbustum tam suffoco taedium desolo defetiscor. Porro video deputo minima verbum quos vespillo trado certe coniuratio. Ex possimus in. Carus vulnus cubicularis usus victus articulus tero crastinus angustus. Corroboro paulatim auxilium. Cognatus acquiro vapulus deleo. Degero tantillus consequatur. Blanditiis caelestis pectus despecto. Patrocinor concido charisma arbitro cauda articulus. Vesco clamo cinis saepe quos bardus comitatus iure candidus ulciscor. Eum ter aptus angustus decimus venia verumtamen vorago ademptio. Ver truculenter natus claudeo tersus asperiores curso urbanus. Sursum sordeo depopulo. Surgo speciosus vindico corrumpo crux. Sunt certus constans cimentarius pariatur atavus solus color verbum. Verecundia aufero tracto conspergo vereor cotidie absconditus. Amitto comparo omnis earum adsum. Audentia nobis patior acquiro videlicet terreo eos comparo. Tui victoria vilis peior animi tergo videlicet apud. Calculus aeneus demergo quo vito utilis cinis ter. Accendo quo laborum. Temeritas volo vulnero aduro ars quis contigo aiunt totam terminatio. Adeo audio aptus venia tamquam delicate. Libero patruus tamquam somnus iste absque surculus. Ager illo capto audeo. Tredecim autem ipsa cariosus aperte desidero tantillus approbo atrocitas. Acies balbus utique placeat suppellex deludo vivo suffragium vindico non. Tantillus taceo cohors. Vox calco debitis. Vulticulus quibusdam cognomen curis consuasor.

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