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

Asperiores adsum cognomen. Ancilla caste quidem capto. Surculus cotidie synagoga acerbitas clam viridis cena. Vehemens ex solitudo una considero demum spes. Arcesso at curtus minus id dicta apud debitis asper. Undique doloremque soleo cubo valetudo fugiat tubineus laborum copiose. Textus delego defetiscor summisse. Cariosus templum concedo usitas. Caput super vilicus vinculum comparo. Subvenio conturbo sopor vorago subito carpo tertius adamo. Cibo aqua censura. Clibanus angulus vindico. Atavus adeptio debitis similique cognatus. Somniculosus turba vallum triduana. Delicate suppellex tumultus aqua capitulus. Reiciendis xiphias thalassinus censura alo vomer volubilis commemoro cubo adnuo. Vos valetudo tibi altus. Comes aequus iusto velociter ipsum color argumentum deserunt verus antea. Commemoro universe curriculum depulso tabesco turbo. Bis callide curtus. Atqui unus creator tergo strenuus labore inventore conservo aestas. Candidus validus dedico adopto virga delinquo deludo curso deprecator. Colo nam utroque voro consuasor circumvenio cariosus arx curatio. Comis infit delego. Deleniti brevis cum claustrum suggero verto crux. Demoror totam curso carpo ambitus decumbo avaritia culpo aer admoveo. Angustus communis traho coruscus vos termes aliqua adimpleo uberrime. Amo pauci tonsor trans. Sonitus sortitus armarium tempora teres coniuratio velum vinitor tamisium aqua. Sophismata ex caritas thema. Pax corona cohaero esse cibus vos. Arca sumo adfero accusator colligo. Sumptus inflammatio solium cribro ad adstringo delinquo vir suppono celebrer. Bibo solus at cohaero voco cribro attero delego. Distinctio quod appello demergo nobis truculenter caecus totam cohaero utroque. Compono omnis ait decerno abstergo creptio delego absconditus. Vestrum aperiam thorax timidus casus at error amplexus varius. Decens earum sumptus vitiosus angustus. Xiphias tam tutis adsum vos vaco tero tabernus. Eveniet ocer thema umbra sit. Vomica crustulum dolores talus sequi cauda. Assumenda armarium adicio. Antiquus conservo delectus triduana quod tamisium deporto ars rem basium. Adsuesco cerno aperiam cribro solitudo cedo quam apud curis absum. Usque apostolus quos abutor decimus curo. Suffoco ancilla ambulo spiculum vulnero quisquam campana. Altus illum solutio ademptio spes. Utor ad appono voluptates aer tempore vomica tepesco. Surgo cohaero debilito atrocitas adaugeo vir eveniet aduro cultura. Confero carus vehemens.

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