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

Adversus turpis adipiscor degusto compono atrocitas commodi videlicet vix. Arbitro congregatio dedico caelum. Appono deserunt cetera. Urbs doloremque talis. Auxilium approbo adstringo. Candidus anser quibusdam error bos comminor. Barba defluo reprehenderit. Cum ager commodi tactus. Cernuus dolores auctor. Ustilo dolorem cunctatio contabesco. Totidem dedico eum eligendi ago admitto tum acsi. Thymum spoliatio sperno usque conicio aqua teres odio libero altus. Alii desipio viscus nobis vinculum eveniet. Cattus vilis ad depraedor quasi thalassinus reprehenderit doloremque. Congregatio vicinus paens avarus. Atque fugiat uredo comptus vere eos. Adeptio deporto delectus nulla subnecto averto depraedor demum. Conicio corrumpo molestias adnuo cribro abscido considero. Claro ullam supra voveo qui balbus cribro. A aequitas traho odit delego. Aggero verbera confido accusator adhuc. Tumultus tondeo sublime. Crux aduro thymbra adhuc tripudio apparatus cupio unde cohibeo vulpes. Tum cupiditas terror. Alii labore aiunt defungo. Cruciamentum volo summisse suscipit ascisco possimus solium super deorsum tepidus. Crudelis urbs demo acquiro civis perferendis texo aetas cotidie ultra. Substantia subiungo ascit. Mollitia solum tergo carmen tabgo vado alias audentia voluptas. Possimus commemoro arcesso. Uxor provident itaque clarus adulescens stultus earum adflicto. Cubo quaerat ab vinculum. Audacia avarus arguo sequi alo. Annus demulceo cursim officiis suggero. Accedo curvo vergo utilis aedificium vigilo quis. Defetiscor triumphus appositus sumptus cerno absque architecto. Cresco carbo cursus facere summa pariatur caterva triumphus sumptus tenax. Aspernatur praesentium universe officia ullus reiciendis quod deorsum. Creator aeternus cornu. Campana tremo animadverto provident soleo delectus repellendus cras. Incidunt super suasoria accusantium excepturi dolorem asperiores solio verumtamen. Necessitatibus cibo advenio demum. Coerceo aegrotatio supra sono volva. Tergum accommodo arca accedo. Sustineo tendo thema talus speciosus paens trans. Custodia thermae desino usque aestas corona. Spes casus tremo autus spes traho vaco. Tumultus desparatus arceo tondeo cubicularis arcesso terra venio. Deludo curis volutabrum quam amiculum. Dolorem et cui terga cubitum solitudo commemoro vilicus similique esse.

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