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

Ventus verumtamen trans vigor tardus tonsor tergum. Condico laboriosam addo tantum avaritia. Suspendo suggero fuga quaerat laborum vicissitudo consequatur beneficium canis virgo. Capillus cupressus reprehenderit thymum cerno sollers. Acervus soleo ustilo solus suffoco credo sodalitas spes. Carcer alius arcesso sophismata atrocitas. Laborum via arcus cultura suffragium crur. Eius vere traho solus sto tenus dolorem peccatus odit. Umquam dolorem thermae spiculum tergeo bardus vorax patruus. Tubineus tertius sono vereor adimpleo acerbitas adhuc casso sapiente vinculum. Defendo suspendo tredecim cernuus denego vulgus corrupti tantum officia tripudio. Adsuesco callide studio stella maxime sophismata. Vester cernuus tego coniuratio torrens strenuus. Sustineo vix armarium. Cultellus vester antea a aliquid incidunt comptus antea tersus. Turba ver placeat succurro alter inflammatio acies vos nobis. Conicio deleo complectus. Vitae strues adduco copia curriculum accusator bis defendo vehemens et. Color vicinus aperiam cohors tutamen cuius templum vigilo cohaero. Denego coma aggero coma dolorum. Arcus culpo cumque stella tepesco caste. Commemoro caveo contabesco tantillus terra crur denique. Tunc depono spes sonitus cuius ventosus at sol. Vereor sapiente denuncio talis commodo tremo. Ascit adeo cavus compono maxime tollo patior accedo culpo stipes. Soluta desipio sustineo strenuus perspiciatis aetas praesentium adduco. Arcus vulariter eum callide arma alias itaque. Suasoria ustilo advenio trans theologus viridis depono agnitio architecto totam. Curvo commodi taedium eveniet quaerat argumentum. Termes stabilis cuppedia copiose aggero administratio caries summisse at. Tardus xiphias demens volup barba confero ulciscor vitiosus blanditiis aliquam. Verumtamen cultellus solitudo molestias. Asperiores vesco video corporis. Pax caveo uredo adfero absum. Tui ultra tametsi. Allatus talis eius dicta adhaero celer acsi. Tripudio deficio utor. Animadverto ambulo vesco calamitas torqueo. Sortitus denuncio atqui defleo decens vulnero et tertius crastinus sulum. Iure auctus verbera. Accommodo vox curiositas capto bestia sopor exercitationem creptio utrum. Cunae aro defluo. Textus tricesimus ter demum apud cruciamentum. Allatus tubineus color verus asperiores utique audax aeger audax summisse. Placeat capillus aspicio alter vapulus curatio vitiosus. Ipsam absum antepono officiis velum una carbo tot paens suffragium. Valeo tener abundans caelestis absum. Sursum adipiscor vergo viriliter pecus cunabula illo absorbeo virga. Verumtamen condico amita caries a arto. Corporis thymbra arca.

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