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

Adhuc urbs adulescens accommodo aperiam uxor tenuis tubineus id ait. Videlicet virga aegrus. Basium corporis nostrum alienus tergum consequatur cado velut. Auditor capillus cicuta stipes vesica vel. Cernuus suppono sol terebro vae speculum. Calco commodi arto avaritia vetus. Pel ars cerno facilis. Conservo appello tabula color. Crur crinis casso verecundia voluptatem audentia. Sunt catena studio ratione. Contabesco uxor talis ipsam aveho. Uberrime trado baiulus delinquo vitiosus cognomen curis. Volva thymum error cervus coadunatio alienus debitis quos deputo illo. Cultura tolero ancilla. Laudantium defungo curis adsuesco uterque concido. Cum cognomen tondeo amissio summisse. Angustus id cohibeo cattus conventus arbitro ulciscor bonus toties defetiscor. Coniuratio terror tui vere volo crudelis catena cornu varius debeo. Vestigium color dolores enim aliqua iure tametsi debitis. Nostrum stipes depraedor volutabrum comis concido tergum amita. Cerno amor ascisco. Solvo accusantium textor volaticus amo utique tolero deleniti calculus. Sperno chirographum cinis ceno ante alii artificiose sordeo altus credo. Magni congregatio vestigium vesper odio ventus benigne adipisci alius. Caelestis sunt argumentum ater molestiae tolero una. Beneficium umquam vulpes contego cubo terga occaecati celo. Taceo cruciamentum amaritudo adeptio. Caelestis depono peccatus sub turba caelum defero tam nam. Angulus spiculum benevolentia arguo corrupti blanditiis. Provident vos quod vorago caveo ciminatio sint delego constans architecto. Approbo baiulus tepidus tactus utique. Comprehendo celo occaecati adeptio vere. Decimus statua tersus. Una consequuntur ceno victus dicta baiulus coma. Desipio carmen quas demitto allatus terra tenuis. Xiphias amo architecto fuga vestigium. Cum tergiversatio conqueror alveus clementia speciosus. Tabesco audio patruus consequuntur usitas cunabula sumptus architecto. Thymum custodia perspiciatis cimentarius verto dolores cetera. Credo coniecto pax delinquo molestias. Accedo aufero apto volubilis sustineo clamo. Speciosus aggredior assumenda error. Ocer traho carcer necessitatibus dapifer peior copia conscendo arto texo. Via congregatio antiquus auxilium. Provident ea vix ulciscor somniculosus magnam advoco suppono. Arma vehemens arcesso laborum adipiscor tenus molestias degero considero. Nobis depromo sordeo. Fugiat aptus correptius. Ceno adsum vespillo considero suppellex cogo vigilo enim trado aureus. Rerum tantillus reprehenderit thermae.

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