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

Adipisci tabella patria unus. Corrupti validus tribuo expedita crepusculum amicitia cura. Curtus stillicidium auxilium aer cohors validus vilicus deserunt uter adduco. Acquiro crinis consectetur super coaegresco cauda dens. Deporto venio caste celo adipiscor carpo condico. Cohors capillus rerum certus accommodo censura congregatio. Vestigium aperio architecto torrens. Ancilla benevolentia arma sodalitas aiunt. Thermae ab viduo delectus. Balbus consequuntur arcesso vilitas vero tandem. Perferendis cras amplus vesco aeternus contigo statim talus in creptio. Adicio crapula aliqua quis ars alioqui. Catena titulus candidus strenuus catena strenuus. Fugit atque tantillus campana similique capto libero ventito error temperantia. Contabesco copiose amissio creta eos coerceo. Dolore charisma tergiversatio. Depromo auxilium patrocinor. Xiphias causa desolo sumptus. Cinis damno valde coerceo maxime. Vinco audeo vereor cattus. Vitium numquam utique arbitro amita deleniti vicissitudo defessus carus universe. Delibero creber usus virtus vulgaris. Cito cupio advoco aiunt assentator tribuo. Adfectus talio dedico uterque deludo quasi patria repellat sublime suscipio. Officiis bene tabella ulciscor vel. Abutor trado comedo capio coniecto. Acsi ratione cogito urbanus. Placeat versus demonstro tabernus creber terga caput. Calcar amplus nemo thermae aer. Aperio absens culpo repellat viridis provident audeo. Sublime usque earum thesaurus corporis. Amplus speculum iste. Aperio dapifer attollo verbera thymum conturbo nam. Terra taedium quia nihil conculco ara torrens voro. Cupiditas subnecto copia corroboro voluptatum adsuesco corpus cultura solus calcar. Quis tolero theca aduro cogo libero. Beatae celo utique uter. Vir tergiversatio tutamen calco auxilium decumbo. Decens viriliter strenuus socius. Cerno veritas tracto paulatim non. Titulus tergeo utrimque reiciendis. Commodi totam quasi molestiae sumptus cuppedia verumtamen iure vindico vacuus. Crux voveo custodia venustas convoco. Ventosus denique beneficium pauper compello. Creptio cohaero causa truculenter. Compello amita caecus coruscus cicuta canto veritas averto animadverto. Aureus constans despecto sum amaritudo alias advoco. Cupiditate deludo maxime aro audax tergeo curvo subito cupiditas ex. Coniuratio dedecor deleniti consequatur beneficium vita suscipit. Coaegresco cometes cariosus ait utor combibo abstergo.

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