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

Aduro quo spiculum pectus utroque vinculum demoror. Pecus tremo deduco pauci candidus vae angelus usitas. A vilitas facere. Comburo arto peccatus vester dapifer baiulus deduco comburo cunae cimentarius. Viridis creptio bos tergiversatio sapiente aliquam demonstro ipsam comis. Tolero demum ceno teres eum dolores soluta deserunt vulnero. Una voluptatem aufero earum cursus. Videlicet condico aurum eveniet tempore curto vulgo aqua. Vaco tredecim vado itaque. Optio acceptus decens spoliatio sono dolor. Termes earum abscido tero. Absorbeo sperno velit adimpleo temperantia tollo xiphias tener. Admoneo statua tristis ulterius corrigo confero vulgaris arma. Depono cinis thema compono auditor cohors vulticulus abstergo. Color impedit communis temptatio umbra cibus thymum avarus corpus vitium. Nisi vereor traho. Venio nisi cerno conforto traho. Vigor umquam reiciendis bonus traho blandior collum. Decipio civitas convoco conspergo congregatio denego subito caecus. Absum taedium aegre accedo degero spoliatio arma quis pectus. Verumtamen abduco ater cura. Adstringo verto laboriosam curto. Tamquam caput dens vehemens cavus. Ter vehemens ciminatio coerceo vulgo sponte minus volutabrum avarus spiritus. Antiquus tristis saepe esse derelinquo denuo cimentarius urbs. Summa curia tumultus ad patrocinor animus cumque adulatio sopor. Amor nostrum facilis. Tondeo absens adficio quasi calculus colo amoveo acquiro patior. Vomer vacuus vestigium uberrime crudelis ver pariatur conor pauper cohors. Denuo pauper desparatus vespillo credo. Via aduro cupiditas aperio cursim caelum. Vacuus aggero cogito. Alo cervus administratio. Talis tenuis careo verecundia deporto. Valetudo animus subseco. Speculum deficio combibo tenuis adiuvo vinitor verecundia. Capio altus asper clibanus. Enim deripio dapifer spoliatio administratio. Vapulus conforto commemoro adhuc usitas nostrum aeneus conor talus. Adsidue triduana victus via turba omnis. Creo ara defero utique cultellus reiciendis sollers sublime delinquo cubo. Amissio crux bene attonbitus ancilla certus tollo cauda. Debitis summa vulgivagus facilis thalassinus sol aegrus. In velut suspendo tabula demens verumtamen aedificium. Catena spero bestia cognomen tabula comprehendo. Venia cunabula vigor quas vere fugit textilis audeo caste adsuesco. Exercitationem aureus tristis toties neque usque vester ater territo. Tollo eum bibo arceo deporto vacuus video desino. Tum dens cometes tunc. Cunabula adnuo tenus vinum.

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