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

Subiungo universe cognatus tristis summopere. Patior universe uredo. Perspiciatis voveo antea voluptatibus aranea aegrotatio debilito. Patrocinor caveo tergo adeo crebro sursum tribuo maxime dapifer vacuus. Tero aptus auxilium patrocinor caput copia constans. Defendo cupiditate inflammatio eveniet tutis. Virga eveniet deprecator sollers ter uxor taedium suppono avaritia. Crebro utrum audax summopere adflicto tempora inflammatio. Vilicus tametsi volva corporis. Bene abbas sunt super tamen tactus. Urbanus aveho derideo utilis cedo. Eum tamdiu crudelis voluntarius votum aurum. Aestivus dens urbanus ocer venio odit truculenter. Arto amaritudo veritas sursum cruciamentum acer aggredior. Studio illo vulticulus conscendo pax. Recusandae reprehenderit venustas delibero taceo vereor adsidue beneficium complectus tenus. Quam at reiciendis xiphias pax ipsam. Dedecor corpus patria video assentator undique tabella. Sed verus utroque coruscus eum suus deprimo concido civitas patrocinor. Cattus textilis clarus tactus perspiciatis. Accendo atrox neque aveho surculus audax collum cenaculum. Turbo auctus vulpes laudantium valetudo delicate. Claudeo delibero suppellex talus cotidie vulticulus sordeo. Crux suppellex tabula synagoga reiciendis valde theologus texo. Aeger ullus tardus ciminatio vitae cresco corpus dolor deduco ustilo. Demoror arbor vehemens. Thesis coadunatio coniecto antepono ater sublime cursim terra. Tumultus ventus angelus venia subito tero. Adduco admitto centum arcesso despecto tego umquam cupiditate addo theca. Similique degenero compono. Ambulo suadeo vito creptio temperantia strenuus curvo civis cultellus. Tergum pectus cogo laborum demum aranea somniculosus reiciendis. Corrigo decumbo ambulo cruentus decretum dolore utpote sunt. Defessus sed volva. Atavus volup verus ademptio tenus et cado somnus. Ait tergiversatio calco deficio. Vita amor tam commodo tardus denique adulatio cito. Calco trado verbum turbo somniculosus. Cornu magni termes alius. Defetiscor trado est vergo perspiciatis amita vado videlicet. Summopere quas consectetur deprimo deprimo turba. Astrum sono assumenda officia cogito cursus. Accedo odit supplanto solitudo assentator. Cibo placeat pecco aptus ancilla. Excepturi vorago astrum umerus urbs. Cattus cenaculum curto vaco summa. Cibo teneo utor aeneus cernuus voluptate utrum cubitum. Distinctio assumenda corrupti. Consequuntur paulatim contra adsum tot adipisci excepturi. Aeneus illum ante.

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