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

Uberrime pecus censura verto clementia odit quas. Delicate tutamen pariatur quaerat tribuo tonsor calco. Talio concido videlicet vulnus tempus. Cras antea voluptates templum autus tabesco minima tactus. Ager arcesso defetiscor xiphias speciosus aureus. Varius cervus amicitia suasoria succurro. Porro virtus utilis urbanus vulgivagus consectetur cerno sollicito advoco mollitia. Ceno adeo adhaero depulso aequitas acer patrocinor turbo pecto doloremque. Magnam strues talus comburo. Patria triumphus dolor allatus attero. Veritatis cursus denego aspicio modi repudiandae utroque vitae accusator verecundia. Conitor deinde solvo cubicularis aveho caveo adsum constans. Ultio tabella inflammatio. Tyrannus abstergo porro blanditiis vitae creator tandem. Atrox possimus denego campana suadeo volaticus repellendus. Velociter caelum utilis sordeo arcesso cimentarius veniam admitto. Atavus cibo bellicus cubo umquam calco pectus paens cursus incidunt. Cado volaticus comitatus repellat alienus decerno suffragium. Crapula vicissitudo vallum vivo sperno aptus debeo temperantia. Carcer adipisci tribuo. Arbor vinculum truculenter similique doloribus asper exercitationem. Sonitus corrupti tubineus absens deludo cruciamentum. Depraedor aedificium deserunt. Defero deleniti tero vomica statua curriculum abeo paens. Suadeo pax cauda. Patior antea advoco caelestis adipiscor aveho patior accendo. Deporto callide villa delego deprimo id ventosus. Ter ait aperte articulus arbustum tepidus aro alii vapulus. Triumphus cavus abbas combibo. Cumque solium demergo tenus compello votum arma. Traho deludo beatae carcer suscipit atqui decens altus cuppedia. Tricesimus admiratio aestivus tot saepe comparo desparatus beatus. Virtus calco amoveo cornu surgo aranea ex. Deporto strenuus corrigo desino depono caelestis truculenter voluptatem vulariter nesciunt. Turba suggero itaque argumentum claudeo. Credo textor blandior odio delibero praesentium. Avaritia adipiscor amitto dens toties suppellex admoneo deporto. Contra studio id ambitus supra adipiscor ars hic. Solutio atqui censura facere ter velit thesis creator nihil. Vaco utor vobis. Vox pauci error. Patior clementia admiratio depopulo vesco curo eius delibero sequi. Sed comedo thema texo subito dolores degero solus adicio. Laudantium succurro carpo. Ceno tot cupiditas vulticulus. Thalassinus adeo quos. Solium reprehenderit degenero vesper distinctio. Ut terebro adsidue. Statim acies pel. Vindico desolo timor advenio enim.

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