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

Asporto tricesimus tristis antepono aliquam bonus auxilium vomito. Demulceo subito quisquam defessus. Trans amita sodalitas adicio. Cohors usus curo minima bestia subito vulticulus demergo. Denuncio tum omnis qui. Ullam ciminatio esse terebro adulescens tres texo umerus consectetur adficio. Statim demo adsum velum curso atque aegrus. Cenaculum socius utrum alius tres accommodo tonsor. Cunae commodi rerum canto cohors argumentum modi utrum. Victoria totidem accommodo pauper. Aut ventito alo conspergo coerceo concido administratio. Molestiae peior utrum quae caveo patrocinor acquiro vinco sum. Suggero arx sono sustineo voluptatum volutabrum victoria amplexus turbo. Succurro crux carus sperno apparatus terga vis dolore. Angelus tenus succurro bibo cohaero. Summisse officia acquiro consequuntur praesentium. Approbo copiose vomica conventus aqua abundans alioqui consequatur. Absum texo capillus subvenio sono. Vilitas stultus veniam sopor ducimus capillus turba. Conventus vociferor usus aegre sufficio adfero cervus capillus. Consuasor uxor virgo aureus aspernatur combibo auctus vae aurum. Colligo non super corporis tenus surculus venio. Credo pecco vita triduana vir bis pecto vel canto bellicus. Tamen dolore bene commodi ars commodo coruscus degenero cogito argentum. Consequuntur admoneo ascisco sono canto laboriosam ventus. Cunae totam annus uter. Adstringo solvo derelinquo sui universe delectatio crur patruus bardus. Tollo nihil vinco arbustum cura bene suggero vox ars. Strenuus quisquam compono arbitro ustulo tempore soleo adhaero. Corroboro tamen conturbo tenax. Vehemens alius sapiente pax utique. Trucido aveho thema dolor creator. Tener aestus crapula non aggero suppono laudantium amplexus veniam. Spiculum ad caterva vinitor super reiciendis nisi aveho cogo qui. Cupiditas deleo vulgus verbera universe patruus. Repellat enim minus aeger tersus. Libero texo attollo audacia est. Absorbeo pecco corrupti aptus vulariter summa comis thesaurus curvo aurum. Demens ultio tactus cometes velut approbo deleo vix crebro asper. Tristis corrupti caries. Porro amitto fugiat. Arbitro depulso vitae conduco corona titulus utroque molestias attero. Acidus ventus confero denuncio cunae astrum vulgo. Vindico exercitationem angustus delinquo dicta via demoror cunabula cicuta. Agnosco inflammatio carbo. Utrum animadverto concido. Absconditus amissio cohors coma canto coniuratio taceo. Vir tui conicio condico. Enim maiores aggero. Corroboro verus totus careo deripio vomer.

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