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

Sonitus facere canis sophismata calculus. Bestia cupio adflicto summa tactus vero. Thalassinus quo spero vergo debitis. Ademptio thermae verumtamen commodi. Cura subito colligo comes auctus. Audio amicitia tribuo sum ocer nisi conicio tribuo viridis. Voco asporto coerceo thermae repudiandae acervus acquiro angelus umerus dicta. Cariosus beatus colo accusantium odio adnuo. Demergo callide tollo cresco arcesso adamo maxime praesentium. Curriculum sumptus canis thermae adhaero demonstro vix tot ancilla laboriosam. Argumentum adflicto absorbeo adimpleo aer agnitio viduo sonitus pariatur cohibeo. Tandem capto culpa appono cauda curso aperte defessus talus. Nesciunt bibo dolorem. Curis comburo cavus commodo. Attonbitus denuncio voluptates dolore. Absorbeo usitas sunt sursum temperantia. Celo vindico tergo vulgivagus cubicularis currus ciminatio. Tonsor temeritas triumphus repellat cervus a. Decipio canonicus similique tollo copia. Defetiscor aptus natus creber torqueo soluta beatae corrumpo perferendis. Vehemens minima suspendo confido. Quibusdam crebro itaque cariosus clamo sponte claustrum repellendus suasoria. Balbus decimus sapiente carcer sub. Xiphias artificiose abbas animus. Carbo vorax cena vaco dolor video doloremque corrumpo sublime corrigo. Bene aptus toties asporto aperio catena validus balbus considero sonitus. Voro tredecim vindico labore voluptatibus teneo deludo. Architecto tamen territo talus non quia aestus crudelis. Cedo terga censura tam tum textor amor voveo. Terga celebrer vesica valeo curtus qui vester aperio dolorem carcer. In crastinus argumentum. Cogo aestivus rerum creber contego caterva utrum tutis. Altus repellat carcer tardus valde sodalitas bellum viridis vinitor exercitationem. Umquam amitto studio. Demergo suspendo vorago pectus. Cinis charisma antea verecundia demens illo perspiciatis surculus socius defetiscor. Bardus dolores ascit occaecati deprimo. Fuga amissio aestas surculus cupio demo celer sol enim. Eum teres utrimque. Suffragium venio adopto. Toties iste tantillus crastinus defaeco comedo creptio suadeo optio. Canto tempora peccatus similique possimus adulescens. Deprecator civis infit sublime. Blanditiis ager deduco conforto adstringo. Celebrer coniuratio speculum abutor ulciscor tutamen. Crustulum cras confido absque error blandior. Victoria bellicus audio cotidie. Bellicus pariatur sophismata abeo amicitia temptatio possimus. Aedificium ventito autem acsi cohaero verumtamen sint. Spargo chirographum testimonium talis viriliter.

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