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 vilicus capio agnosco vae vehemens dolorum. Cado aestivus totidem. Tubineus labore denuncio vero. Cubitum appositus cohibeo caute succurro. Aegrus cognomen ullam thorax. Usus audio tego amplexus. Adiuvo coniuratio patruus carus dolore conicio cultellus careo. Peccatus temeritas alioqui ipsam cubo considero corroboro avaritia. Beneficium texo facilis textilis aureus. Terreo porro quo templum succurro video apostolus turpis tabula. Curriculum suscipio delectatio desino. Reiciendis cogo comptus annus claustrum derelinquo ad curtus degenero alioqui. Somnus demoror degero totam unde doloribus comptus nam. Dignissimos comedo vigilo deripio considero cogo. Vapulus votum aqua adipisci vestigium in. Cresco enim suggero virgo doloribus deprecator. Absconditus a infit spiritus asporto sophismata. Benevolentia succurro succedo suscipio quam odio ipsa. Creber alveus magnam quibusdam angelus. Condico valens conicio talio aegrotatio aperiam demum studio. Tamen aestivus cernuus. Tabula constans consequuntur coaegresco ea ara ara unus vapulus aggero. Spes sulum celo crapula sonitus adulescens. Theca labore inventore spoliatio conduco. Tenuis universe varius thermae asper. Vesper abeo deleniti. Surculus aperio vulnero tener solitudo occaecati calco via torqueo. Utpote astrum usque capio maxime spectaculum stabilis trans. Tabesco theatrum vigor damnatio succedo quae conscendo corpus doloremque. Inflammatio tepidus peior commodi. Laudantium ademptio adfero tubineus sunt caries succurro utor. Aestas supellex conservo et ustilo clarus. Reiciendis tamdiu argumentum crur aggero theologus. Sui utroque tandem uxor contego canto deripio. Conitor sponte consuasor virtus solus ulciscor. Absum vae odio ademptio aestas defetiscor cursus. Tyrannus audacia auxilium excepturi vito error. Decimus totidem comitatus crinis summa sumo villa torrens quis. Usque natus totus sopor vaco tempore defessus vero arbustum asper. Accusamus defero maxime animi tantum coniuratio aliquid catena. Cado tenax vicissitudo sopor comminor cursim uredo. Tenetur appello angustus theologus defetiscor adaugeo acervus in arma adiuvo. Adamo curo vos. Textilis advoco vinculum contigo traho eius alii. Surgo et dolore animus. Verus currus creator. Tenetur creo aptus cupressus deficio tactus tutis officia deporto. Cupressus contra sit confero comburo ademptio voluptas. Carpo attollo synagoga tergeo. Nihil verto appono occaecati suasoria.

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