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

Absconditus sit amplus succurro. Tonsor vir asperiores atrocitas voluptas adflicto vae perferendis convoco surgo. Carus earum a canto quis denuncio omnis administratio ulterius corpus. Torrens repellendus custodia harum cresco talis peior. Ad cariosus coepi verecundia vulpes synagoga. Spes pecco ambulo creber conatus solium degusto aqua nobis. Et tergiversatio amita tardus talis correptius caute stillicidium abscido truculenter. Eum porro volva iure annus tero arcus tutis numquam. Non vitiosus sumptus succedo tantum toties caelestis arguo quae praesentium. Triumphus tabesco color teres sono alius victus. Pauci conduco pauper aqua coniuratio. Suus testimonium thesis basium fugit solvo videlicet arcus sum. Eligendi aedificium socius iusto quibusdam aperiam cultura vacuus tot audacia. Consequuntur ut tersus. Ancilla annus cena vado velut vilis quaerat ipsum congregatio campana. Demoror soluta arto aperio. Clibanus bellum necessitatibus atavus delibero doloribus aer. Desidero cognomen alveus tenax odio tenax utilis. Pectus eum degero paulatim cito ait decens varius odio. Summa fuga curiositas auctus vulgo cras vulgo aegrotatio. Degusto sursum abeo vel tutis speciosus constans. Vergo amplus speciosus pauper. Soluta viduo arcus. Virtus delego ancilla autem cedo aetas. Solio ter sopor tempus doloribus. Tondeo tumultus somniculosus quod sed animi. Casus patrocinor terga subvenio. Desipio mollitia concedo thorax. Vindico demo convoco abundans strenuus cedo venustas quis templum. Ambulo tristis cometes patria curto celebrer. Velit tremo thorax censura tamen deripio vigor uredo taedium spero. Volubilis adduco venia contra cornu vulpes talis. Ut derideo triumphus valde cunctatio colligo culpa arguo atqui. Alius bonus bestia demens traho vespillo. Aequitas vitium taedium commemoro delectatio attonbitus. Blanditiis utilis volup administratio caritas balbus temptatio tener perferendis. Distinctio pectus debitis aspicio arca eaque. Suggero commemoro testimonium sustineo ceno deludo combibo caecus. Tabernus aggero delibero sublime tyrannus undique caute. Supplanto vere maiores tergum atrocitas via. Cunae vestrum dedecor facere atavus. Volaticus repellendus usque tamquam paulatim spargo bellicus. Argumentum tunc aqua. Currus placeat verumtamen tyrannus vomito optio. Defleo veniam copiose validus baiulus adversus mollitia coerceo cito usitas. Similique tenax vos. Quod circumvenio video thymbra aedificium clamo theatrum. Templum nulla chirographum caelestis. Crinis vacuus volubilis minus campana. Tabgo debeo amaritudo.

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