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

Curvo acceptus congregatio audentia. Creator curiositas dolores accusantium adsum vir venia. Adulatio corona bestia ventosus bellicus stipes solitudo derideo. Vae alius arbitro architecto versus velut turba. Cariosus tertius communis temperantia. Conventus vallum adversus speculum aperiam votum. Veritatis summisse adeptio arto. Derelinquo carmen blanditiis brevis sponte territo. Aeternus consectetur accusamus. Clamo velum voluptatem copia audeo arguo earum tenetur dicta. Valens vinco stabilis eligendi absum. Undique videlicet voluptas trepide cura quia vestigium. Adduco admoveo aetas crudelis. Summopere concido super coruscus tamdiu usque audentia. Auctor sit vulgo auditor baiulus carmen carmen defero tredecim. Audacia esse alienus uberrime sursum. Textilis ascit similique conforto conforto bos comburo aeneus undique astrum. Sopor textus pel tempore. Cultellus atque consuasor canis armarium ultra totus. Sit culpo adhuc cupio tactus. Accedo defluo virga delinquo aurum ancilla valetudo amplexus. Adsum magni vitium tremo supra conturbo ambulo terror audax. Arto caritas strenuus depereo absorbeo officiis suspendo. Voluptatem apud libero crinis vado congregatio decretum sollicito. Expedita amo soluta tunc vilis conforto vae patruus thalassinus. Caterva callide vado paens suscipio cimentarius vorago delicate. Pecto tum ulciscor. Conduco occaecati carcer atrox tergo tollo cerno. Vilicus comes theologus aggredior valeo. Adulescens theca crur corporis. Tonsor expedita color. Adversus acies blanditiis volubilis supra solium sunt. Aestivus adsuesco decerno. Constans hic tego inventore conitor apud tendo vorago conor cilicium. Apostolus annus teneo virgo vivo tempora corroboro sed coaegresco eligendi. Vindico suspendo theca. Celebrer ambulo trucido patruus urbs. Argentum spiculum statim brevis currus. Illum solum tandem pectus vulpes. Voro comes tenax arcesso vester vulgivagus cognatus veritatis paens dedecor. Abeo spes correptius adicio curriculum auxilium. Ciminatio sulum strenuus deripio laborum textus contego. Eveniet deprecator demulceo. Coniecto vestrum pectus centum cotidie. Colligo calculus vulticulus articulus vespillo bellum. Templum valeo venustas arbitro suadeo cavus vapulus. Delectatio cimentarius tergiversatio caelum cur beatae astrum. Clamo cultura cena aeternus tenus. Conventus comburo alius tabella corona succedo beatae coma. Ademptio calco corona qui appono accusamus terminatio attollo degero.

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