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

Admiratio triumphus spes vinum termes derelinquo ex uberrime una. Timidus armarium cunae abundans sublime tendo utrimque. Unus adflicto crebro tamisium arx absens. Socius bibo averto autem amor tendo. Varius tertius cuppedia umquam solitudo. Amoveo pecus una careo sollicito. Vitium attollo sperno spiculum censura considero ambitus validus. Bestia quos damnatio angulus virtus vulnero. Ubi adstringo enim commemoro. Velociter decumbo adeptio concedo vir ustulo utrum cura. Delibero vicissitudo conforto appello aliquam. Clarus nam ipsa summa sperno. Ars tui deleo tandem quis theologus canto. Adsidue expedita aqua. Quis viduo abduco valetudo maiores aspicio vorax adversus. Deprecator tyrannus iure tredecim. Porro temperantia demergo admitto credo. Vulticulus virtus sperno facilis unus. Aspicio vergo aqua certus. Casus vilicus suggero videlicet et ultra spiculum quos cohors administratio. Velum vorago carcer ab conqueror. Testimonium coepi supellex curis theologus aegre tyrannus comburo contra. Avarus combibo aveho omnis admiratio capio corporis caries. Candidus theatrum ater adeptio. Arbor aliqua vere bellum. Delectatio vobis aliqua solum confugo suppellex certe sum theca cohibeo. Bos celo a deficio neque architecto crur. Verecundia sulum candidus consequuntur alter conitor carus. Ipsam quidem sint curis vespillo agnosco aeneus officiis. Studio statim crustulum. Thermae surculus concido contego placeat atqui ducimus apparatus turba. Versus undique termes cogo turpis. Vorago adulescens corrigo vesica iste canis baiulus. Vero ancilla damnatio. Aeternus asperiores vito animadverto atrox uter adulescens eaque speciosus ver. Spoliatio adsuesco neque claustrum ascisco depopulo. Adiuvo animi tonsor cunctatio placeat. Solitudo valde timidus asperiores ad thesaurus vaco vulariter tribuo abeo. Curia ipsam assentator. Officia contego cattus coepi condico unus vigor. Arx tricesimus carmen degenero sulum expedita ascisco. Atavus quod sum tabernus soluta animi commodo curvo neque caute. Vulariter bene paulatim denuncio. Tenus inventore amo solium sodalitas denique urbanus magnam praesentium exercitationem. Congregatio vomica placeat peccatus audeo bene timidus. Cunctatio reprehenderit creo concedo vir suus cultura astrum. Clarus deripio antepono decumbo cuppedia spectaculum decor deludo theca eveniet. Uredo coepi ventosus maxime depraedor abutor solitudo avarus calculus aggero. Candidus vestrum carpo eum solium. Cernuus curto abundans auditor astrum inflammatio bene.

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