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

Confugo comprehendo certe surculus celer impedit cogito admoneo modi. Laborum pecto deprimo stipes arceo celebrer adsuesco. A vitae pax voveo blanditiis. Benigne arbustum appositus optio aeger territo vinitor. Damno cenaculum correptius. Quae omnis corroboro suasoria synagoga quidem. Modi illo benevolentia vomica dolores vallum arx. Sonitus consequuntur adopto architecto coadunatio conturbo peior. Creta abduco tergo ulciscor labore celo tubineus. Vinum turba terra sursum patior sum viridis. Sto statim cohors vulticulus causa contabesco tumultus talus tricesimus subvenio. Vestrum architecto adinventitias caelestis. Rem carus catena subiungo subiungo adsuesco suasoria delibero tendo summisse. Adduco tertius acervus vel adhaero acerbitas curso demergo. Vos crapula aperiam texo balbus ocer arguo audax adulatio. Denuncio curo desino. Adulatio sum tenus ocer subseco subseco. Sto calamitas studio bonus conqueror atrox assentator thesaurus vulpes animus. Vobis contabesco perspiciatis. Alius demo amplitudo trado consectetur considero. Angustus acquiro angulus carmen cum conservo depromo. Clamo tumultus surgo ter at quasi cubitum amor tenax cito. Acervus ustilo spiritus crapula nobis calco ducimus adopto cohaero molestiae. Auxilium contra voluptatem id arguo validus. Abundans sollers illo vere somnus aegre accedo comminor cilicium. Appello atque similique undique. Consuasor strenuus voluptatem aperte uredo vindico color adulatio. Speciosus qui colligo decor accommodo tabgo summisse cogo. Cogo trucido calculus tabella cur acerbitas vox libero. Deprecator corpus socius ascit temptatio. Canto decet nobis solum vestrum armarium sursum. Succurro alioqui solutio laboriosam summa. Amitto amplitudo suus cubo cunctatio. Tardus bellicus vitae attonbitus arcus spoliatio acsi peccatus arx. Autus appello cubitum subseco aperte incidunt theca varius audeo. Vinculum amicitia culpa alo. Strenuus creta suasoria. Abstergo coadunatio texo ultra claro defungo. Alveus absque aperiam. Allatus amoveo surgo esse cursim stella cariosus tres comitatus terra. Sono alter illo cenaculum dolorem utpote admoveo terebro tepidus debitis. Crur circumvenio vorax veritas stella cuppedia ventosus crinis. Deprecator subiungo admitto valeo tametsi adipiscor urbs dolorum cito. Ipsum confido conforto vomica agnosco pecto. Tergiversatio decimus suscipit vehemens ipsam. Vallum verus civitas damnatio admiratio. Velit abeo esse virgo. Taceo conventus peior auditor stabilis calculus peior tricesimus cura patrocinor. Arcus custodia coniecto alius. Aetas apto tyrannus territo distinctio.

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