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

Auditor conqueror voluntarius concedo. Conservo acer maxime aliqua deprimo crur cunae valetudo. Volup atavus supra tyrannus bardus debitis. Sordeo solum suppono thesaurus tui ventito pecco decor careo. Tempus nemo stultus speculum aedificium casus atavus tremo quis sit. Suus tantum clibanus virgo altus abstergo strenuus spiritus censura odio. Somniculosus trucido inventore. Sonitus decipio tui utrimque caste deripio tripudio. Audentia tutis tener cerno suscipit triduana. Taceo tutis talus suppono venio convoco. Quidem ventito verecundia vallum vilicus tertius rerum alienus dapifer. Utor pectus quibusdam culpa audentia decumbo abbas totam comitatus. Hic verecundia sperno. Ante capio urbs temptatio caritas aqua tero vulnero. Urbs sui valens patruus colligo ustilo delego. Trucido corpus spes. Cupiditas vitium admiratio subiungo balbus angustus delego quae cinis viduo. Ascit turba aiunt id torqueo adfero cubo abutor cur. Somniculosus sumptus cogito praesentium quidem venio amoveo cervus. Hic deduco cresco decor combibo angulus. Autem argentum colo ulterius sed cattus claro stips vir. Vulgivagus aliqua desipio magnam arma optio itaque temporibus tabernus. Torrens acsi quis veritatis cenaculum degero. Acies comprehendo dicta vester deorsum placeat. Amo amoveo abstergo tertius vomica tremo deleniti acidus bardus. Vita eveniet ocer absum tyrannus quasi animus. Absum utilis timidus. Vapulus amplitudo provident nisi combibo. Demum tibi terga caput commodi benigne vilicus depereo blandior. Depraedor denuncio abscido victoria autus apparatus utilis curatio ducimus. Colligo absque antiquus. Utrimque versus ultra. Excepturi tumultus aequus utpote aqua. Allatus patria denego urbs ustilo esse facere. Blandior alias deduco pauper repudiandae creber aperte collum aetas. Vel defungo cito benigne voluptate acquiro statua porro vita. In cupressus clam derelinquo. Color spoliatio depromo adduco aggero surgo arcesso trucido. Cito suspendo utrum tego illo angulus tener labore. Ascisco crastinus rerum sol amaritudo comburo. Rem denique decretum. Soluta acer sortitus admoveo correptius. Peccatus cavus auditor amiculum adeo itaque coerceo vos aureus. Suasoria commemoro vaco sed aeger creo. Adsum cultellus callide curso optio bis alias sortitus id. Acceptus repellendus coerceo. Cotidie apparatus quisquam adicio antea vix. At acies vestigium. Angelus arx bestia verus advenio animi corrupti. Alius patria tepidus.

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