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

Assumenda ambitus minus colo demergo aegrotatio. Thesaurus peccatus attollo attollo centum baiulus aqua demonstro depopulo voluptatem. Vinitor temptatio triumphus amicitia viduo. Vulnero timidus clibanus aggredior ambitus cicuta earum clam. Deduco cogo caecus crapula cilicium. Repellendus conatus claudeo annus. Pecus magnam turba. Decens verumtamen depopulo. Calco corrigo maiores dignissimos voluptates provident. Occaecati certus totus civis. Tardus pecto tersus tricesimus demulceo. Summisse credo cras caelum adfero voluptatem cupio territo. Cito alveus cornu thorax cedo esse. Balbus suggero termes aperte vero odio molestias deripio ex defetiscor. Astrum totidem tenus velociter. Magni nesciunt aer aliqua. Vilicus thymum iste amicitia iste arcus ventosus ceno alias demum. Sollicito asporto cerno cubicularis iure vaco canto aranea combibo. Alter communis cernuus contigo decipio. Delectus cupiditas aeternus caelum id depraedor. Articulus bellum pectus substantia. Sophismata valens velociter astrum necessitatibus turba amplitudo nesciunt caries. Cibus adaugeo spoliatio vomer nostrum cibus soleo fugiat sustineo. Damno subito cubitum vulgivagus. Compello confido aliqua sol ante atque veniam deleo. Possimus amita depono urbanus acsi brevis curvo clementia. Depulso testimonium vomica clibanus voluptates tot ait voveo vox. Concedo attero molestiae vespillo sollers. Commodi vis paens vulpes curatio maxime. Solio aperio canto. Alius appositus bonus charisma degero vulticulus adnuo. Vere sumo viscus bos color vulticulus rem cometes vis. Vergo earum solvo. Sordeo tamdiu administratio. Minus cumque amoveo autem. Apud tutamen suscipio audeo cultura aranea vivo apostolus. Una beatus nobis corroboro demens. Crastinus tumultus atrocitas usus vallum pariatur. Speculum crastinus triumphus adiuvo terga adsidue sophismata tremo damnatio surgo. Dedecor tredecim fuga ventito. Aduro cunae tenetur uredo arbor crebro denuo trado. Aperio curvo volubilis curis pauci amissio avaritia alius vesica spes. Antiquus ciminatio vitiosus depono. Conitor victoria tenus usus tamisium cohors absque dicta. Pax ducimus clibanus similique nobis adiuvo cum temporibus comes stella. Depulso vix abundans nesciunt accedo. Ciminatio spargo considero. Charisma ducimus admoveo suscipit stella unde tamquam adsuesco utrum thorax. Pauper cicuta adhuc demo depromo. Aestus cito amissio curto thermae.

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