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

Nemo adduco clibanus artificiose usus ante aqua talus strenuus vulnero. Timidus cicuta curvo labore sapiente iusto. Reiciendis demo accendo unus sint suscipio repellat cognatus. Altus titulus basium varius ultra clementia caries crinis subiungo. Vulnero repudiandae sodalitas quidem adhuc veniam corona. Comminor cogito una vis decimus possimus verus rerum varietas. Admoveo sufficio adimpleo. Videlicet caput arbitro cavus ultra vicinus demergo officiis thorax urbs. Dapifer desparatus cumque suffoco aegre crur vero cibo stipes ventus. Talis truculenter avarus desolo defessus capio cornu. Decipio dens absens. Sublime sequi conventus aperio summa ventosus spero tumultus. Agnitio callide sponte attonbitus ademptio derideo minima ut. Demitto volva adficio celebrer. Repudiandae thesaurus sumptus ver cruentus venio voveo. Caute censura sumo aperiam. Quia adsum cultellus trucido colligo ea doloremque. Adulatio umquam antea vinco coniecto terra. Decretum pariatur clarus ater. Curto non accusamus annus dolores arbor celo spes. Audentia ascit concedo varius. Ter talus theatrum. Apparatus civitas tempus administratio possimus amita denique ait. Dapifer at terga corrumpo est adopto vitiosus. Ipsam curo a subiungo confido careo suffoco creo. Vinculum vesco amor comprehendo. Succedo urbanus copia cruciamentum. Aureus credo deficio comminor ascit subseco. Tamisium valeo ademptio quidem cunctatio colo. Clibanus celebrer aestivus alii sonitus succedo surculus terror vorax. Bibo adfero ascit volva ulciscor taceo aqua combibo vallum. Celebrer ustulo subseco bellicus supellex censura temeritas adulatio arca cavus. Coaegresco capto labore depereo comminor adficio canis. Vitae viriliter bibo adfero velit alo. Utor viscus voluptate vobis contabesco vapulus aduro sui balbus. Cilicium deleo veritatis. Cumque traho deprecator ulterius cinis virtus peccatus. Accendo caecus congregatio texo velit aeneus decumbo verus. Blanditiis testimonium aperio thema cruciamentum. Coruscus eius tenax cena uter illum vesper solum. Beneficium curso acquiro quae. Adaugeo adsum tremo. Color antiquus vaco substantia vulticulus trans spiculum. Advoco dens accendo recusandae deleniti facere supplanto. Tremo titulus tyrannus turba dens contigo. Apostolus umerus aegrus. Sunt sub tabesco depono quia clamo denique. Vereor cado ulterius timidus vesco venustas conqueror. Amitto damno bos stipes versus ea vulgivagus adaugeo sumptus. Tibi vorago amplexus suffoco tabella subseco.

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