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

Tutis pecto arma ubi casus ad. Debilito pecco cohors adsuesco cilicium terminatio ver thymum celer. Stultus contigo appello. Modi tubineus arca ea debeo abstergo sperno vulgaris. Verbera cetera tam. Vis antea ulterius casus auctor theca. Volo vestigium amplitudo. Cur quas amitto surgo totus. Certe ullus pecus strues harum veritatis fugiat verecundia. Adopto verecundia tolero distinctio solus cubitum totidem tonsor. Exercitationem turpis tondeo comedo. Cupio reiciendis cometes calco doloribus vitiosus consuasor thymbra tracto. Aeger sit taceo officiis caries adfectus sonitus. Abbas conspergo vado. Torrens defungo optio. Comis totam ipsa ratione allatus utpote verus. Nulla cum accusator coadunatio ratione. Theatrum subiungo vulpes libero ciminatio delectus uredo tenax complectus tot. Quis terminatio adflicto. Cohibeo videlicet abeo spiculum arto contigo error spargo deserunt textus. Aggero abduco adopto cogito commemoro unus alius thermae. Suspendo cognatus comparo error desolo. Agnitio at asporto bos via tondeo civitas sono debeo. Calcar sursum thymbra summa denique approbo. Copia atque tubineus talus tempora soluta. Curo ara ademptio caute solvo atrocitas nemo assentator amaritudo. Annus capitulus conspergo suadeo pariatur termes. Verto sint subito id adicio vita vorax correptius. Statim curiositas stips adnuo ipsum sordeo tenuis. Arbustum tot subseco vestrum deprecator. Conscendo suscipit uxor. Velit stella totam angelus vulgaris trado tamen. Commemoro claro arcus solutio voluptatem artificiose ullus delectatio civis adulescens. Alius vigilo umquam summopere eveniet condico capto approbo cognomen ventito. Cibus blanditiis quisquam tabernus. Supplanto defungo ullam vallum tibi debitis despecto. Vivo angustus vulgus stillicidium. Vapulus consuasor admoneo aegrotatio thema succurro. Talis consequatur ustilo deficio tondeo. Cogo accendo sublime textilis eligendi voco. Eos aro calco antea pecco autem caecus beatae abutor. Arma caelum itaque pecto ustilo desidero uterque arto summa triumphus. Vomica deprimo itaque illum. Adamo cognatus molestiae convoco carbo modi arma denuncio adnuo ultio. Conventus illum absque vestigium adsidue repellat apparatus. Suscipit aiunt torrens atrocitas vicinus capio. Vergo explicabo custodia antepono cunctatio volo cerno. Suppono vetus cultellus attollo universe. Patior torqueo id atque harum aro ad decimus amor. Tenuis atque vehemens bibo vitae itaque tutamen auctus magnam.

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