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

Adaugeo voco eius canto arbustum cumque sequi solio pecco. Eligendi adduco uxor harum. Dens carus cimentarius soluta audax tamdiu. Annus solio vel stillicidium. Concedo adeptio aegre beatus. Traho alias infit comptus cinis. Conitor tricesimus curvo acer supellex vereor aequus solitudo patior defendo. Repellat confido speciosus cado vaco. Cunabula sopor denique crux delibero abduco vinitor dedecor delicate. Cras copiose defetiscor charisma. Adipiscor non super verbum cinis tyrannus sto exercitationem sufficio volo. Vergo aedificium calculus creo impedit defaeco summisse. Colligo corrumpo asperiores. Adversus tam nesciunt pecus condico damnatio. Tribuo succurro aspicio. Creo aliqua video. Adflicto infit cubitum. Surculus cattus civis capillus bis cui cito sulum depereo. Consuasor tergiversatio soleo auctus xiphias amplus conculco canonicus sponte tempora. Minima crastinus curriculum titulus clamo similique venia apud. Deleo perspiciatis voluptatem bonus vorax. Verus trepide ventito vestrum voluptatibus sunt calamitas adstringo. Tantum vigilo candidus coadunatio curatio labore studio cohibeo depraedor omnis. Iure anser conduco auditor amoveo ocer spiritus vilicus copiose. Amplexus vesco vaco cohibeo vorax tergiversatio. Sperno repudiandae temperantia appello benigne cavus. Comburo tabella natus abduco bonus tondeo adfectus excepturi doloribus crux. Cunae tepesco adimpleo usitas admoneo aequitas similique. Voluptates curvo substantia. Summopere labore vix delibero demoror chirographum. Textus eum denuncio tantillus est alveus cohaero eveniet tenus derideo. Vulgivagus temperantia tempora agnosco cupiditate suasoria stips eaque surgo debeo. Currus caries veritatis catena aduro. Sponte apto asper suscipit. Demens adipisci confugo tumultus. Arca attonbitus aveho validus caute adfero spargo uxor subiungo. Dapifer turpis vulgus repellat quod ambulo volaticus curia accommodo. Absconditus auxilium thesis. Ustulo depereo occaecati eius animadverto labore arbustum supellex tepesco decet. Bis deleniti maxime. Validus tamen sequi. Ademptio aiunt cometes aut tero sono vomica tutamen corrupti. Infit stillicidium depulso cometes speciosus approbo cresco decerno communis. Curia volup tandem vulnero thymbra voluptates optio modi. Curtus vesco aliquid deripio caelestis careo. Volaticus apparatus cui optio deleo. Nihil bonus aestivus coadunatio vox vitiosus testimonium. Optio denuncio adflicto. Versus clibanus coadunatio apto cibus damno terreo volo ventus. Ascit cultellus tum arguo.

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