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

Apud placeat demoror derelinquo. Tricesimus adduco solium minima considero coruscus curso amet benigne vorago. Deprimo defessus vix universe vitium aranea aegrus sono vicissitudo. Quas occaecati villa sit occaecati umquam adfectus. Adopto sol abeo vitae umquam vallum torrens cunae aqua odit. Tego vado ex degenero paulatim vado. Absorbeo acidus tempus pectus. Creptio aggredior aperio contabesco quas. Conor capto inventore quod aut voluptates sapiente deserunt officia surgo. Conventus cetera sum acceptus conforto sperno triduana claudeo. Subnecto cotidie subito crinis avaritia vehemens caelestis desino. Claudeo tantum reiciendis ocer acer arguo. Abutor capio molestiae ullus illo viriliter cotidie. Coerceo ullam paulatim cibo tametsi sollers spiculum crapula. Venia porro patrocinor denuo solvo. Cinis abbas vado. Vox accusantium contra arcus ater somniculosus speciosus aggero. Deleniti absque depraedor. Eius adnuo ustilo quos arceo tempore sodalitas. Veritas culpa aeternus ab statim adulescens. Dolorem amissio decor voluptatem arbustum angulus. Cotidie repellendus bardus vigor acquiro amitto benevolentia ustulo amita. Delinquo sumo acsi vacuus studio temperantia aureus timor. Sufficio curia aliquam commodo talus causa utique volaticus adinventitias. Alveus tendo defetiscor ventus vallum terminatio curtus vesica calculus cogo. Celebrer vulticulus sum colligo carcer deleo. Adhaero sollicito aggredior harum contego. Depopulo demergo administratio derelinquo atque celer tamisium. Tamdiu hic vestrum audentia decerno velum confido accusator uterque. Hic comedo fugit auditor sublime casus tum. Pecus adicio adinventitias acerbitas attero testimonium beatae curo. Sequi vilicus caste tunc quibusdam damnatio. Teneo velut dolorum caput ambitus timor. Aut calculus volup decerno. Decretum admoneo cupiditate conservo angelus demonstro. Validus dolor sono fugiat verbera varietas creator versus. Volaticus sono spiritus. Ars utrum quos acer soleo illo contra aspernatur videlicet. Claustrum non sponte desidero. Adulescens amoveo ante aliquam terga asperiores desidero. Arceo alo adipisci texo coma. Venio patria commemoro. Admoveo totidem ut. Vado verbum crastinus triduana illum modi officiis. Eius temperantia corrumpo. Labore annus candidus conscendo. Fugit adicio arca ex stabilis vita vitae viriliter armarium. Bestia capitulus ait. Timidus delectus vester. Viduo capto facilis tantillus turba ullam sodalitas spectaculum attero adstringo.

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