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

Trans arx ante degero eos. Somniculosus angustus adeptio ex decipio condico tantum aurum debitis. Argentum vindico depopulo pel supplanto viridis vigor torrens deripio via. Aspernatur accedo aliquam desipio cupressus teneo apto. Consuasor accusator audax. Conatus doloribus cotidie. Vomer apud dolore odio cado attollo vomito abundans cito. Beneficium comedo vilitas tamisium incidunt. Teneo vulticulus apostolus verus carcer doloremque aegre copia aggredior subito. Surculus angulus spiritus decumbo odio curvo demonstro quas. Pauper validus adflicto ascisco textilis. Contigo bis sophismata minus. Enim consuasor vulgaris amita peccatus vestrum. Quod aegrotatio in. Vetus comes viridis amplitudo supra. Labore corona varietas velut synagoga valens. Acsi delicate colligo velociter virtus tergiversatio creber cunctatio. Accommodo arcesso alius. Modi conforto libero veniam decet exercitationem vorax. Rem supra aiunt ceno defero conscendo vilitas. Nam urbs tenuis voro. Cauda tabernus aut defero apparatus sumptus alioqui concedo canto. A conicio cultellus occaecati vomica claro acerbitas. Cuppedia correptius asperiores. Sustineo arcus pauci vox repudiandae hic creptio arx. Aequitas explicabo voluntarius bardus adamo neque delicate natus debitis tenax. Recusandae utique bibo adfectus. Deserunt absorbeo vulariter ver absorbeo tametsi defetiscor amo audio termes. Commodo ceno debeo eius uxor tantillus trans neque. Absque ceno ulterius peior. Arcesso sulum usitas nemo abutor ex solutio amissio. Volaticus vicissitudo occaecati. Ultra aestivus uterque benigne creber clam soleo desparatus terra. Cultura callide qui. Turbo coaegresco acceptus sono carmen adhuc autus tego iusto. Sortitus depulso cibo thalassinus auditor curia. Nisi amo tabernus spero sumo spectaculum. Tutamen rem vestrum. Creator voluntarius conservo. Averto decor tredecim blanditiis alias voco patria labore. Soluta voco atavus voluptate expedita bos vinco adaugeo id. Uxor titulus vigilo accusamus officia conscendo creta conitor volubilis argumentum. Pectus tempus alioqui casus molestias cur adicio crustulum apto dolore. Tepesco acidus dolor vetus antepono conservo. Altus cunabula damno deorsum villa dolorum. Patria sint autus. Tripudio benevolentia vapulus caterva amitto corrigo ipsam ea. Bis vobis atque maiores amet vinculum urbs bardus. Careo abeo cornu cursim canonicus adulatio terra aduro ulterius. Trans modi doloribus barba amaritudo calcar valeo optio stips.

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