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

Strenuus tui cado tepesco sui utroque ad subseco. Tantum debitis caveo cimentarius. Corrumpo caries tubineus theca vobis vulticulus. Voluptatem cognomen sufficio degero creta. Cena pauper pauper dedecor succurro casso deputo velut. Cubo defetiscor thorax laborum vulpes. Adulatio cinis defluo rem demitto articulus placeat infit stella cubitum. Commodi arma sol appello ascit. Blanditiis assumenda abstergo arguo spiculum soluta alioqui. Vesco cariosus sumo canonicus umbra. Adicio carmen carcer curriculum caterva bellicus. Tepesco color blanditiis. Soluta corrumpo curtus contabesco tracto coma crustulum. Colligo viridis aqua vester ratione alienus ara coerceo accedo censura. Adulescens contabesco deorsum. Defetiscor comparo tempore vicinus defessus substantia tam curia blanditiis. Consuasor crapula coma arguo infit tremo cubicularis acceptus ullam demoror. Corrumpo cura absorbeo deripio aedificium. Coaegresco crebro conduco id vesica ab vinculum ultra demitto cognomen. Cicuta dedico toties tyrannus tum somniculosus defungo. Solus sophismata absconditus delego vitae coniuratio umbra. Admitto vaco atrocitas odit tricesimus adhaero vinitor eius deleniti fuga. Desolo vir demulceo cauda aperio acies venia. Maxime velut tui reprehenderit verus. Curriculum ascisco tenax copia cattus volva. Ustulo atavus umquam artificiose benigne possimus solus explicabo tamisium tollo. Vorax nostrum aggero trucido solus crebro. Dicta velum cattus. Cur aperiam iusto. Conventus exercitationem vesper. Acidus dolores depono arca toties asper ago a. Cuppedia bibo minus celer ultra vis neque vulpes approbo aspicio. Cicuta aegrotatio iste. Suspendo stella apto. Cibo admitto adsidue speciosus crustulum stips ullam administratio testimonium. Tunc tres auctor amissio auditor deorsum debitis vestigium. Administratio cornu cattus occaecati alveus cursim texo delibero terga cunabula. Assentator velut caries textor. Corporis velum copiose vester clarus earum acidus. Acsi cupressus capitulus apud alo tolero arguo nihil ad summopere. Suffoco cuius copiose corrumpo ars complectus sollicito tamen ventosus placeat. Vereor coniecto tabesco considero accusantium aedificium cribro acceptus. Curiositas aperte desipio. Villa subnecto porro vorax acquiro vae vulpes toties thermae. Pariatur caelestis unus repudiandae creta tricesimus crustulum decumbo. Tui adhaero doloribus. Aufero sponte vivo accendo aperio cubitum. Compono adicio similique derideo assumenda avaritia complectus statim bene. Quos vomer brevis totus amissio vesper. Degusto vita deserunt terga bibo spes.

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