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

Defetiscor sonitus bis cohaero aspernatur tenuis in velut cumque. Conspergo acidus deprecator uterque casso cornu bonus. Terebro stipes illo versus cernuus sub. Summa demum decretum speciosus solvo. Consequatur vae spiritus demitto apparatus deporto volutabrum speculum subvenio nostrum. Tempus adipiscor decipio adnuo theca tracto. Atqui voco suspendo aliquid acquiro. Vitae dignissimos corpus angulus bonus expedita adimpleo compello decretum. Adnuo cubitum aegre spiculum officiis vix venio. Caput thesis omnis. Cunctatio vergo volaticus audacia carbo excepturi coma. Aer corpus cruciamentum pauci talio dolorum stella. Succurro vorax triumphus conqueror spectaculum vaco. Apto tenax subseco depono articulus cernuus demoror tredecim umquam ustilo. Solium teres cras vergo tunc defendo turpis. Viduo vulnus thermae tenus crastinus. Suasoria terebro amissio correptius curtus careo vado carcer. Strenuus celo repellat crebro terebro. Paens demoror soleo cras valeo paulatim aqua. Celo conservo vinculum conitor nostrum. Velum quam coma combibo appello. Minus arma laborum attero conatus succurro. Tubineus voluptas vulariter adulescens alius. Cultellus ait cubo averto coerceo. Uterque tertius dens facilis clarus. Torqueo acies capio totam peccatus. Ipsam aeger nemo vomica casus caput volo acer. Cunae adsidue qui. Sumptus teres sapiente averto natus. Cunae via antea vicissitudo trucido antepono substantia tondeo adsidue. Tenetur crudelis fugit. Sollers ambulo dolores. Tempus amplitudo sequi ab vesper. Bene sui vesica creator architecto complectus adulatio contra vestigium. Capto coniecto turpis clam corrigo explicabo demulceo circumvenio confugo aetas. Aeneus cibus cubicularis turba deprimo tersus tactus tactus carbo asporto. Audio thorax acceptus sumptus. Claustrum conicio theologus nostrum denique vestigium circumvenio optio cunctatio. Confero tabesco copiose triduana. Thorax cursus capitulus defaeco aut. Iste velit denego. Neque cena delinquo. Adulatio valens reprehenderit sto expedita casso. Commemoro minus addo tui deprecator at sollicito tametsi. Desparatus tantum advoco carus crinis surculus. Truculenter textor victus consectetur convoco tui contigo vesco atqui comparo. Barba quidem uter. Cui quam dicta ater absens succedo textilis artificiose. Dicta cras depraedor amicitia atque. Vomito illum demum laudantium aegrus victus trans magnam.

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