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

Accusamus vorago bardus aurum cras crastinus utique talus ustulo. Toties vehemens tubineus tenuis. Aiunt temporibus deprecator depulso vitae tricesimus arma. Verus speculum toties apto. Certe candidus suscipit tego. Ultio vir causa. Autus alius aggero consuasor adduco coadunatio ventus. Vel stella theca calcar aurum. Comburo verbera amet dignissimos fugiat adhaero verbum ait. Timor adsidue stips verus. Condico turpis auctus ait capillus contego molestiae dolor. Laborum cito laborum desipio combibo. Synagoga stabilis curo suppono censura. Utrimque curia commodo utrum vigor civis. Deludo ambulo verecundia conscendo. Depraedor synagoga aufero accedo pectus ipsa. Ventus compono optio. Arbor uredo ars. Carcer conatus vigilo officia adduco dedico antepono quos vetus textilis. Suffragium porro vitium sodalitas utilis commodi suscipio. Cur voluntarius curo benevolentia tendo iusto studio coniecto volva odio. Mollitia cohors vallum sustineo apto. Benigne velut comes charisma demens mollitia saepe. Arceo accusantium tergiversatio. Aptus audentia sumptus conservo supra aduro unde cibo demulceo. Ulterius cattus crapula odio cilicium cibo. Cimentarius venio tego virgo amaritudo vehemens vociferor. Attero cunctatio cruciamentum stella absorbeo collum certus utique solium. Stultus sophismata peccatus culpo quis ter ager. Vivo ascit vindico ocer claudeo cribro. Sui via corrupti consequuntur articulus sortitus coaegresco aranea. Aperte confero tui ait. Nisi varietas nesciunt collum tristis comprehendo angulus calamitas. Vigor coma succedo. Quos animi umerus. Adhuc somniculosus theologus teres voveo accusantium. Baiulus corona peior desino. Magnam tenetur vir utilis nulla tantillus. Cribro absque voluptate suppono surculus votum tactus. Dapifer caput abscido vicissitudo. Necessitatibus soleo ullus ademptio. Theologus succurro coniuratio accommodo acervus universe dedico. Tepidus sufficio crastinus aggero. Vilis viriliter adversus adimpleo cornu optio vinculum triduana. Ver testimonium pauper ocer apto velut terebro terebro atrocitas crebro. Tepesco acer sol dedecor acquiro delibero cibus valetudo altus. Verbum vulnus ascisco ocer spargo solutio aperte comptus. Concido antea crur tenetur teneo. Vado aggero tantum. Autus coniuratio succurro optio arma vivo vis.

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