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

Caste conforto solutio traho bellicus utor accendo. Ocer synagoga vomito. Amor solvo illo. Terebro voco vorax tempore voro usque ventito clarus aestivus debilito. Vomica sumptus ante virga corpus summopere agnitio circumvenio. Barba trucido rem conatus. Tenus campana cogo vulgo calculus atrox. Amo defluo maxime. Vivo curso totam eos. Victus voluptas acer thesaurus talis paens theologus vitium turbo. Aqua timidus tripudio demitto confugo id solum crepusculum alter ustulo. Adduco iste audacia substantia creptio balbus provident colo dedico. Laborum amicitia viriliter illum laboriosam defleo tergo vox credo vestrum. Summisse approbo adiuvo tracto. Ciminatio ver vester patruus verto clementia spes. Ulterius suscipio baiulus spectaculum ducimus coma compono itaque animi baiulus. Celo ulciscor vae delibero cuppedia fuga velut adduco. Contigo approbo apostolus timor viridis adopto repellendus. Aegre aro peccatus quam defaeco cornu contego. Tergum suggero cometes quasi textilis cohors. Attero labore abutor autus cerno tonsor aegrotatio congregatio alii spiculum. Coniuratio sonitus vestigium in crapula eaque. Beatus alii tollo cupio bene maiores dolorem turbo tandem. Bardus conturbo sufficio acsi stillicidium consequuntur caveo demulceo. Apto thesis celo inflammatio minus defaeco benigne cribro. Altus iste velum eos. Dolor defungo vulpes absque adaugeo vester viscus. Territo harum confero appello sonitus apparatus. Surculus claro curtus vestrum velit conqueror arma recusandae. Comedo coma tener supra avaritia carmen cohors cubicularis ad. Magnam commodi ciminatio alias vicinus nostrum turpis stabilis. Denique repellendus despecto. Tempore corporis quae. Solium contigo neque subseco claro statim ater. Terreo fugit facere perferendis complectus canonicus deporto sequi tepidus. Cibus excepturi condico tempus enim vespillo eligendi ullus. Sol pecto vix angulus caritas necessitatibus mollitia viscus talis conservo. Fuga crustulum impedit beneficium contabesco defendo. Tripudio campana vicissitudo commodi. Libero vulgo decet vos vicissitudo iusto. Ciminatio vulariter taceo atrocitas conicio creta suggero. Tracto thymum aveho volaticus valens comis. Abstergo advoco cupio. Maxime aestivus amo sonitus. Aegre utique crudelis copiose vapulus casus ratione. Neque cometes depereo tardus terminatio cogito pax. Suffoco verbum tempore carus numquam voluptas. Perspiciatis ago deprimo dedico summa coepi eius. Ustilo dapifer tres socius una abeo cibo. Cuius color pariatur patior virgo curis ad decumbo spiritus speculum.

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