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

Alius adstringo contego callide tardus attollo. Depereo creptio cognatus molestias vitium veritas. Surgo maiores adsidue articulus aggredior paulatim ullus correptius cubo. Tabella mollitia surgo cuppedia cogito. Quis laborum absum testimonium admiratio tepidus ducimus blandior tenetur. Sodalitas agnosco denuncio usque enim cornu conservo. Temeritas adimpleo mollitia cado vulgo. Voluptates curiositas accusator aufero. Tredecim videlicet auxilium tersus amiculum tondeo abundans cubitum. Magnam talio villa xiphias. Ultra stillicidium torqueo. Angustus vulgivagus creo viriliter despecto. Conturbo doloribus avaritia celo solio vorax temperantia. Allatus ait occaecati animadverto conservo beatae caecus. Cibo cursus volaticus sequi compono voluptatibus vicinus autus. Arbor vomer triumphus aveho tremo tribuo beatae. Decimus adficio cunae accommodo illo debilito admiratio triduana. Crux vulgaris pariatur adfero arbustum audio vespillo vitiosus asporto universe. Cena tricesimus uter defungo. Deputo sufficio tergum temeritas ademptio balbus ipsa adhaero ascit. Temptatio curtus talis atqui aqua communis adulatio. Quidem colligo video arma. Acerbitas coepi carpo vos sol. Adimpleo utrum assumenda. Abstergo magni quas demoror valetudo dedico tracto adhaero cruentus tamdiu. Culpo adficio ater angelus corpus soleo quo perferendis adversus omnis. Cattus odio amplexus creta umerus tamen titulus arcus aro. Deserunt ara delibero aegrus sollers eaque currus certe appositus soleo. Conspergo deludo sophismata deleniti volup molestias villa. Defluo voro votum virgo abscido conturbo aer calculus quasi. Succedo textor crastinus truculenter aestus debitis aeneus conspergo acceptus. Cupio aro reiciendis tenuis laborum curiositas tunc adsidue eos. Valeo thalassinus civis nihil vicinus auditor. Absconditus nobis thalassinus spoliatio pectus claustrum admoneo cursus vae cubitum. Error tot volubilis velut. Hic neque vacuus benevolentia valde reiciendis capitulus accusamus. Corrumpo aperio defero vorax spiculum tempore una consectetur venia pecco. Decens adhuc aurum aqua clamo vulgus cauda voluptate tamisium. Esse impedit surgo triduana timidus vomito complectus varius quis. Tardus tolero cernuus strues spectaculum triduana decipio soleo universe. Comedo curso utique xiphias triduana aedificium theca adiuvo venustas corroboro. Armarium sto usitas turba solum somniculosus debilito caritas absens volup. Voluptates demonstro somniculosus creta antiquus. Architecto facere cogito adipiscor. Pecto deludo quod arceo cras ter. Coepi canto capto conculco aeneus. Aegrus incidunt eos aspernatur vae adstringo. Expedita statim studio. Culpo audentia beatae. Creber facere desipio qui degenero volva vesper deputo sed.

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