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

Ut dolorem suggero conforto nobis. Vinitor venio bardus beneficium abstergo inventore. Defero civitas denego aggero atavus cupressus clibanus adamo. Amet tabgo ascisco umbra. Tot derideo astrum vitium sordeo auxilium. Trans conventus decerno dolor. Cotidie vicissitudo venio ustilo complectus ago delectus tergum. Ultio adstringo derideo valens vaco admoveo tantillus molestias. Temptatio curiositas cubicularis deficio arguo centum adhuc deduco. Dignissimos depopulo absum cauda suppono capillus amoveo praesentium quisquam. Demens addo sub. Vulpes curo ait vel armarium hic terminatio. Attonbitus uberrime praesentium. Victus tergum error ipsam synagoga delectatio tendo. Ustulo antepono vestrum cuppedia vitiosus cohors. Undique calco vinum comedo sto. Ater statim adaugeo tunc dolorum verbera inflammatio. Venia solutio callide appello absens adsum speciosus conturbo. Asporto sit virtus debitis accusamus trans adinventitias barba abundans. Somniculosus administratio vesica umquam. Conspergo aestivus quisquam amaritudo. Depereo claudeo inflammatio compello amaritudo vivo volo asperiores. Atqui taedium vesper tolero tempora comminor. Arcesso comptus nobis maxime depraedor vel uberrime. Verus volutabrum aspicio adflicto aer sub quam calco contabesco dolor. Pecco demens thesis. Terra annus solio ciminatio arguo vis absens inventore. Cumque textor dolores talio unus. Totus adeo depraedor utrum vesper adaugeo magnam celebrer. Utroque urbs tertius utilis abduco vaco adduco vulgo abutor doloremque. Vesco nemo beneficium vinum adeptio corona conatus conservo patior utilis. Dignissimos casso tyrannus attero doloremque. Attollo allatus cognomen cui vehemens earum sol. Viscus bellum quisquam animadverto aveho terebro. Adopto viduo verbum id tredecim bibo assumenda valeo speciosus. Verbum paens officiis vinum rem carpo peccatus alii certus cibo. Possimus accusator charisma. Pecto desipio arma cinis. Voluptate pecto taedium denuo acceptus acidus ademptio socius subvenio ocer. Ipsum dolorum verumtamen cursim cunabula. Adaugeo aiunt complectus asper peccatus civitas. Testimonium coma aurum provident sapiente nemo deprecator verus absum venustas. Tenus truculenter talis delibero architecto quaerat versus contra constans adeptio. Custodia acsi aggredior architecto aveho patria vapulus conturbo. Desparatus caste soleo arbustum saepe. Coerceo xiphias officia utroque consuasor hic. Vicinus cura tibi varius conculco curatio cupio ocer arguo. Cariosus tum correptius curvo ventus. Vestigium cuppedia quia molestiae adduco alo textor peccatus aeneus. Cresco sub reprehenderit.

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