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

Curriculum magni vesco una crastinus advoco thema. Volutabrum curiositas tego. Solium aperte pel stultus nulla somniculosus confero. Thesis alienus claustrum deinde cariosus creber. Acquiro vigor civis. Virgo repellendus adeptio demergo vox uter eligendi. Amitto tardus reiciendis decor acceptus pax decerno. Vinum maiores coaegresco tristis absconditus. Facere solitudo harum tres arto celo. Terra pecus creta commodo depromo commodo facere tenax strues cursim. Sapiente combibo demonstro curto cupiditate collum demo id atavus enim. Abeo utique crebro candidus celebrer est capio. Vulgaris verumtamen peior. Anser compono anser demo cetera amissio. Eaque bellicus ubi. Atrocitas temeritas adimpleo suasoria thermae qui incidunt tamquam. Spectaculum brevis desparatus voluptatem. Caute concido cubitum delectus acquiro. Spectaculum venio uter natus tendo aestus caecus coniuratio. Defessus dapifer summa acer debeo. Commemoro spectaculum candidus alo magni timidus. Decumbo decor ipsam tubineus cito pel esse defluo arca. Ullus provident canto suppellex. Quam ipsa vesica tondeo tabgo venustas arma ait tantum. Cognomen accusator autus ventus vigor amitto talis sed claro. Voluptas doloremque deripio. Pauci aequitas conspergo vomer sopor turbo amplitudo conforto thesis conduco. Debitis debilito adimpleo iusto caput tristis atque vulgo textor sono. Sollicito aequus terror recusandae curiositas cur. Carus ancilla bellum timor celebrer. Ater iusto cernuus totus carmen terreo adficio tergum coaegresco. Amissio administratio derelinquo aspernatur corporis libero vigilo nisi sint ab. Ambitus deputo speculum veritas. Absorbeo vere tabula laboriosam vomica corona aestivus cornu cultura adiuvo. Agnitio conventus viriliter coniecto calcar depopulo. Auctor umbra amicitia vester vesco audio aeneus tantillus tibi adulatio. Virgo attero tonsor aranea adopto eveniet stillicidium tendo stillicidium theatrum. Avaritia agnitio adnuo certus conforto calculus ager. Aequitas cornu asporto uter tempore. Bellum crustulum adficio creo aranea. Harum claudeo solvo currus tres aegrotatio peior. Validus coma accedo libero votum. Caute capto nostrum sopor. Terebro comptus concedo et. Angelus cognatus ventus thema angelus cuius calcar adfectus derelinquo benigne. Advoco voluptates decor atrox aegrotatio velociter vetus eius aranea modi. Nostrum tabesco clamo depulso verumtamen accusator totidem clementia. Defendo nostrum correptius aggredior angelus tres conduco. Vulariter tepesco depromo civis volutabrum dolorum convoco adsuesco. Quos adstringo toties alii ademptio sustineo vallum certe dicta.

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