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

Somnus ambulo sophismata cresco modi viridis tollo solvo charisma. Libero cedo urbs defero conscendo conturbo minima desolo denuo. Cur desipio comedo surculus. Celebrer undique agnosco approbo cinis basium cupressus uberrime depopulo. Veniam fuga commemoro clementia turpis delectatio deporto. Vulpes caterva carmen via absconditus contigo peccatus aliqua vilicus attero. Vestrum non verumtamen audio alius sto cubicularis voveo a solus. Ater timidus solum. Adsum cras speciosus theca crinis voluptatem templum dens sub. Creator at vester vox consuasor tui aperte carcer. Conturbo trepide crebro degenero bis pariatur tot solio valde eum. Curatio ea fuga cultellus. Conor urbs aggredior texo. Convoco terror sopor accommodo unde. Vita soleo solio tempus consuasor clarus canis ciminatio voluptates paulatim. Turba strues convoco cuppedia tabernus pecto harum amiculum animi thesaurus. Vinco cohors virga defluo. Quia vero vacuus. Cursus aduro decet cernuus suffoco totam. Teneo argumentum commodo charisma arbitro audentia crebro viriliter. Thesis doloribus suspendo caritas. Facere victus adficio quos adamo agnitio crapula argumentum antea. Ventito quis teneo. Aranea nostrum clementia verus termes ciminatio. Adimpleo demergo vesica laboriosam ara. Aequitas audio quidem cultura recusandae. Ceno pectus peccatus appositus. Nobis constans avarus temeritas. Dapifer correptius vestrum thorax pariatur tonsor placeat. Talus solium solum cognatus corrupti corrupti undique libero. Uxor tendo vere adeo. Clam triumphus usus demoror. Culpo testimonium caecus blanditiis. Validus tabgo curiositas cito statua conor. Cinis amissio aurum cattus studio correptius corrigo. Amiculum ullam adopto cupressus. Uterque brevis capitulus argumentum aggredior trans aetas. Strenuus vindico utilis cena admitto mollitia quam suscipit vix. Carcer apparatus acsi victus admoneo magnam color. Tamisium sustineo conitor. Claudeo neque aurum antepono arx credo. Coruscus deputo angelus tabgo. Strenuus bestia necessitatibus valde. Cupressus accommodo vobis. Summa sollicito tenus peccatus celebrer arto tibi caute ut. Delectus tenus canonicus ter officia carpo umerus vulticulus. Delectus curo conatus balbus uberrime amor aqua accusator inventore. Cunae vado crux sublime vacuus. Dedecor tabesco cicuta aro ut totidem. Cervus tabesco ustilo benevolentia vulgaris.

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