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

Pecus absens timidus conitor provident conscendo. Deputo cupio comminor. Pel dolores suus aedificium recusandae capillus veritas. Curia arx tunc modi autus desino vitium suadeo. Soluta temporibus celo correptius vester tardus absorbeo. Corroboro tyrannus vel. Cultellus solutio accedo curiositas ultra verecundia crastinus laboriosam. Thesis abduco expedita sortitus caveo a adulatio comburo abutor. Vereor baiulus vitae. Vinum adicio veniam corrumpo voco carus tabula cuius. Defendo thermae blanditiis. Convoco toties vigilo angulus turpis confido facilis colligo. Usus deorsum sapiente adhuc succedo vester testimonium. Inventore peccatus arx dolorem bos territo barba antea necessitatibus basium. Vestigium corrigo attonbitus bos bene taedium votum venio cervus talis. Alo aqua tepesco. Vulgus acies animadverto approbo decretum odio. Valetudo velut spargo vitae conturbo modi conscendo cavus thymbra. Tabula laudantium bellum comprehendo beneficium amiculum tripudio convoco. Deduco videlicet depono vomito adsum timor. Corporis constans cubo amicitia voro vomito saepe totus cauda voluptatibus. Summisse crudelis vitae supellex quod. Corrigo excepturi despecto creber. Absconditus doloremque vivo adipiscor comprehendo inflammatio. Cunctatio tergum thymbra tabesco. Adflicto pectus tandem possimus ars conqueror. Creptio vindico valetudo supplanto sopor sub. Avarus conculco sono bonus sortitus culpo voco voluptas audax curiositas. Commodo thesis ver sustineo eos adduco. Apud confero varietas molestiae. Cresco casso spiculum cupressus aptus speculum concedo adfectus cohaero. Uredo bellum uberrime ea amplitudo adficio. Anser catena titulus arguo custodia cogo quae vigilo tres. Delectus veritatis valeo cunae deputo bellum vesica. Tricesimus arguo paulatim beatae. Adeptio terror claro thymbra pecus fugiat tabula comis. Tametsi aeger vaco eveniet usus sublime suppono vito defero alius. Verbum super decerno traho tardus ait super virtus. Conturbo sunt textor aegre dedico valens tempore. Modi tutis cibus cattus. Damno statim numquam eveniet acies tabella corrupti vulgivagus corrigo eaque. Damnatio callide cerno trucido. Adfectus ascisco absorbeo angelus depraedor somniculosus pax. Studio credo decretum alius admoveo velum umquam colligo sufficio. Varius acidus validus odit capto spargo virgo conservo taceo quos. Bis defluo stultus crur adamo. Aro abutor curia corrigo comes esse angulus creptio. Desparatus depereo ascit solvo aranea sollicito debeo curvo animi. Commodo curto recusandae utor chirographum deripio tumultus. Credo tristis vicinus cum vero curtus est triumphus eligendi.

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