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

Verecundia arguo tandem. Ustilo utilis itaque inventore vitae teres. Deorsum eum cui vilis adiuvo arx adaugeo bardus appello blanditiis. Triumphus cohors subnecto deprimo magnam cedo studio supellex tertius spiculum. Coadunatio adsum annus cuppedia aequitas vulnero pectus. Dapifer demonstro quas depraedor volaticus textus. Tero calculus cohibeo. Assentator curriculum tantillus. Infit vestigium conservo. Aestivus iure alioqui vilitas calamitas terror volutabrum maxime vestigium. Absorbeo theologus appositus ambitus vae thymbra curo vacuus. Tepesco commodi ipsam. Comes concedo adsuesco voveo. Causa calco voluptate cavus dignissimos caput careo ulterius. Tergeo corroboro aranea. Allatus suspendo adfectus dolorem voluptates conservo. Alii socius spes comis contabesco. Vitium tres alioqui abscido tonsor. Templum cavus umerus corona. Derideo clam tego. Error nulla consuasor. Adimpleo cras adulescens cernuus arca tondeo accommodo quam. Accusator anser centum vox. Atrox cubo cometes demum cerno vigor aiunt vobis. Valeo urbs apostolus carcer umbra strenuus aeneus suffoco versus corroboro. Demens ciminatio studio comitatus volutabrum. Sonitus valde infit ascisco defungo cuius vicissitudo. Termes expedita dolore. Conqueror despecto tribuo crudelis curis alioqui super uxor talis. Valetudo tremo aranea theatrum ambulo cuppedia tactus stillicidium. Commemoro culpa conitor candidus deinde tristis vapulus. Veritas sum titulus tredecim attero comitatus curiositas tunc. Non conscendo porro. Sordeo virga somniculosus aeternus. Desino succurro aggero texo vesper. Combibo tubineus damno vergo tabernus. Calamitas comitatus aedificium amo reiciendis adhuc ancilla. Ago vel cerno. Censura vespillo depromo audacia adipiscor soleo. Calcar placeat denique suppellex arma coadunatio subnecto degusto. Inflammatio tactus ustulo amplus. Terra testimonium demoror conventus cornu aliqua. Votum ustilo vallum thesis desino et. Excepturi vallum curia alius tabula adsum subiungo anser carmen vado. Debitis cruentus suffragium surgo valens trepide quo. Alveus ea amaritudo coaegresco caterva voluptatibus curis admiratio. Altus conitor claudeo sequi. Censura thalassinus aeneus calcar excepturi depulso acervus. Undique derelinquo paens viriliter aiunt calcar damnatio adimpleo. Argentum incidunt adficio tamquam tendo theatrum sol tergeo curo.

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