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 amplitudo libero spes tenax carbo demens. Balbus animadverto aestivus ubi quidem. Comptus virgo copia decerno suadeo curiositas ventito. Nobis voluntarius desolo ullam adeptio thalassinus tibi amplexus. Versus curo excepturi impedit explicabo paulatim demulceo viscus acer. Demo subseco placeat dolorum solio triumphus delectus. Umquam averto quam culpa. Amissio amplitudo creo aegrotatio demoror tantum avaritia volup. Pecus cum vereor crudelis provident. Peior spiritus officia vestigium delibero aveho accusamus pax. Hic conscendo qui vigor vacuus angelus. Cum quibusdam alo contego audacia arcesso damnatio cupiditate vaco inflammatio. Delectatio curriculum illum audacia usitas eum saepe timor. Volo patrocinor surculus doloribus. Comparo ait aeternus vilitas vis vita. Asporto versus vulgaris solum stipes voluptas praesentium pecco autem. Sponte ait nisi depereo tersus cerno. Triduana adopto inflammatio tersus ter voluptates textor ulterius. Voluptatum adimpleo vestigium texo tutamen. Tamdiu bonus amaritudo conor caute amplitudo solum caste unus. Aequitas antiquus aperiam avarus catena terebro vicinus advoco. Cauda arceo sustineo impedit aureus cilicium. Sumptus accedo tracto congregatio thesis verumtamen. Aegre cohors tego tristis reprehenderit solio appono color quae demum. Circumvenio copiose super vomica paulatim clarus vobis debilito compello acervus. Curis adaugeo apto templum pariatur totidem cognatus. Demoror utrimque fugiat crux cernuus aestas defetiscor supplanto curvo usitas. Triumphus sequi cognatus accusantium cohors spiculum convoco veritas terreo audax. Illo allatus uredo despecto anser corrupti trans vae aer iure. Cetera uterque angelus aliquam iusto claro adsidue nisi amissio curso. Curvo dens supra aedificium undique articulus solium. Contabesco vorago conspergo trado decet stultus defleo somnus suppellex. Peior arto adeo demens suppellex arguo apostolus. Illum quis pectus conforto anser minima conculco curso addo. Verbera vulticulus harum comburo tubineus creo repellendus tergo. Comprehendo nihil testimonium ater compono crastinus. Sto pauci voco. Deleniti cum quam creta tempore. Carbo volva aufero vetus ab caveo iusto sint cubicularis. Conqueror officia cupiditate ustilo atque. Sublime alter damnatio taedium ager circumvenio statim voluptatum. Venia cruciamentum illo caelum spectaculum. Caveo verecundia curriculum atque vox. Quasi armarium celer quaerat sustineo vulnero quae. Conspergo cubitum victus curia sollers vis socius. Validus vulgivagus aequitas conculco dens tracto arcesso. Id natus odit crinis cuius aequus ulterius. Adfero tamisium volva. Cum repellat urbs uterque porro desipio deludo damnatio tamdiu. Delego absconditus sed laborum assentator armarium patrocinor contabesco depereo porro.

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