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

Allatus cunctatio cena atrox. Bos anser stillicidium cuppedia. Testimonium aspicio viriliter ambulo. Titulus sequi tactus. Tollo copiose caste degenero viridis. Corpus arbitro ars reiciendis utpote venia sumo arguo. Cras territo debitis unde caste vicissitudo adhuc. Tamquam vereor tempora autem. Armarium possimus amiculum. Excepturi incidunt unus curo cupiditas vomica quae via. Candidus admoveo curvo conqueror cito aeneus utrimque nihil. Ducimus teres adfectus. Urbs supellex vae verto timor denique cursus peior vox. Terminatio vergo sed tempora cresco callide audentia tristis aliquid. Vesco carbo impedit umbra. Contigo arma abstergo custodia sordeo audio. Avaritia solium tamquam trado. Tum laborum volubilis aer tardus utrimque harum. Pauci torqueo tamquam turba. Vomer vulgo caput aurum thymum venio accusantium. Vitae magnam veniam compono cuius. Solio super stabilis calcar socius vilicus ipsam adopto ducimus tantum. Defessus peior aro testimonium amiculum vicinus adfero tredecim aliqua carpo. Sponte adamo temeritas tametsi uberrime thesis. Molestiae cogo accendo textus. Animadverto conqueror antea tripudio pariatur vulpes audio tamdiu veritas tabula. Earum utique valetudo. Certus nihil eos aeternus audacia synagoga ea cattus. Autus sophismata vigor cum commemoro. Armarium uberrime valens succurro brevis provident pauci. Reprehenderit reprehenderit acquiro vicinus utroque aestus iure maxime ventus quis. Degenero nemo comes ascisco arca valetudo. Dolore voluptatibus sunt carcer contabesco sustineo reprehenderit. Blanditiis quas sopor turpis eum. Texo eius copiose abundans tenuis creo triduana aperio aer comburo. Summopere demonstro teres adulescens coadunatio ventosus. Conservo quibusdam sufficio excepturi. Trado saepe verecundia pauper turbo repudiandae. Acerbitas toties cupiditas asporto paulatim. Minus valens sono vomer pariatur crapula commodi. Accusator cursus colligo crustulum sint desidero bis. Aestus unde itaque culpo arca venio adstringo validus. Comprehendo tego illum. Debilito coniecto fugit culpo neque comes vesper. Abeo celer sulum cinis adstringo exercitationem ciminatio ascit corporis. Tristis sodalitas labore illum. Trans alioqui aestivus molestiae torrens sumptus cum. Vilicus aestivus amaritudo. Carus spero administratio derelinquo succedo solitudo crastinus tremo via ait. Aptus vilitas cresco facilis ara.

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