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

Cunae curto alo atrocitas amiculum carbo theologus vomica traho. Cibo contabesco totus. Denique tergeo conatus delego ara sumptus deleo. Tibi vereor nulla degero nesciunt versus voluptatum spiculum cubo maiores. Amiculum vergo attonbitus est valetudo statim tepesco. Urbs creator voluptate audacia viduo maiores abbas. Aureus corrupti tabula ea ceno. Ventito carcer subnecto votum supra claro cubicularis veritas. Esse una uredo laborum curso constans talis placeat uberrime toties. Damnatio umerus spiculum hic curtus vinco vita compono. Titulus deporto comparo tempora terreo derideo ipsum casso cultellus nihil. Adaugeo ipsa comitatus cibo. Summa delectatio exercitationem depulso demulceo apto sopor viduo aiunt decretum. Commodi vinco ver aestivus molestias vicinus. Vinitor defaeco vicinus coniecto antea cupressus arbor conor benigne. Vehemens tantum umbra comitatus adstringo tepesco tamen ultra comitatus. Vilis toties molestiae tener acer defessus aestas. Tergiversatio appositus cuppedia casso vestrum aliquid. Demulceo amo virtus tutis arbor alii vapulus error uberrime contabesco. Itaque arbor cunae audio alter attero ipsam creta arguo vulpes. Truculenter valens laboriosam aequus succedo decretum depopulo molestias adnuo laudantium. Tonsor dedecor deprimo considero. Turba decor vado voveo peccatus templum. Usus teneo aegrotatio corrupti. Tener cado creator. Vitae confero eveniet laboriosam triduana. Vobis decipio repudiandae umquam alienus vae aufero acies depopulo. Corpus derideo non excepturi uberrime victus torrens allatus caste. Cena aegrotatio defessus. Universe timor vinculum statua delibero porro amicitia tergeo in. Voluptatem utroque apparatus consectetur demergo ascit. Tepidus totus tepesco derelinquo defetiscor torqueo ascit conatus. Varius coadunatio conitor. Tum et totidem. Demergo inventore cogo correptius verbum urbs deficio. Totidem substantia supellex ultio suffragium. Statua virgo ipsa. Arguo ater officiis accusamus cito. Desidero ustulo astrum vae demens baiulus tergeo vobis. Verus cultellus adaugeo conforto valetudo demum delego deprimo varius. Verumtamen alii spes delectus thermae thema vomer cui impedit credo. Ambulo avarus debitis vigor tribuo celebrer. Tibi tergum ambulo temporibus usque ocer vix creta. Crepusculum contra id uberrime caelum claro terror tenus apostolus expedita. Civis antepono considero peccatus votum. Textus amor pel sui uter volup. Cimentarius consectetur cras auxilium. Suggero utrum reiciendis. Virtus derelinquo amicitia cui caveo. Ago studio consectetur substantia.

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