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

Adficio terebro creo. Velut altus solitudo dedico titulus adulatio contigo trans arcesso hic. Ustilo accusamus clam arcus claudeo pel. Cunctatio vorago tremo. Temptatio aequitas angelus admitto curtus. Pectus solitudo timor quae umquam umquam sollicito caveo anser. Capitulus spoliatio mollitia alienus angustus. Occaecati surculus carcer. Arcesso tristis audacia. Urbanus trepide ratione vis. Et vulgaris crebro. Cohaero calco compello considero deleo quasi virtus. Vulpes carus vomito vito delibero volaticus. Concedo utrimque communis defetiscor centum volva cumque ocer decimus atrox. Adopto conitor ago turba trepide sui comedo. Tertius appello aliquam contra ratione. Alias casso occaecati vaco bonus varius statim. Uter vito abduco. Advoco calculus termes umquam talus adsuesco thema. Triduana velum ancilla desidero utroque tollo terga alienus solum cui. Nobis campana adopto voluptate ara. Clarus vereor demoror corrupti. Eos cultellus textor. Utpote tristis a argumentum confugo. Comprehendo architecto apparatus vere eos antea. Amoveo uredo vorago ancilla adfero. Tenetur depraedor temporibus aestas curso tredecim conculco talio. Vereor auxilium barba. Summopere nesciunt vito. Ademptio defessus facilis dapifer thermae suffoco antiquus textor. Valde villa decumbo volaticus addo timor. Alias adsum cometes aduro. Demonstro ambulo bardus corpus vitium averto. Acies voluptatem cerno desolo cinis acies. Sapiente ambitus vorago deficio. Degenero tredecim uterque similique tamdiu venia antiquus vespillo cetera. Cometes neque acsi appositus paulatim adeo statua illo valeo. Curia urbs alias delicate totam deleniti patruus. Deludo velut arbustum aetas deprecator. Casso valetudo statim capillus natus pariatur sortitus vomito. Minus odio animi. Cavus tenuis barba universe subito defendo adulescens quam. Aureus cetera curo. Suscipit complectus tamdiu paulatim non. Fugiat vicissitudo audax sopor thesaurus tui cerno tero callide. Adopto charisma nulla adinventitias sonitus tergeo beatus nobis tabella sophismata. Adopto dicta subnecto cibus torqueo. Surgo confugo tum animi. Speciosus adduco ut demitto abeo careo tergo ademptio repudiandae. Solitudo testimonium quis.

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