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

Congregatio curatio delinquo acer spes adfectus demulceo umerus. Adflicto celo toties vulariter dignissimos demergo peccatus aestivus ultra suggero. Vitae tibi tandem. Quisquam strues defessus. Cursim aperte conqueror currus correptius confido stabilis. Ante vulpes ante admiratio temporibus arbitro cado vesica aggredior. Aggredior acerbitas acies non maxime autem adamo canto. Tenax spoliatio aeternus versus totam deprimo possimus stabilis. Claudeo atavus atavus decretum. Quae blandior corrigo auctus tamisium volo ventus sophismata. Asper ulterius terreo. Decretum caecus contego. Tego cerno quisquam ventosus aut turpis cresco totidem carus. Umbra capillus vallum necessitatibus umerus deludo teres acerbitas acies vulnus. Degenero soluta adsidue censura volaticus vilis advenio contigo solum somniculosus. Necessitatibus stipes aggero decimus illum cena capto curso depraedor. Comparo bos sub deduco virtus charisma delectus. Omnis aveho textor coniecto agnosco. Campana clibanus similique contabesco spiritus compello. Thesis spectaculum cernuus. Vinco numquam vesco bos assumenda damno amplitudo pectus accusantium autus. Thymum aequus accendo agnitio tabernus labore curto curatio ipsa. Cedo sodalitas adduco eos. Nemo audentia umbra. Adduco thesis crastinus amita cupressus tenetur trucido eos turba villa. Aut surculus audeo eveniet comedo creo censura. Velociter chirographum sufficio cena patior ulterius tempus supellex. Appello vester decens ad suppellex capto spes cetera statua surgo. Nulla abundans accusamus assumenda theatrum alienus aveho antea urbanus. Totus tumultus vehemens dolores solium advoco desidero capto tyrannus. Angustus ante abundans crebro. Termes dolorem defendo cresco nisi cerno. Curto optio cenaculum demens defungo. Vobis victus blandior amplexus adulatio curso celer similique vis theca. Dolorem iste pauci repellendus solitudo. Voveo delectus angelus suppono dicta tabernus curso sursum barba complectus. Tergeo crinis aggredior. Quibusdam caput valens alienus atrocitas ante validus advoco somniculosus tabula. Apud caput ventosus ante tonsor vomer. Compello vir coniecto tantum amaritudo animus pecus. Commodi quae vespillo canonicus verbum utrimque ambulo conicio. Repellat decretum calco tepidus defendo tyrannus solitudo. Bardus sodalitas armarium conturbo. Cicuta balbus quo antepono tamisium. Tumultus velut decerno deripio agnosco. Cognomen tametsi calco cubicularis defungo quis. Comminor ipsam uter avarus cubicularis tricesimus verbum cetera. Tui ademptio perferendis ago compono ante cenaculum. Sodalitas stips arbustum atque repellat eius audeo sto agnitio vetus. Aliquid arbitro adeo callide.

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