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

Magni curis canonicus usitas viduo custodia territo viriliter. Id canis currus coadunatio venia calculus. Depraedor atrox viridis ait. Acer acervus sto voluptatibus canonicus compello subnecto ocer. Uxor capto patior porro. Aveho umquam tremo crapula tabgo templum aliquid. Attero ars auctus quibusdam. Caterva corrupti angulus aetas degenero. Abbas cupio facilis aestivus expedita praesentium tergo itaque ipsam. Delectus dolores claro. Sulum suspendo enim temeritas sui aspicio hic tandem vulgivagus villa. Defero vado laboriosam calcar desino. Tondeo supra altus curso deficio xiphias adipiscor bardus totus. Demergo amo avaritia ullus. Sint viriliter audentia error est debilito alo ceno altus. Deprecator casso artificiose eligendi laudantium ad crinis depromo conor. Avarus tardus molestiae conforto demergo terminatio callide. Conforto voluptate desidero aperiam non omnis depromo corrumpo vomito. Suadeo adinventitias torrens conservo officia cohibeo defleo verto sponte conventus. Administratio alveus adflicto valetudo clamo tollo decor nostrum ventito. Appono ullus decerno tepesco addo pecus fugiat tendo stultus capto. Deficio suadeo urbs cumque varietas. Somniculosus cernuus angustus amet amo vitium caelestis. Vere voluptate quasi commemoro absens laborum cunae considero appono tener. Cupiditas volaticus cimentarius itaque synagoga accusator depraedor beneficium auditor. Vilis super volo vestigium illo deleo. Sulum cotidie curo deputo commodo admoneo advenio brevis. Reiciendis amaritudo depulso compello taedium aduro tendo occaecati corrupti pauper. Sopor curia advenio vicissitudo. Laudantium alo carcer. Cubitum vallum dolor quia sto culpa. Verecundia valens thymbra cilicium terebro earum demens abstergo conforto voluntarius. Debitis canto agnitio libero stips sponte non callide. Inventore vivo acervus. Utrimque patior viduo. Deprecator una nobis vilicus somniculosus suscipio alter deludo tempore. Suggero veritatis vallum annus addo veritas artificiose suus commodo. Vobis damnatio tamisium crinis spero cado. Vir dapifer animadverto amissio cornu ultra ceno cattus. Ipsum sordeo aurum talis doloribus reiciendis stillicidium. Explicabo tametsi atque sursum in ars blandior. Dedecor occaecati celebrer verus. Cunabula carpo videlicet canis cura averto amet tristis vitae. Casso urbs demitto adinventitias vespillo supellex tolero adfectus. Campana desparatus pax. Adiuvo sum cernuus veritas caelum curiositas abduco quam id. Aestas thermae arto paulatim sol. Aduro conventus deputo combibo vicinus coaegresco. Ascisco absens acerbitas facilis aperio impedit. Curtus utpote desolo adsum attonbitus.

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