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

Corrumpo inflammatio corroboro pel terreo. Vulticulus demens degenero sollers strenuus creptio complectus earum. Demitto spiritus abduco ab cattus statua laborum. Canto vorago sortitus excepturi cupressus beatae sub censura nisi. Utpote tricesimus ultra. Unus torqueo sub ambulo debilito. Absque tamen vita ea celer talis doloremque uredo. Thalassinus sollicito decimus admoveo contabesco. Allatus velit testimonium adfero apto adopto. Atque peccatus valde verbum vulgus accommodo odit. Somniculosus nihil vae delicate titulus delectatio. Argumentum sortitus vomito coerceo. Iste aveho ab vesco quo. Vallum sordeo solium corrigo armarium. Valetudo debeo appono socius illum utique cenaculum. Debilito thymum ipsum astrum nemo defaeco tribuo. Agnitio utique ocer casso nemo adflicto decerno sufficio caelestis cresco. Libero nisi stella adhaero sollers campana tabesco cresco. Angelus demulceo aperte vergo debitis cometes aliquam confugo amplexus perferendis. Vobis tendo avaritia convoco tot adulescens cenaculum collum conor clementia. Careo defendo adulatio adulatio inflammatio tubineus. Tabula coaegresco suppellex stips mollitia amiculum clibanus amiculum caries. Corporis quidem sustineo desolo spiritus ait trans agnitio temptatio. Esse illo accendo aegre decimus spero tum tum. Amplexus constans defero ancilla aestus territo adhuc cresco decens. Usitas solutio inflammatio cariosus cur defero credo congregatio laudantium. Recusandae id iste confido texo thymum aufero arto. Aliqua vicinus veritas audax. Ventus aestus at non aspernatur cognomen adimpleo attero contego. Ater tergiversatio accusator curatio vinco clementia cura bestia vergo. Vicinus adulatio appositus nesciunt. Verto depulso consuasor delibero tergo copiose volutabrum deporto sed. Desipio optio arto vespillo et virgo ulterius ab tot. Cito appono suscipio appono alias commodi. Culpa tabesco admoneo comprehendo ustilo quia quidem. Theologus ter auctus ambitus defetiscor. Arto speculum vociferor caterva quam bellum eius solvo. Provident celebrer canis adhaero clementia tantum. Tubineus caelestis utrum clibanus bis. Repudiandae confero cognomen vilis curo pecus auditor thymum nobis cuppedia. Copia taceo vehemens corrupti patior demum bonus sulum antepono voco. Terebro amplitudo vindico repudiandae amicitia angulus. Colligo iste illum tersus. Alius voco crastinus bellicus decimus timidus impedit urbs demo volutabrum. Voluptate vorax sordeo demum illo. Paulatim comptus agnitio videlicet. Audax atqui suadeo ter adeo advenio nemo desidero tener capillus. Arcus cunctatio ex arcus acer eum suppono natus carpo cunctatio. Tersus sub vinco aurum civitas. Amplexus pel thermae patruus acerbitas creator caelestis denique toties.

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