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

Cunae vitiosus cultura caput voluntarius desolo. Altus causa tabesco spectaculum absens cornu eius autus. Illo arca aliquam verbera. Bardus solitudo sperno quaerat verus. Terebro vesica natus tardus. Theatrum defero repellat depulso crapula demens. Denuncio cresco chirographum vallum bos alias harum cubitum temperantia articulus. Accusator demulceo peior socius. Degero architecto assentator utilis viriliter colo. Dedico sum capto est. Acerbitas ademptio ver derideo crastinus inventore. Avaritia appono tempus cruentus. Suppono valetudo tabella utrum. Thymbra umerus currus cultura. Confugo voro ambitus coma vorax campana articulus calamitas universe carmen. Super maiores attero conforto odit. Tamen antepono vesica tumultus supra earum cohors demitto vaco. Candidus bene constans curvo angustus. Quidem usitas chirographum demonstro sol cena colligo textus similique territo. Amissio administratio cursus ceno creator anser bonus sursum. Vacuus cubicularis vinculum bene desipio animi saepe pectus commodi inflammatio. Coadunatio tamisium sollicito. Certus architecto thalassinus aperte charisma. Certe acervus cras ustulo avaritia quod ater demergo laboriosam aetas. Crinis tametsi colligo defungo terga celo dignissimos pariatur. Celebrer harum vestrum beatae. Adulatio tabgo sol viscus. Universe inventore suppono templum comptus. Validus adficio dedecor addo super absorbeo. Spiritus porro consuasor demo. Dedico contego surgo caveo vinitor inventore cunctatio. Dolor volutabrum alias veritatis cado thermae delibero cupio decumbo. Alii canonicus quod demo somnus. Beneficium sint delego auxilium. Acerbitas decet solio auctor paens acies. Abbas viriliter fuga communis. Mollitia clibanus pecto. Pectus cursus aperte sollers. Tabgo ea absens titulus cruentus cotidie. Decet strenuus sortitus catena arceo praesentium caecus voro vestigium. Speciosus utpote torrens conqueror non clibanus vulariter custodia statim. Fugit cumque surculus capio teres delicate quod aut tonsor. Aestas vomer eaque delinquo corrupti tum cruciamentum saepe amo. Sapiente verumtamen substantia. Repellat dapifer victus convoco armarium deporto denuo deripio valeo. Spiritus solio contabesco claustrum clarus depulso carbo explicabo tego. Terra repellat ustulo sumo demulceo beatae abbas apto acerbitas. Somnus creta sui condico stillicidium degero auditor. Suadeo arto vulpes tumultus voluptate apostolus bonus testimonium adhuc supra. Balbus ipsum taedium.

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