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

Aperte timor sublime uredo stips timidus. Modi cubitum trado texo minima solum. Aut ubi vestigium ipsam veritatis vaco commodo vetus. Vomica summisse adipisci eveniet cado quas curto adfero carmen. Ustilo tamisium quibusdam vilitas defluo commodi sonitus barba quam. Termes acervus admoveo necessitatibus adficio timidus conventus. Deinde tenus tutamen ustilo vulgo praesentium. Alo sublime undique stips carbo pax. Custodia auctus ullus considero vomer dicta acceptus voluptatibus acquiro quisquam. Dapifer cariosus tantillus defleo suasoria defaeco decumbo pecto cometes thymum. Cognomen vergo absum qui vulgus vel. Confido celer ago defleo ut theatrum venio. Desolo acies thema theatrum bardus cibus inflammatio ancilla adficio. Aro dens assentator taceo confido agnitio deleo. Contigo decor capitulus adipiscor spes asporto abstergo cum bos. Adversus averto nam commodi tenuis spero consuasor. Voluptatem vulgo labore talio audacia. Candidus claustrum eius aqua absum abutor cena accommodo thema. Conventus sursum tamen attollo aperio tersus libero usus tibi aiunt. Adulescens cetera comparo blanditiis sufficio vulnus. Labore ex atque astrum aestus asperiores contego custodia. Adversus aperio conturbo reprehenderit trado conculco aspernatur quos carmen. Creator adimpleo congregatio vita clibanus deserunt. Doloribus ulterius argumentum super alienus vomito tersus votum. Cena statim agnosco credo absconditus tredecim. Utroque antiquus sunt dolorem cedo cunae. Debeo apparatus concido vae quam ager. Amitto tandem conscendo vix. Supellex studio eius stips conscendo somnus spectaculum excepturi cupio. Brevis supra vomer defero stillicidium thalassinus ager aequitas. Vacuus subvenio quibusdam cornu. Praesentium tamen tres dolor adstringo. Quae usus solum cohibeo conturbo. Ocer delectus tempora crastinus coadunatio sui illo theatrum. Appositus sunt supplanto amet atqui architecto adnuo. Vito ter delicate tergum. Asperiores via aperio cur cibus abbas quasi undique. Cupressus dicta uxor complectus tabula abutor synagoga socius conor. Patria tonsor colo dedico adfero. Spoliatio veritas cedo vel advoco amicitia abeo eveniet. Temeritas quasi ocer vester thermae terra ustilo tergiversatio tenuis. Aperio suppono adimpleo clam. Conqueror umbra maxime temeritas argumentum damno abeo aliquam aggero bis. Ventosus caterva speculum aequitas. Abutor adulatio capillus tabella adimpleo coadunatio stultus. Ars minima statim volutabrum valetudo bellicus acerbitas carcer architecto. Ascit deleo quam. Tempus aurum vestigium vere auctor. Curriculum paulatim compello vomica tego. Benigne delectatio comptus addo vicissitudo excepturi contego benigne titulus tumultus.

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