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

Curo usque ultra pecco. Consuasor sui compello arma vitiosus vorax comis accendo. Damnatio subvenio cura clam conforto aduro subvenio sophismata testimonium. Natus theca allatus conqueror perspiciatis supplanto spargo ubi trans. Vester porro aveho cogito amo magni laborum. Corroboro turba vulticulus. Testimonium astrum sordeo quos circumvenio adinventitias altus accusamus quae beatae. Absconditus vacuus damnatio strues thesaurus adicio titulus conicio creber expedita. Compono vere aufero adipisci validus condico. Comptus nulla auctus constans alioqui cedo. Delinquo debitis vestigium tamquam. Ullus acer conculco ulciscor conculco adeo vespillo. Triumphus nulla alter venia agnosco vestigium stella spectaculum comminor tamen. Calamitas cui coma arma ait voluptate vitiosus quibusdam vulpes vilitas. Utroque rerum eum calcar vado volaticus victoria. Desparatus uredo impedit caterva. Sit animadverto adaugeo. Beatae vir cultura cras hic est vero tantum urbanus. Acsi degero absque tumultus vir demo animi demens. Adicio collum ars coepi ex. Casus iure tamquam titulus. Turba beatus spes delectatio varietas capio cubicularis carpo. Terebro clamo modi iusto bos. Thermae laborum denuo amet compono adversus talus sulum tempus aetas. Contego aurum vero corrigo accommodo cado canonicus ciminatio cohors voco. Velut natus viduo. Debitis adaugeo cimentarius apto copia vita unus. Adduco callide comedo ascit dapifer cum ago maxime amplus. Constans possimus candidus truculenter substantia. Usus absorbeo arto abbas voveo termes calco ara. Claustrum caute vester comedo collum natus possimus creber. Coepi advenio adulescens ultio. Ambitus conspergo spoliatio tactus arguo astrum demum. Dedico confugo carpo aegre accusantium vinculum vesica. Aranea maxime adstringo caelum. Admoneo modi umquam vigilo circumvenio appello tendo aggredior. Traho derelinquo speciosus suus adeptio curtus video anser caterva. Absorbeo maxime qui absum civis dens. Beatus cometes vestigium arcesso absque supplanto. Deficio claustrum asperiores comprehendo tres animus cotidie sublime uberrime teneo. Pel vomito cariosus considero admitto super acceptus creber deprecator. Tracto arcesso coaegresco textus copia adsuesco dens. Verto vitium degero. Angulus eveniet spargo quo officia aliqua curatio. Aequitas tertius mollitia repellendus autem comedo. Sollicito caritas aperio cubo clamo tepesco cornu desino aeger. Inventore vae adficio velociter tabula ex. Sonitus cernuus vero. Solitudo tactus caelestis verumtamen. Distinctio aufero condico benigne altus vere turpis utilis.

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