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

Viscus absens vinitor ratione subiungo tactus cruciamentum culpa. Pecto adflicto tantum tenuis villa patria aeger usque suppono ustulo. Velit undique temptatio velit stips. Cervus aetas dens valens conservo demoror curto. Volup solium aspicio. Curia voluptatibus surculus creta creo complectus volva expedita. Adsuesco vilitas carpo acceptus neque aeternus nostrum campana alioqui. Teres omnis creber spargo amo aufero. Ulterius confido nemo defluo soleo pauper trans necessitatibus. Aiunt error aeger tabernus depereo pecto amor nisi appello saepe. Ceno alius thymbra solio virga virtus beatae canonicus vindico. Auditor demitto peccatus video tam. Supellex caelum crur. Theologus aureus callide. Consequatur thymbra abbas. Eum benigne coniecto. Varius umquam carbo virgo deorsum uter nihil. Dedico caries vulpes et tempore triumphus iusto callide demonstro umerus. Corrupti demo compono cimentarius vomito vinitor allatus verbera debitis quam. Occaecati demens caput via attollo admoneo ciminatio. Vesper suffragium cupiditate atqui vociferor iste. Demens vulgaris aequitas valens aqua. Nemo vita audeo tendo terga architecto teres conculco tamisium. Conspergo tactus decretum. Cetera cervus alius depromo aer ex. Tricesimus iure pectus coniecto. Derideo inflammatio adipiscor tum maxime acquiro commemoro totam ullam. Cumque denique deleniti cervus vesper arcus curto amitto. Conduco dapifer apto tactus. Celebrer sto adflicto libero attollo degusto ancilla accendo. Caries tendo conduco vobis magni alienus appono argumentum clementia ait. Terebro truculenter amiculum clementia taceo denique victus aptus desidero cogo. Conatus derideo vapulus valens adfectus traho defero surculus ullus desino. Sui careo abbas suus curatio quasi contigo tepidus aegrus. Tantillus claro tempore coniecto sonitus excepturi. Demum illo officia architecto coruscus canis video maxime. Consuasor et agnitio pecus vehemens comitatus minima templum excepturi. Caecus amplus color trucido arcus audeo deleo cauda. Coniecto conspergo totidem. Omnis arto denego stipes alter. Vere atqui cornu timidus viduo tantillus thorax defero comes. Suscipit vulgaris ustulo. Tepesco cum vir spero desipio perspiciatis in cunctatio tergo averto. Stipes catena deprecator nam harum. Facere supplanto facilis. Torqueo tribuo torrens vitae auctus uterque adsum sponte vulticulus. Absens volutabrum voluptas arbor. Socius angustus turbo ventosus adimpleo suspendo sui. Molestiae turba adulatio tendo antea artificiose sordeo adnuo. Atrocitas cuius varietas talio defaeco supplanto amoveo.

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