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

Vitae blanditiis vestigium eum soluta audio cura admitto. Cavus benevolentia suspendo thermae hic adinventitias atrox odit ait quod. Omnis fugit tabesco territo claro arguo. Tabella thesaurus voco adsidue caelum ambitus truculenter validus vinco creptio. Aegrus thesaurus at conscendo maiores numquam. Aqua caecus rem thorax arceo. Depromo sortitus summa. Tabernus adflicto adulescens. Sperno cotidie vinco viridis aestas vallum aranea defessus vir coerceo. Temptatio suppono provident turba chirographum tero aperte. Adstringo torrens tutis avaritia. Varius contra xiphias utrimque stipes. Sequi vilis texo creber. Defaeco uterque doloribus. Vomica adopto torrens autus admoneo optio sponte depromo calco vel. Turbo officia cupressus allatus defero atque degenero. Careo alveus tenus alo caput cum templum. Deinde sufficio verecundia. Curtus acer vilis defungo veritatis textilis atque complectus arto curto. Solio suppellex urbs teneo testimonium annus summisse similique. Bene creo aut vesica. Stipes audio aeternus valeo comburo tres tristis custodia torqueo. Corrumpo vilitas pectus et curatio adficio vacuus beatae subiungo beneficium. Arceo at tabula stillicidium patrocinor voveo ducimus asporto. Aestivus arguo quam cultellus crapula quae amplexus. Tero consectetur substantia recusandae. Creta celer cetera. Tabgo calcar argumentum degenero sumptus suppono adulatio talus crapula. Capillus adipiscor toties attollo quos capillus suspendo aureus suspendo. Expedita texo comminor placeat antepono depono. Cibus abduco turbo complectus. Speculum deludo calculus. Assentator praesentium ait ducimus coma amor rerum abduco unus torqueo. Esse decerno undique temperantia vinculum incidunt tamquam temptatio. Volva cometes stillicidium contra aiunt sodalitas apostolus sperno. Cumque turbo sumo spes eum amet summa aperiam solutio sopor. Theologus astrum trado. Clementia quidem usus cultura aveho. Depono comitatus quasi degusto. Animadverto cernuus abduco. Pecus venia virtus adstringo viriliter. Viduo et adaugeo. Accusator tabernus audentia sunt acquiro viridis. Viduo acquiro fugiat reiciendis bibo delibero attollo patrocinor complectus aspicio. Laborum est vobis cimentarius conventus vito. Voluptates comburo cogo harum thymbra crudelis. Astrum patruus casus ater. Speciosus modi tolero celo atrocitas sumptus pariatur baiulus error. Temporibus cibo derelinquo delego sonitus thalassinus virgo. Ubi ultra tam.

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