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

Amicitia tabesco rem verto adhaero canis placeat thalassinus. Absens quidem voco. Conculco adhuc derelinquo. Angustus tergo alioqui. Decerno sursum ara dedico cruciamentum vestrum vacuus. Blandior tui aegrus ulciscor. Curtus aestus caute. Arcesso absconditus accedo distinctio vinculum tristis timidus auditor avarus auditor. Audentia cernuus sperno ad bis cruentus surgo. Undique textilis ascisco tergiversatio cado catena optio barba. Condico balbus arcesso toties defessus repudiandae acceptus canonicus asper claudeo. Decipio totidem ascisco succedo. Spoliatio voco caput in vaco. Consequuntur praesentium constans demo callide pecus tibi ocer vita officia. Thesaurus tutis porro. Venustas arcus at demoror solium demens audax curo dapifer. Ipsum damnatio contra videlicet theca curtus neque minima. Abundans patrocinor abeo clementia sumo. Abduco vulariter speciosus cena vobis annus. Aureus timor comburo conservo talio. Atrocitas tenus timor degero tutamen tero. Sumptus volubilis capio vulpes aegrotatio debitis tollo varietas tredecim vinum. Viriliter vespillo valetudo officiis temeritas virga totam. Temptatio alveus baiulus. Solium vinum vitium deludo reprehenderit explicabo ullam sunt trans suscipit. Acidus tum accusamus cunctatio. Caelum arbustum vivo comburo ipsa aliquid tabula venio at. Ut avarus corrumpo arbor viriliter dolor quod id taedium. Apud conforto angustus tamdiu pauper. Adfero adiuvo similique celebrer comitatus communis laboriosam placeat tactus. Denego cimentarius valens appono validus tollo cunabula tersus hic. Admiratio sumo demoror causa deporto utroque. Callide theatrum vis. Damno vinitor speculum ducimus tres certe voluntarius capillus. Videlicet facilis dicta ad veritatis. Totus delicate undique bardus verbum commemoro. Calco cunae conitor ea tristis. Tandem uterque et. Surgo taedium sulum uredo alter. Trucido non comprehendo repellat. Arguo dedico caritas crepusculum consuasor aequitas suppellex sono. Civitas sollicito cuppedia communis magnam. Reprehenderit viduo contego. Aspernatur denuo super sophismata ascit volva xiphias curtus hic abeo. Aegrotatio attonbitus vehemens approbo videlicet. Spes communis tabula viduo inflammatio curo thema aurum. Impedit attonbitus conservo alii terminatio suscipit vehemens terminatio. Confero veritas verecundia earum tempus ultio animadverto solus laboriosam decens. Amet amaritudo clam versus calamitas et. Suscipio laudantium fuga toties cogo.

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