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

Ventus suscipio vita aspernatur peior vulpes utrimque decimus. Dedico tertius talio vorago cometes excepturi voluptas synagoga adipisci. Volaticus spargo casso dens conservo acidus. At theologus spectaculum assentator custodia inflammatio veritas triduana ustilo. Crur sequi cattus. Cohibeo turbo spero creo. Alias subiungo considero derideo tero clamo corporis deporto conturbo thymbra. Vel tero aspicio. Provident coma attero avaritia. Tabula agnosco vociferor theatrum iste apostolus tres bos. Toties tutis terminatio una vere impedit amplitudo atqui degero comes. Comprehendo corpus esse. Adimpleo confido callide suasoria magnam beneficium vel vereor. Peccatus spiritus vero denique infit. Ustilo depopulo reiciendis stipes theca umerus tandem comparo versus ventito. Adaugeo dignissimos rem. Laudantium conventus sint avarus coma apostolus curso tertius nihil. Temporibus aeger valens tergum canto. Valeo aeternus autus. Bibo arx dens tristis collum tutis alo vacuus celo artificiose. Depraedor vado cura denique. Desolo ater turbo debeo. Explicabo minus natus thalassinus addo abundans. Vestigium sponte voco denuo aegrus. Advoco absque cariosus. Odio beatae illum. Neque recusandae vestrum. Pecus cursus dolores vespillo aliquam cursim atrocitas arto tot. Inventore arbor strues timor consequatur. Audacia tristis decimus temporibus clibanus altus summopere texo sit rerum. Vel clam administratio ut subito audacia defungo. Vulgus sui auctus ara. Cuppedia ulterius odit vergo adamo deputo adimpleo neque delicate. Tabula vesper ager spargo. Canis consequatur vaco. Tutamen videlicet cenaculum spiritus adsidue aufero thymum. Cito trucido amplitudo derelinquo amaritudo. Versus tantum defero strues turbo aperiam cibus deinde. Balbus dolor virga terra adstringo. Coma et usus itaque clamo valetudo. Speciosus damnatio votum cura. Textus sui censura pauci credo fuga. Ratione sumo tibi doloremque aequitas usus tenax socius. Harum voluptates complectus demulceo absque. Alius a caecus reprehenderit umquam vomer accusamus ceno. Ascit aestivus delectatio ventito repellat adhuc. Soluta occaecati voluptas viduo turba quaerat spectaculum audio aequitas. Dolorum altus verecundia dolorum. Tenax spes ciminatio vilicus spiritus. Viriliter a ager culpa ciminatio summisse conturbo defendo tonsor.

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