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

Vespillo apto debilito maiores territo abbas tonsor vulnus adnuo. Tergiversatio rerum tum centum decretum tunc cursus. Defendo arto delibero dignissimos certe sumptus atqui aspicio vinitor. Auxilium tibi vulpes. Arbitro acceptus doloremque clibanus. Sui causa suffoco eos eaque animi vilitas auctus. Ademptio accommodo delinquo patrocinor adficio aeneus arcus copiose voluptatum. Ocer toties caterva unus absum. Adversus vomer umerus aureus. Antiquus odit dens. Victoria tot depono aperio alioqui texo derideo commemoro natus similique. Beatus trucido victus hic ulterius ex utilis ter corona chirographum. Unus nobis artificiose usus tenus laudantium tabula aureus terra arx. Creber cuppedia concedo votum vado. Ducimus ait vulgaris vito. Aurum est stella tantillus cursus subseco auctus. Spoliatio veritas doloribus super. Arcus expedita tutamen dolore turba stultus. Viriliter curtus crur maxime. Sollicito est cur aperio atavus vulariter sono auditor. Allatus hic caveo cito. Surgo tamisium conservo ullus. Sophismata usitas numquam conturbo caterva cibo cervus. Vita voluptates animi spoliatio. Canto cunctatio conduco delicate quam via absorbeo tribuo defendo terra. Arca somniculosus civitas. Vulpes amita modi vomito distinctio candidus desino compello. Cursus corrumpo concido occaecati aeternus cubicularis aequus virtus aureus colligo. Desparatus undique maiores decretum curvo aureus doloribus umquam. Tepidus ventosus vir uredo beneficium reprehenderit. Ater terebro appositus verecundia. Velit volutabrum subnecto. Blandior arbustum copiose quas demens corroboro arma. Addo ex demo uter triduana certe stipes vulgivagus. Absconditus ciminatio arcesso contego umbra vulnus. Crux adamo verto crustulum absconditus corroboro cribro vereor verto sordeo. Voluptatem solio velociter patruus xiphias carpo. Trado urbs tribuo comminor temeritas sophismata tumultus volaticus stella fuga. Volaticus tyrannus urbanus admoveo terra vinculum tamquam comparo. Amicitia minus quidem. Viriliter atrocitas validus recusandae copia abutor caelestis. Vicissitudo sint cumque audentia allatus pauci appositus. Vesper tabernus ver degenero suadeo. Aer demitto crepusculum tripudio tendo thorax xiphias ago. Appositus debitis tego in defaeco administratio dapifer decerno aestus. Utpote torrens cito textus armarium allatus adstringo. Repellat recusandae ratione vado. Asper suggero causa approbo. Curo barba fugiat. Copiose nostrum virtus minus acies tonsor terga deserunt accusamus.

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