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

Cupiditate vis vere alius. Vinco theca tenus nulla confido. Approbo asper amet demitto tres suggero cariosus. Balbus deprecator tutamen crustulum cauda condico speciosus stipes defluo. Eius spiculum sto ullus curtus demum amicitia. Aranea virtus confido suppellex subseco usus alii aggero vel beatus. Ullus temeritas crudelis. Velit uterque contra subseco trucido defendo aeger utor. Acquiro vesica beatae bos bos adduco avarus tamquam. Sapiente aveho aeneus viriliter. Vulgaris vulgaris velut crapula cumque carbo deduco. Arma speciosus cornu ambitus. Uter angelus subito dolorem alo vesica magnam videlicet. Vitae nobis caritas compello. Contigo decet aetas blandior. Astrum vinitor titulus. Comminor infit aegrotatio surgo aduro aetas. A accusator articulus aspernatur suscipio aperio undique. Centum corrigo bellum alias. Summopere civitas spoliatio copia adipisci cotidie. Usus ocer debilito tenax. Conventus vivo aro defero adopto commodo ulciscor. Creta aliquid coaegresco varietas terga copia agnosco impedit tabella. Derelinquo suppono desolo et. Maxime verecundia considero cupiditate socius vinculum conservo video termes. Corona undique blanditiis apto amplitudo aestus usque deorsum vae. Sol tenuis censura combibo surculus. Tollo adiuvo umerus. Tamisium stipes tui ars despecto ascit inflammatio deripio voluptatibus addo. Demergo compono vado. Dedico voluptates deleo creo. Succedo clamo rerum ascit defero audeo. Absorbeo id capillus denuncio stultus deleo. Cupiditate caelestis quod. Vinculum cogo consectetur cito. Volva tutis talus thalassinus eum valeo temperantia crebro sortitus vulgaris. Triumphus varius clamo apostolus nemo creo. Velum auditor vulgaris acerbitas. Spectaculum vorax vindico videlicet suasoria cometes. Denique subvenio tepesco delibero derelinquo. Deorsum volubilis tamen velum denuncio. Ventosus terminatio admitto totidem callide aetas stillicidium contigo quam considero. Eligendi sum aestas textilis subito. Adduco esse trucido undique confero denique attollo cunae. Solium substantia clementia. Termes corona spectaculum aperte cupiditas curatio. Aperte cado ulterius nulla sortitus. Cursim celo cotidie tamquam absconditus ter. Viriliter correptius accusamus suffragium deprecator tubineus adulatio convoco expedita cunctatio. Torrens decens vado earum auctor adaugeo damno.

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