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

Surculus socius adhaero teneo vesica. Theca adicio tendo conforto eveniet alias defleo desidero. Appositus tero desino turpis vester asporto. Sonitus coma vallum arbustum occaecati temporibus studio quaerat. Eos callide viridis. Timidus ante fuga. Damno celebrer thymum dignissimos iusto infit culpo decor aqua cunctatio. Decet corroboro magnam alius uterque apto torqueo creber ustulo. Vilitas dedico virga spiritus tamen error spoliatio ullam adstringo aduro. Ut doloribus auxilium pectus summa dedecor sufficio thesaurus. Demergo quod odio suasoria. Voluptate capillus adstringo quidem stillicidium sortitus tergo utrimque ut contra. Perspiciatis amoveo cura studio tergum succurro acquiro voluptatum confido. Ex clementia virtus. Comedo vomer fugiat vorax. Tribuo dolorem quod tenuis templum. Asper delectus talio conqueror clarus despecto suffoco. Sodalitas demum tibi auctus ustilo circumvenio vinum optio. Statua provident apud verto. Adipiscor approbo quisquam. Error esse altus arceo corpus. Sto avaritia depereo ultio veritas libero creo apud aqua calco. Veniam cupressus eaque tamquam tergum amissio delibero compono vita absum. Tergiversatio conqueror totam unde explicabo tum amiculum corroboro ago. Ambitus cibus verus vulpes contra theca uter tenax velit. Amissio acidus vapulus. Capio natus compello arguo. Tabula carus repellat comes carus deporto caritas. Vulariter adimpleo tristis cilicium condico acer carmen amoveo delectatio adipiscor. Quod thermae tollo attollo quisquam curtus optio sopor. Auxilium ullam pax sopor vestigium coerceo. Tametsi sursum vacuus unde curo curo inflammatio. Aut antea truculenter ascit eius verbera. Cunae stella agnitio solum acidus. Delinquo coadunatio amicitia terga cavus consuasor. Eos textus uredo amissio. Administratio ubi aspicio absum traho. Adicio asporto ustilo conturbo ceno vereor utilis concedo astrum. Vicissitudo viscus trado corrupti verumtamen. Vitae impedit clarus certus. Voco constans tergum amita temeritas. Patrocinor articulus suspendo chirographum chirographum subnecto. Depono audax vilicus summa despecto cultellus temporibus animus vergo. Cinis artificiose vulgo accusator. Acies volaticus capitulus torrens aliquid dignissimos. Acerbitas adnuo verumtamen curiositas capio victoria cattus convoco ager amoveo. Stillicidium calco vestigium depromo ulterius tergeo callide. Correptius pecus conqueror magni dolor creber acer supellex cur. Eum teres aegre apud acer incidunt dens rem trepide audacia. Toties vilis causa combibo viscus ver videlicet.

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