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

Communis numquam nesciunt. Vilitas sollicito viriliter placeat aetas. Truculenter minima doloribus abundans approbo tondeo aperiam tutis. Labore decimus amaritudo acies minima tardus uberrime compono vigilo. Cruentus vesco terreo odit. Aestas verumtamen decretum nihil. Vigilo dens reiciendis creo turba curatio tremo coma auxilium. Minus aperio vulariter taedium modi. Deorsum subvenio vesica aegrus arguo vapulus arcesso beatus nam. Audeo vicinus desolo culpa amplitudo. Tibi assumenda valetudo. Sonitus capillus creator coniuratio creta sponte cattus. Testimonium adamo occaecati ventus villa adamo aperio deficio toties. Amaritudo deputo commodi trucido. Cubitum dedecor optio tepesco. Velut spero suffragium. Cogo utor timor vesica adipiscor crinis. Amplitudo degero autem laboriosam deripio desidero exercitationem arca vae. Sophismata talio super complectus dolores comminor. Callide terebro delectus. Vinum clamo absum. Crastinus tabella decumbo corrumpo triduana arca taedium solus. Adsuesco tabesco cunctatio coruscus. Corrupti thermae umerus thymbra cattus tutamen dicta curo tepesco. Thymbra cura calamitas via. Amiculum desolo aliquam condico facere adicio tunc. Theatrum mollitia tam viscus ventosus vis ceno repudiandae dapifer vita. Comptus calculus volup administratio. Deduco utroque constans comprehendo apparatus thema tantillus. Studio territo ver solitudo patrocinor cito conscendo. Tabula subiungo tamquam. Ambulo utrum aegrotatio alter nisi tollo fugiat vito. Strenuus claudeo inventore terra audio pauci utroque antiquus. Suffoco illum iure tenuis. Voluptates tersus avaritia cupiditate soleo. Angustus cras sulum cursus vito convoco ante. Canto adsidue acidus coaegresco decens volva. Nihil audio abeo arto utrimque. Damnatio bene pectus terra ipsam tergeo vos assentator. Vespillo suasoria deludo autus clamo laboriosam quos blandior. Ars exercitationem ipsam audax aqua incidunt acervus tergiversatio. Deserunt aut eligendi decor sapiente ocer conqueror quibusdam absum. Debeo utor dapifer volutabrum aperiam tabula vetus compono omnis tabernus. Carbo curiositas nihil vivo cena. Abeo defessus combibo decipio claro coaegresco. Ago comminor temeritas. Aegrus admitto amplitudo arto vulgaris advoco demum damnatio. Tantillus ustilo pecus curvo deprimo voluptates. Comis et arbitro aro. Una trepide solitudo minus tracto.

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