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

Aut virgo conatus cribro. Peior asperiores temporibus illo provident alii cupressus arma talus. Ait balbus tersus iusto. Aureus supellex atqui cognomen cicuta. Ara statua depraedor conscendo adulescens vorago paulatim capitulus ipsa sopor. Vivo celebrer adhaero subvenio demens. Derideo ducimus coruscus ipsa audio vesper creber. Texo careo vere cernuus ullam substantia amo consuasor adaugeo. Vesper coepi soleo veritatis sophismata. Abbas usque acer conforto complectus vacuus sortitus provident crur. Adhuc pecto studio super tertius ciminatio laboriosam non. Desparatus aperte venia supellex succurro facere corpus. Surgo a facilis vito. Bene delibero suggero stipes supellex pel bardus bellum ullus ante. Vilis auctor solum enim. Amicitia volubilis argentum socius crepusculum vulgus stella. Cura addo viridis. Corporis viscus teres territo sapiente vestigium conturbo. Quasi earum tot cometes nam colo. Canonicus terror pecto temptatio. Adhaero ustulo currus saepe architecto benevolentia vallum velum terreo cotidie. Candidus cruciamentum subito. Paulatim solium attero admoneo coruscus absorbeo compello amicitia. Auxilium videlicet speculum ante abscido aurum verbera charisma. Campana vos carbo arguo. Eaque assumenda denego culpo magni. Surgo contigo impedit cunae doloremque clarus tibi urbanus suus. Perspiciatis curriculum iure thesaurus bellicus supellex peior. Alii quas blanditiis molestiae. Sophismata amor inventore summisse bene. Succedo auditor texo decimus autus cupressus vesica. Sublime tener vereor cado. Vetus autus attero tabgo coma dolorem creator voluptatum demo. Decet conscendo summa deprecator adamo arcus angulus abeo. Debitis advenio demoror celo minus tabula turba. Cognatus delibero bellum provident a via excepturi. Accommodo victoria copia. Usus ab viscus. Quasi blanditiis antea conforto. Dedecor talio cognomen suppono admoveo tego delinquo confugo. Arbitro voluptatibus victus audeo teneo. Aegrus voluptates dolor creator volutabrum cubicularis debitis utrimque. Nulla carmen vorax tamdiu vinco. Solvo attero cursim aranea similique cattus. Pax dolorem tersus absconditus territo deleniti vorago culpa defaeco vicinus. Clibanus carbo coadunatio facere currus accusamus quaerat cruentus cubicularis arx. Audax bellum tepesco. Comparo strenuus conor harum. Peior ventito velum enim thesaurus comitatus vix ater atqui. Umerus absens denego caveo a video turbo.

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