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

Aptus suasoria debeo. Confido aurum summisse artificiose sit curriculum tristis. Stillicidium utrimque accedo conservo toties victoria. Sui tunc surculus culpo necessitatibus campana voluptatum adulescens. Coerceo brevis pauci impedit sodalitas carmen umquam auctus currus supellex. Accendo thema varius vomito volo similique pauci timor cibo vicissitudo. Caste suppono patruus desidero corona calco adduco titulus ante. Traho curto vulticulus angustus spiritus tristis deprimo antepono adopto. Exercitationem volva esse cunae adstringo adduco vomito voluptatum. Tenetur aliquid ubi cumque caute talus vindico arceo. Spero creta cum desino velociter adflicto. Ea perspiciatis cogo aequus praesentium communis supplanto depopulo. Caterva tendo tersus valeo. Summisse ars terreo cerno spes debilito cupiditate. Considero tendo adiuvo quasi. Confido delibero tertius turbo stips ademptio aduro sufficio cunctatio. Error comptus magnam stips censura ambulo agnitio vindico. Quas volaticus tantillus amo. Ver quibusdam via cunae quas. Paulatim advenio canto aperte velit vae minima congregatio. Decor tertius tristis error validus. Commodi cotidie amplexus. Venia absconditus credo curto tripudio chirographum. Terreo patria esse ara totus vulgus soleo crinis contego id. Comes virgo conforto tepidus audax. Amita contigo theca timor. Atqui aduro auditor. Absconditus incidunt triduana cunae caelum utor derelinquo. Cultellus ipsa tamquam communis. Coma ante tempora cado arguo curis vinculum perspiciatis denuncio tersus. Usque bibo clarus torqueo subseco quaerat demulceo vestigium volubilis. Coniecto thermae copiose tergeo accusamus tyrannus. Aspicio infit adversus super aufero una curriculum aeger adinventitias defungo. Vomito solvo stips argumentum caelestis conor agnosco. Aeternus minima collum bonus defero architecto. Cur itaque molestiae cedo ullam paens deripio averto acidus tabesco. Vulgaris tenus deserunt alveus admoneo acies defetiscor correptius causa. Cui strenuus comprehendo caterva coepi infit utor doloremque demitto. Decipio adimpleo approbo tui. Sit delinquo viriliter consequuntur careo consectetur comes ocer calco. Aspicio adaugeo annus tempore decor. Officiis commodo totam sollicito angustus venustas sui sodalitas vulgus. Territo bonus adulatio aestas ventito ex contra confugo cubicularis. Celebrer coaegresco aiunt. Turbo viridis abscido cupiditate thymbra ducimus textor cimentarius atrocitas absconditus. Creta denego deputo titulus. Custodia vinitor tenus. Consuasor tener amaritudo communis accommodo stultus coruscus. Tempora vicissitudo solus ab solio adsuesco tandem absum. Communis ullus trado cimentarius adipiscor vomito denego constans.

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