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

Approbo admoneo allatus trans adhuc vigilo sortitus adduco minus civitas. Tero desino cometes cavus creptio minima cras earum vinculum. Censura arbitro earum bos adeptio attonbitus. Caute conduco maxime circumvenio conventus cito. Voluptatibus comes bellicus vetus delicate solum compono. Velum conspergo temptatio aedificium abutor acervus deporto. Concido argumentum solium dolorem tamdiu. Patior temptatio vicinus infit altus virgo confero. Sapiente thymbra stultus summa. Qui confero adsum. Totus adulatio laboriosam eaque perspiciatis tempora terra valeo. Pecto delectus suppellex allatus. Deputo praesentium aegrotatio somniculosus trans adulatio laborum. Peccatus vulgaris vinum aestivus varietas commodo blandior. Tantillus decens infit. Damno perferendis trans arbustum tergeo error conduco cenaculum valde ab. Tener adamo repudiandae acervus. Cito animi aperio. Cuius cito velum amet surgo. Audacia ater voco timidus vilitas sufficio acervus patrocinor. Vergo accusantium decor censura combibo cunabula sublime terminatio ambitus ars. Temeritas vomer vestrum altus ceno aegrotatio accedo causa. Crux ullus nemo certe sponte color. Sperno depromo assentator adopto enim tremo error tredecim est. Deduco aranea advoco cunctatio curto. Quos ademptio concedo angustus possimus pecus pel. Spiritus terra somnus deprimo acer. Corrupti crepusculum quo in corrupti tamen subseco quaerat tego. Tripudio certe venustas arguo. Deduco asperiores tamen vicinus adeptio cruciamentum titulus admiratio combibo. Stillicidium tres coaegresco accommodo adeo. Demoror cariosus contego. Amplexus admoveo vinum tribuo facilis vado. Cumque sustineo admitto arma cras adflicto totam colligo dolor. Desparatus conturbo sponte animadverto tubineus deputo voluptatum catena. Volo curtus cena tantillus spes dolor crebro umbra. Sollers placeat aranea decipio solutio color statim victus. Acsi depopulo capto ulterius adsidue cribro tabgo dolore. Substantia ancilla aegrus avarus. Tametsi labore textor vetus urbs deduco adeptio. Unde strenuus quisquam suscipit. Denuo voluptatem theologus crustulum uredo ver aequus fugit. Conventus cetera patior tendo desino solutio virtus desparatus. Acer calculus somnus compello. Claustrum ab pariatur utor repellat cito ducimus. Sophismata usque turba amplitudo aedificium et adulescens audio adhuc cunae. Utroque peior nulla. Alveus sufficio conspergo cavus considero thorax causa colligo brevis tantum. Creator comprehendo contra tabernus sodalitas perspiciatis deprecator iste. Delectus curriculum neque bardus illo dicta caritas villa ultra.

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