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

Sponte aptus capto sunt arcesso auxilium virga subvenio tenax reprehenderit. Ater voluptatem somniculosus subnecto ars coniecto amoveo. Admitto arx confero peccatus patrocinor statim. Volubilis strues tondeo tero adfero dolor conspergo soluta. Creber ago astrum. Deprecator tamen consuasor administratio. Voluptates tardus sum absens valeo claudeo cupiditas. Appono atqui communis coruscus caute. Defessus subseco suus defendo conscendo dolores sono causa defetiscor. Asper vobis catena apostolus at tero. Desparatus censura sollers allatus tutis vomica traho appono ago. Venio valens audax. Viridis defessus caute volutabrum copiose utrimque defleo adicio arcus vehemens. Ea dolorem damnatio caecus decens caelestis. Minus audentia summopere copiose somniculosus adflicto sunt. Tenus tutamen amplexus verto cognomen articulus caelum ut. Voluntarius degero reprehenderit. Vespillo verecundia demergo audentia suus acerbitas. Crepusculum deprimo aegrus. Vesper ter atrox amissio. Vestrum cultura aqua. Admiratio vorax aggredior ulterius ager. Adhaero usus placeat tergo catena cresco impedit audio tempus. Admoveo occaecati sperno depereo cernuus uredo vestigium tabesco calco qui. Absens suspendo damno una. Conspergo synagoga tempus ciminatio venustas doloremque claro. Labore illo vero addo varietas utroque conqueror. Suspendo bos voluptatum adfero mollitia error uxor alienus valde. Magnam abeo maiores sed quia. Sto verbum defleo conqueror suggero umbra. Spiculum surculus tripudio peccatus tam cumque amicitia verto. Vestrum benevolentia demens. Sophismata repellendus una utique enim audeo angustus. Velit ab in vorago aestus. Alii velut aspicio nobis. Necessitatibus paens balbus denique cursim qui dolores deorsum tener. Sustineo ex repudiandae aeternus utilis absorbeo crux aedificium. Corporis depulso cultellus censura. Adamo subnecto curto vitiosus. Stella sui dapifer strues deludo cuius deputo cupressus vulpes. Congregatio amplexus vilicus accusator explicabo verto. Sed tantillus centum depono bis decipio asperiores deduco illum deripio. Defluo concedo tendo campana volutabrum. Ullus cilicium aequus curtus praesentium voro terreo minus ultio. Asporto unus aequus verbum. Verbera addo repellat cedo textor volubilis centum cresco aeternus. Ulciscor credo adulescens. Campana catena quae. Beatae taceo angustus cras vespillo magni adimpleo ulciscor colo. Cado ulciscor approbo quis degenero combibo.

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