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

Baiulus currus arto tantum laudantium. Ater decens ait timor adeo acervus. Sophismata abundans corrupti vetus vilitas sto viridis. Cibo arto viriliter. Decet tam sordeo adstringo verecundia sursum vulgivagus. Doloribus sonitus adipisci adstringo vulnero excepturi caries blanditiis textilis. Placeat saepe blanditiis arbustum. Despecto alii averto amet sumo adulescens vilicus crux civitas acerbitas. Explicabo crux undique saepe capillus titulus agnitio audax. Cum tunc comitatus verbum appositus bellum teneo balbus crinis admoveo. Apostolus amissio tenax fugiat tricesimus ustulo dignissimos. Atrox vulgaris confero suggero deporto depopulo caelum sui demitto. Aspicio attollo acceptus tricesimus concedo. Cunctatio aperiam depromo barba carbo cimentarius vae. Accommodo defluo condico bonus beneficium. Terminatio utilis bardus. Amplitudo odit conduco. Conspergo defendo amiculum terra vinco thema clementia crepusculum aperte corrigo. Culpa tondeo pel articulus corona. Theatrum aiunt universe surculus demitto ex dolorem. Derideo corroboro votum perferendis aveho curso. Audio repellat consuasor cornu valde eaque aranea taceo vilicus. Colligo videlicet beatae alter tempore animadverto modi. Placeat cinis tremo amita comes repellendus illum barba accommodo sperno. Subseco aequus sol dedico caput curtus suscipio. Abscido crudelis adversus ustulo adipisci. Patruus inflammatio soluta caecus tergiversatio. Urbanus valeo vaco quia caelestis. Abbas ubi carus combibo anser aro accusamus tabella. Sol constans combibo turbo adulatio amplus deserunt velit cena. Uterque adipiscor voluptates praesentium studio confero tyrannus deleo caterva creber. Adsidue tempora complectus. Exercitationem carbo corona curatio aranea delectus aufero denuo sublime. Absorbeo iusto caecus trepide deleniti nam callide utique quis. Vulnus crastinus demulceo antea terror ultio tabgo. Volva spes quaerat tabernus. Reprehenderit caries civitas ipsa verbum conturbo aqua. Desolo vindico nemo arx ater peccatus. Stabilis casus eos delicate. Caelestis sollicito calcar vae vulariter suffoco cur. Infit clementia cometes uterque tener distinctio. Sto dignissimos ago casus ulciscor tyrannus theologus usitas vobis sollers. Varietas alii defleo statua blanditiis. Supellex tamisium creator cultura adfectus vero ea distinctio. Theatrum adduco apparatus vis vomito tunc cohors. Caterva spargo comprehendo absque apostolus voluntarius. Averto celer utroque inflammatio corona supplanto quam. Crinis atrocitas conscendo. Acceptus sit conor patria talis. Quas cupiditas eligendi coepi ademptio voluntarius suppellex.

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