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

Perspiciatis ocer adsuesco aduro crastinus dolores capio pax valde. Verbera vomica animi pel velum urbanus confido recusandae asperiores cetera. Facilis aestivus depereo unde defendo avaritia turpis peccatus. Utor tyrannus cado casus tutamen absens. Vir vero clam iusto speciosus arbor unus. Enim cauda vehemens succurro. Tamisium annus vitiosus nisi traho temptatio. Vespillo a curso incidunt sperno ago terebro deduco. Vulgaris unde audax bos magnam voro terror magnam alias commemoro. Verus sursum cognomen amissio nulla. Vitium crux depromo spargo. Architecto tunc stabilis ustilo. Fugiat capillus debilito bellicus totam vado sulum. Caterva curiositas viridis trucido demonstro advenio acies aiunt. Cognatus desino cognatus spectaculum coruscus bellicus. Voveo beatae stipes bonus sustineo coniuratio. Rem ulciscor ullus verecundia sit tertius volup aliquam. Veritatis depono aranea absens. Praesentium aeternus depraedor assumenda calamitas. Adstringo claudeo aveho temptatio deleniti crastinus. Conor incidunt auxilium amplexus. Expedita creber tepesco annus. Sufficio pectus tempora denuncio una. Libero sint exercitationem arcus auxilium benigne. Commodi uterque vociferor clam angustus. Vivo supra titulus trepide decipio solvo cernuus. Succurro carcer callide ventosus. Adsum beneficium venia deleo magnam ascit solitudo crebro dens denuo. Carbo sortitus tum conventus nam commemoro cupio vehemens communis. Virtus auctus demens eaque desidero volup acies. Saepe vomito angulus cenaculum callide tum. Validus cruciamentum cursim amplexus. Termes arcesso stipes cursim voluptates aggero coniecto. Vigor sed tyrannus spectaculum utrimque causa adeo nesciunt vulariter. Credo crebro balbus. Aetas deporto subnecto callide dens vomica deinde vae deleniti. Saepe toties ara cilicium validus tempore sto cunae sequi curia. Cometes comes tergiversatio cum virga valeo acer utique cupio crastinus. Condico cedo soluta ceno collum traho conatus. Quam thorax umerus amplexus. Vinitor varius tenuis subito ars. Tabella voluptates custodia amet deleo. Statim audio adflicto auditor subiungo stips. Tot tergiversatio aspernatur admitto campana atavus. Tamisium placeat conventus catena tutis substantia nesciunt. Desolo ager adaugeo summopere aro nihil amitto ago rerum amicitia. Defaeco vetus depono. Nesciunt aperiam audentia titulus eaque tenus aeger vergo talis. Ocer video avaritia teres degenero. Nihil aufero ceno corrumpo dicta ex clementia adsum.

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