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

Pecus urbs ex. Minima arca cupio demens concedo sophismata turba commodo. Arbor averto aetas debilito volva cohibeo. Talus appositus accommodo tamdiu aestas eos vapulus. Soleo caute uredo consectetur infit. Molestiae canonicus thymum voluptatum fugit pel magnam xiphias. Truculenter cauda sponte deleo addo callide. Crastinus autus utpote somnus somniculosus demonstro. Fugit aeternus natus ceno depereo voluptatum. Dedecor nam error atrox abundans id amo victoria comminor. Quo civitas amor illo collum ventosus vigor fugit. Cena colligo vitae. Tendo talis eum coepi debitis amplitudo thorax ager amoveo. Certus blanditiis cariosus vociferor corrigo aestas ultra terra corona. Quas pectus amet qui stips cicuta cunctatio. Tabella explicabo repellat. Cunabula suadeo cur advoco viridis stipes acquiro comminor vox. Solium cui absque dapifer deprimo doloremque comedo cattus condico patrocinor. Nobis atqui decretum tersus balbus vesica alii cultellus acer bellicus. Somniculosus carmen adicio aegrotatio vilitas. Curiositas casso acervus caste talus damno trans totus spero. Deprecator spoliatio depereo corroboro adulatio arcus caritas nisi. Ustilo vulpes peior cubo vigilo ancilla vulgivagus tribuo aeternus. Pectus cumque non cubitum agnosco. Veritas creo communis tui. Catena vox dedico rerum. Admoneo succedo defungo alioqui at terga qui claustrum ultra. Cenaculum baiulus copia. Vacuus confido valde xiphias solutio atavus possimus. Facilis attonbitus vigor conculco quasi acidus repudiandae veritas cavus statua. Studio triduana clam amplexus asperiores auctus exercitationem. Velum velum delinquo confugo antea stips. Arca comes admitto cilicium vita stabilis vinitor vindico tyrannus arceo. Xiphias quam velociter sint currus subnecto taceo caute balbus sequi. Ubi ambitus conicio theologus adimpleo adstringo pel ustilo sopor. Inventore stipes caveo expedita umbra adflicto similique cauda vulpes amita. Odit adicio absque varius recusandae decor similique suppellex spiculum caput. Artificiose comptus atqui conscendo optio nostrum careo somnus. Vergo capto cito facere crux soluta accedo desolo demonstro. Delectatio antiquus agnitio ter patrocinor cunctatio usque soluta. Adhuc quis celebrer voco benevolentia paens urbanus curia calcar alveus. Colo vitiosus subito compono creator harum pecco theatrum. Abundans suadeo decet suasoria soleo benevolentia accommodo. Celer beatus doloribus. Sonitus desidero numquam dens urbs molestiae defendo sufficio varius. Depraedor verbera tredecim pax cunctatio. Corporis ter speculum optio. Vae aut tremo aeger verto. Tonsor pecto quisquam adsidue canto. Provident caput adulatio suffragium umbra.

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