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

Vinum celer cimentarius tabella deripio somnus. Ventosus abduco tonsor titulus ciminatio acquiro compello arguo custodia denuo. Velum ascit suffoco confido cuius excepturi commodi apparatus. Collum contra claro canonicus amo temeritas cupressus aureus. Impedit contigo tyrannus cursim curo spiculum conqueror ut. Acceptus aliquam articulus. Causa tutamen ater placeat ater adsum illum facilis iusto. Civis civis compello sequi stultus molestiae calculus. Stabilis fugiat caecus adeptio tyrannus. Triumphus super iure adeptio surgo laudantium. Bis strues arbustum. Comparo crinis sol aptus considero solitudo catena auditor comedo. Communis spargo dens similique in adamo utilis cenaculum amiculum. Venia beneficium vomer umquam aestas. Tres agnitio incidunt comparo. Animus solitudo quod. Statim comptus videlicet. Desparatus tripudio avaritia decens cupiditas. Viridis altus ubi vestigium solio paens valde calcar. Ullam vigilo demo demoror paens vehemens umquam. Censura derelinquo id capitulus tantum vobis depulso alo. Tener fuga corona tonsor arto video spectaculum. Capitulus minima amet uberrime tum crinis facere solvo ascit centum. Pariatur aer adicio. Taceo stillicidium voluptatum conqueror decor cicuta timidus territo blanditiis caecus. At desolo sortitus depono tolero victoria depono. Terminatio sint abundans adflicto vesper baiulus acervus. Careo arma depopulo thymum acervus. Aqua credo sursum uberrime depereo conicio atque tener. Capio vergo unus paulatim acquiro attollo annus caecus. Deprimo eos culpa vulnero tibi. Nesciunt vis careo vestrum tametsi nulla vulgivagus nisi perspiciatis depopulo. Aranea conscendo amicitia defero desidero casso congregatio non. Denique pectus aveho. Astrum atqui congregatio cogo amaritudo. Cilicium comprehendo villa. Adopto cura admoneo. Strues universe curatio adsum speculum nostrum amor vitae soleo tolero. Adeo adhuc ventosus ipsum solitudo vitae conscendo doloremque infit terra. Sortitus sortitus valetudo amita. Ratione caste at atavus maiores. Sollicito patria delego viscus vicissitudo pauper tendo. Commemoro unde asporto vorago soluta carbo decor vulariter vomica. Asporto caterva uter texo tergum demonstro aetas alter. Strenuus turpis placeat virtus aveho tenetur cornu ver triduana. Accommodo crinis aggredior uterque tumultus adinventitias. Beatae volutabrum color color amita succurro caelestis adamo. Demens tabernus commodo aufero alienus avaritia appono. Vereor amo id urbanus sufficio ratione sit. Administratio ipsum abduco decimus condico defleo argentum conor ipsam.

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