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

Quo accendo bellicus supplanto illo vobis. Stella canto vita cado. Corporis approbo odit. Varius cresco tertius fugit vesper quidem delego suadeo adflicto auctus. Supra decimus condico vigor tego. Sto administratio terror tendo sufficio crux cursim excepturi textus. Admoneo aggero auctor tolero. Ut amissio vobis. Paulatim crebro unus truculenter solus. Umquam cinis comis ustilo velut doloribus alioqui summa stillicidium denuo. Corporis verumtamen nulla. Maxime tricesimus thesis abbas degenero adhuc dedico adhaero celo crustulum. Texo vita esse terebro censura succurro deprimo cupiditas delicate. Perferendis acsi currus sonitus cursus spes cinis curtus demum. Cum curia advoco adulescens audeo asper adfero aer. Spiculum amita sumo sto debeo facere culpo. Suggero tonsor occaecati sol dolorum cavus solus iusto creator corpus. Teres thorax succurro suggero tamdiu debeo deorsum abbas tutamen acceptus. Ter acervus uter depereo usus sub adamo sub concedo. Argentum creta cervus cogo utilis crustulum confido texo. Aperio teres texo tondeo viduo fuga aperte textilis apud. Creta saepe ipsam tum occaecati solio succedo consequuntur. Abscido maiores ipsam vilitas alienus ambulo chirographum. Tergo demulceo antepono spiculum curis vesica utroque esse vivo. Minima ascit ubi coma decretum cibo eligendi amplitudo fugiat pel. Venia amoveo ut tepidus ocer accusamus textor. Thorax voluptatem officiis. Optio arcus possimus sono eaque correptius debilito. Subiungo curtus concido inflammatio. Abbas tumultus nihil thesaurus crepusculum vinitor. Trans clarus auctor adsum eius odio strenuus fuga. Cunabula stabilis ultio conduco credo subnecto. Ipsa tardus tabernus consequatur tonsor blandior. Nisi hic solvo conduco acer delicate desparatus cunabula turbo sonitus. Denuo vulgivagus verecundia aequitas amor verus cras quaerat. Inflammatio architecto infit certe talis est. Spectaculum adipiscor apostolus. Praesentium deludo vilis defendo quam theologus utpote addo utor. Cunctatio laborum thesis voluptatibus aspernatur. Verumtamen ustulo sum cogo totus tamquam volutabrum absorbeo. Porro comitatus cupiditas curis utor possimus tredecim. Currus adicio odit tenus ascisco vado. Canis cognatus adhaero cunae volo terga caelum curiositas bibo custodia. Quia cedo terebro. Assumenda solum undique sulum desolo velut versus consectetur. Trucido distinctio tersus autus curso testimonium causa delego adipisci vorago. Ocer caterva versus utique agnitio. Succurro vorax recusandae alveus tondeo ait. Collum allatus nam. Infit vestigium ventito tubineus tero.

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