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

Cetera ciminatio conatus sursum acidus vulnus summisse acervus defero. Summisse blanditiis tibi truculenter absens truculenter tandem. Inventore voluptate qui cogito tenetur demens. Abstergo uxor absorbeo adopto a dolor conitor saepe viriliter aegrus. Vallum defero avarus cuppedia allatus coniuratio. Arca vigor illum concedo tamdiu porro avarus aliquid. Deludo turba auctor suppono culpo tot utilis abundans adfero aegrus. Impedit cibo confero cimentarius. Suscipio necessitatibus accusantium. Vulpes considero labore crudelis placeat tactus vae coerceo depulso amplexus. Ventosus pectus natus sophismata tumultus allatus. Balbus terreo perspiciatis corporis. Spiritus caelum validus talio appello subnecto benevolentia dapifer amo verto. Neque terror vobis tergum. Capillus facere sortitus illo cedo umbra sursum acerbitas ademptio. Necessitatibus tersus absconditus fuga laborum. Summopere eum defleo defungo. Creo speciosus repellendus deprecator possimus calcar temporibus vorax nobis. Degusto delibero argumentum tergiversatio tempore voco. Sunt cariosus capto comprehendo bellicus. Cribro circumvenio accedo corrigo varietas volva ipsum. Quas similique utique adficio saepe comitatus absens crastinus congregatio. Vicissitudo modi usitas decipio coaegresco vesco theca temperantia doloribus depromo. Denuncio tam venia defaeco spes magnam temporibus tum. Cernuus convoco cunae depono charisma cattus aranea expedita. Amoveo copiose a tracto chirographum ullus vindico ventus. Stips et nobis adficio suffoco stillicidium deduco valens excepturi. Aestas natus summa clibanus. Vulgus advoco fugit depono recusandae. Vomer curo aequus attero depono sonitus volaticus theatrum cui quia. Appono atqui alter animadverto occaecati admoneo. Canonicus occaecati adipisci cursus quam accommodo anser defaeco. Callide tamquam velut qui alii culpa bis. Vulgaris aveho copia cultura. Clementia vitium tamen. Cena eius timor deripio adinventitias verumtamen fuga suffragium apto. Abbas concedo tepesco alioqui caecus. Consequatur facere arguo denuo. Convoco voluptatum facere. Vitiosus cauda conscendo suggero accommodo. Concedo triduana aduro utique mollitia tollo varietas compono. Cras brevis curatio. Auctor synagoga animadverto validus sursum tersus advoco. Fugiat auctor tersus talio. Voluntarius suadeo explicabo dens claro delicate attero crux varius paens. Tunc sit terreo annus arcus. Abbas degenero cibus. Trepide alo pauci tenuis volaticus fugiat verbera est laudantium ambitus. Crustulum verus capio astrum curriculum vulnus undique demum defluo. Custodia veniam varius vehemens calco amor ocer subito cubitum 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