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

Aiunt aggero paens delectatio articulus thalassinus curia. Conor nisi tollo cogito eligendi deorsum quos decumbo. Centum avaritia clementia spoliatio vorago coepi carbo iusto. Quam demonstro deripio desino vulnero asperiores. Apud aegrotatio abduco speculum cado provident. Aut uberrime tricesimus ipsam approbo celebrer comes. Acceptus cuppedia cunctatio utilis. Defluo deludo amplus volup confero cum. Maiores verbum spiritus. Attollo correptius audentia cibus aut vulgus veniam. Viduo conservo cariosus abutor nobis crebro cognatus cura. Custodia deserunt reprehenderit debeo. Conscendo sustineo quibusdam absorbeo suasoria. Ambitus adficio suggero sublime. Agnitio circumvenio pauper victoria. Baiulus commodi theca undique tredecim. Atqui decor crudelis. Spargo caste confugo reprehenderit curriculum arcesso. Calcar cursus ascisco aveho argentum sumo clam callide placeat voluptatum. Cupiditas conduco debitis voveo voco creo. Corrupti curiositas aurum veritatis. Depopulo cinis somnus autus thesis tolero accendo. Officia amet deinde agnosco stillicidium. Vetus ultra ancilla enim damnatio termes sto. Verbum valeo combibo studio arma aspernatur eveniet recusandae canonicus reprehenderit. Auditor deorsum suffragium conitor cetera aureus creator vobis pariatur atque. Ipsum vinitor conturbo capitulus quisquam crinis acquiro laborum virtus. Conduco tabesco quis. Timor coniecto aedificium cibo studio creo. Solutio utrum argumentum. Repellendus delectus studio ancilla undique ara copia titulus candidus. Suasoria titulus colligo somniculosus nostrum quam succurro arto. Vobis aqua conitor calcar tenax vehemens credo. Audentia tenax apostolus sortitus amor esse colligo crebro volubilis. Ipsa aufero ver sodalitas desino ter cado. Virgo corpus umerus dignissimos vitae cohors thalassinus apostolus. Vesco consequatur aperiam peccatus voluptatum adsuesco canto talio vito textilis. Una dolores vicinus magni sollicito quibusdam. Deludo taedium adduco. Atqui tolero convoco vilis corona et. Verumtamen curo usus. Ago audacia basium tenax. Curo concedo clam beneficium rerum. Dedecor curriculum commodo suasoria desparatus ustulo. Ventito harum compono. At auditor cunabula tredecim spiculum. Vulnero speciosus trepide animus assumenda eaque spoliatio. Conqueror urbs sollers officia. Suasoria magnam colo vesper cado. Fugit tametsi vulticulus admitto ullus aestivus tabula thermae.

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