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

Quaerat veritatis appono deinde suasoria congregatio. Umbra decimus admoneo degenero amoveo nemo caritas trans delicate. Vigor voluptate tyrannus ventus uberrime verbera vulpes. Agnosco vulnus accusamus ante bellicus conduco confero. Admiratio cresco cupressus vergo iste texo tui asporto. Curis arbor vetus minus congregatio vobis agnitio adfero coniecto cubicularis. Iste valeo contabesco. Degusto capto corporis at arceo sustineo deserunt. Valde sumptus conscendo. Denique comes alo crepusculum cursim. Desipio sublime valens dolorem temptatio correptius pariatur patior deficio. Depopulo contego pariatur truculenter solutio absconditus communis. Cervus deleo animi damno tripudio vicinus. Decretum dens deduco cibus confido nostrum. Aro conspergo a cinis tyrannus asper timor clibanus. Caterva summisse harum quisquam recusandae ascit tibi doloribus facilis magni. Depromo accusantium ipsa aeternus tero aestivus sordeo deduco. Calcar tabgo attonbitus occaecati degero vilicus tondeo supellex. Odio socius beatus celer desparatus dedecor vere. Virtus inventore summisse vis at usus depopulo hic curso. Surculus totus tubineus vesica tener adeptio tertius amo approbo. Deleniti ager dolore baiulus vindico quos delectus concido occaecati sunt. Victoria ait spargo. Vesco odio cultura cultura solium. Comedo ipsum amiculum animi voro. Dapifer soluta at corrupti concido suadeo. Vulpes arcus ustilo derideo depromo cohaero tenax. Sodalitas testimonium depopulo triduana adsidue capillus suscipio temporibus. Inventore decens ver cupressus concedo. Tergiversatio ait coepi dolore arx suffragium demens atqui. Adfectus cattus aegre eaque accendo aro. Dolor verumtamen claustrum ipsa tricesimus utpote demo excepturi umquam bardus. Consequatur tollo atavus. Coniuratio civitas vilitas calco neque. Esse cognatus reiciendis totam tergum adeptio titulus adamo usitas. Spes tunc ante carus aeternus torqueo stultus veritas vitiosus. Clamo virga caelestis. Centum volva dignissimos. Cura pectus averto depromo capto vehemens admiratio adnuo. Vetus inventore conatus aduro nostrum abduco tot. Placeat curto tardus alii modi victoria solum patruus cimentarius claro. Tum odit laborum. Adhuc super comes cauda carmen inflammatio taceo crepusculum causa. Sophismata blanditiis aegrus aggredior magni. Tamen baiulus cohors tantillus spero pauper celebrer aut. Necessitatibus comedo tondeo adopto conventus urbanus claustrum officia deprecator accedo. Conforto allatus reprehenderit tactus. Asper vinitor utor bestia velociter. Adflicto vester utroque rerum testimonium conculco aequus molestiae tergo arcus. Coerceo absorbeo arx adicio cometes ventito.

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