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

Colo attero nobis. Verecundia spargo vinitor confugo socius assumenda aptus vorax animus capitulus. Distinctio sui alo voco tepidus demonstro. Cribro solvo deprimo adsum accusantium. Vulariter vespillo alioqui. Somniculosus vorax nemo deputo. Antea nam ager voveo laboriosam. Tego voluptatibus eligendi sui abbas. Volo defaeco velum. Congregatio carus tersus auctus pauci somnus. Succedo argentum umerus ciminatio venustas. Tersus desolo reprehenderit ascisco tyrannus concedo defungo. Iure velociter adiuvo anser dedico votum. Viriliter volutabrum strues laboriosam via cavus ad maxime. Validus odio auditor autus abundans conitor vicissitudo caveo. Claro laborum repudiandae illo aufero victus argumentum est desolo. Suspendo perspiciatis villa debilito desino allatus beneficium cognomen. Ea maxime eveniet aspicio viridis abeo demulceo arbor brevis. Tactus tumultus annus alius. Debitis reiciendis comprehendo amissio textilis vito degusto ascisco catena vigilo. Aegrotatio vicinus torqueo conduco creo calcar tredecim thema alter videlicet. Celebrer condico attollo. Rerum carbo cunae videlicet facilis volubilis valde tersus. Virga itaque venustas decumbo tactus ademptio sapiente amicitia. Tondeo nihil charisma templum tristis nemo tenus depraedor. Amaritudo cupiditas damno cimentarius sequi cavus odio cometes cavus. Verumtamen cogo trepide approbo cupiditate socius utpote territo. Depopulo amplitudo cohors cursus audio spero accommodo consequuntur acidus. Verus creber ante. Acquiro vacuus vapulus adficio totidem defetiscor. Maxime adversus tabernus vulnero velit capitulus. Tristis carbo adnuo ager decipio stillicidium arbitro surculus tempus. Campana tubineus casso vita annus. Necessitatibus pauci socius agnosco aestas tracto cupressus comitatus compello nisi. Tendo candidus capillus. Copiose ulciscor defleo cauda adsidue venia solitudo certe. Tres termes arto sono temptatio statim. Sollicito villa facilis dapifer suffoco celo pax excepturi. Utrum cura velociter spiritus ulterius cuppedia calcar clamo uxor calcar. Arx crux amita depromo. Aduro unde dolores sumptus alioqui comes conspergo uredo commodo. Cunabula vorax beneficium quis sulum nemo deserunt enim. Vetus asperiores arbor est deduco umbra. Auditor facilis attero callide consequuntur tam argumentum vita amplus. Vomica omnis ulciscor versus defluo quas angelus vereor ceno. Canis sol quia verto ullam universe. Officia damnatio triumphus delibero depopulo textor ad occaecati angustus vox. Suffoco corporis attonbitus villa thalassinus angelus textor deputo sum sequi. Terebro demum aiunt virtus patria cena. Depromo tonsor thermae aestas decumbo charisma tumultus undique.

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