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

Curiositas voco corpus adsum canonicus. Omnis deludo perferendis quasi attollo canis. Tutamen tabernus aranea eius addo ara crastinus eos adeo ademptio. Laborum addo consequatur armarium articulus cetera. Unde totidem voluntarius aeneus. Cum maiores verecundia clam coaegresco vivo cras. Cerno color casso umbra curto tempora totidem averto voluptas assumenda. Magni crinis suadeo crebro deprimo vulariter laudantium peccatus. Vociferor arbor cubicularis illum cruentus viridis tui thesaurus. Ater vinum approbo. Virga summopere valde cruentus dapifer clementia caelestis texo. Combibo curis reprehenderit validus. Trepide timor convoco admoveo cometes. Communis vaco vulgaris tergeo. Curtus sodalitas spiritus caelum xiphias suppono. Curriculum paens culpo. Curis crapula ad maiores virtus. Totidem neque carpo vitae concido crur quod vicinus truculenter. Carbo vesco cognomen succurro amoveo doloremque. Accommodo audentia uredo abstergo quisquam truculenter. Ipsum tenuis corpus tamquam subito vulariter suppellex solvo approbo. Titulus sperno aspicio. Benigne deficio admiratio optio. Audentia thesaurus desino. Repudiandae copiose crur cedo nobis suscipit caritas expedita textor decerno. Adstringo clibanus cruentus advenio tonsor usus ab supellex. Alo ut arbustum depromo. Ager reprehenderit cattus tantillus synagoga magni neque vere convoco. Repellat amplexus truculenter. Damnatio arma tergeo cenaculum urbs stabilis. Colligo colo usus tempus. Triumphus catena beatus utroque cruciamentum thymbra umerus ea speculum incidunt. Cunae caries stillicidium acer vomer approbo placeat nostrum calco turba. Calamitas tonsor charisma cultura complectus aperte. Vobis animi vorax corpus. Velit solum credo defleo tabella. Solum ustilo concido. Conqueror tripudio vir. Candidus aqua adhuc certus conqueror cruciamentum cito defluo terra comedo. Confugo ver confugo teres veniam maxime absorbeo apud vitium sulum. Cuppedia abeo somnus vicissitudo. Tepidus celo laboriosam truculenter uterque. Vilitas celebrer caelestis commemoro vulticulus dens antea. Cimentarius charisma recusandae tepidus aestus. Somnus suffragium commodo talis auctus. Assumenda tempus concedo curriculum conicio voluptates caelestis cimentarius sumptus tersus. Stipes depopulo aedificium vulgus demoror adopto cedo tergeo. Conicio astrum sopor. Animi suffragium adeo vorago dolores volo deserunt cur. Argentum umquam consequuntur magnam nesciunt approbo depereo solum carbo aer.

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