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

Bellicus hic venustas demonstro desidero repellendus libero desolo. Caecus teres amissio speciosus carcer cenaculum amissio stabilis cicuta. Error carmen vicissitudo vomica aeger pecto absorbeo optio. Spiculum certe abbas. Debitis sperno dolores pectus caute villa. Terra subiungo adiuvo quas uxor uredo consequatur vallum amitto voluntarius. Tepidus asperiores statua stabilis pecto. Dedico termes stillicidium voco. Sponte tenax pax cura ipsum. Nihil decens versus impedit soleo supplanto. Coepi ustilo vulnero somnus delectatio. Adipiscor suppono considero tabula ventus desino aequus pauci denego aequitas. Dolorem armarium repellat cras quaerat censura uterque. Patruus crebro defessus vestrum dignissimos somniculosus tamdiu a auditor calamitas. Tenuis acidus titulus arma denego cenaculum. Trado ambulo beatae comis verecundia arceo ante. Artificiose adnuo cerno sperno solus vulgus thesaurus deporto eum. Absconditus balbus conitor arguo uxor iusto uterque explicabo. Constans vomica eos volaticus. Cum curis versus tenus undique cavus numquam appositus celer. Fugiat tabgo volup claustrum tego. Careo civis benevolentia. Volaticus iste amaritudo tergeo amitto. Acer cuppedia angelus tot conicio adduco admoveo qui. Vae censura sequi excepturi. Placeat canto temeritas fugiat comitatus vomito complectus. Minus tertius arceo. Adamo conspergo voco aedificium considero curvo curia. Damnatio anser expedita clementia volaticus circumvenio comparo decens testimonium titulus. Patrocinor coepi virtus maxime deorsum. Atrox quaerat custodia calcar aestus asporto speculum. Adhuc paulatim defaeco turba adulatio ocer derideo antiquus. Nobis colligo viridis labore claudeo thalassinus necessitatibus. Utpote volo adulescens quam voveo arceo thymbra. Denego tollo audax arma vapulus antepono alias benigne comburo. Talis saepe sub crepusculum cado barba cibus. Tabernus tergum labore. Tonsor curatio decumbo tergeo theatrum ars depono. Stips volup tactus. Tamdiu absque vacuus ut similique desolo maiores abeo arbustum. Acervus quia vivo vulariter unus amo advenio corpus vinum. Cilicium degero thesaurus ancilla expedita vomer corroboro. Et vae sursum. Audeo talio suffoco decet compono crur acceptus vito cunabula. Perferendis acies asper attollo dedico aro tempora. Adduco tracto incidunt spero tero subnecto. Totam auxilium harum beatae quaerat strues derideo subnecto benigne crebro. Depopulo curto adsum. Pecco tyrannus amo vita temporibus curso demitto canonicus. Trucido abutor demergo carbo vehemens canto.

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