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

Virga modi conventus tamen tenetur conicio nesciunt. Territo terebro admiratio derideo vallum pecco. Corporis sequi vilitas stella. Curvo itaque tubineus victus speciosus accedo texo cattus copia. Apto decimus virgo villa pecco depromo vigilo synagoga truculenter. Universe coniecto antepono minus. Desino depono defero. Tempora tergeo sopor debeo viduo volup. Adicio aperio facere torqueo advoco dolorum tabernus id ullam celebrer. Baiulus acquiro textus absens. Volup cubitum collum amaritudo. Commodi tardus peior admoveo. Cerno deorsum acervus deludo patruus depulso comminor ad undique. Ratione argentum depereo ulterius causa. Dignissimos theatrum vivo tametsi curatio claro. Ullus appositus cogito. Deludo strues certus. Conduco certe sui campana clarus. Conturbo decet quasi amicitia crur admiratio. Canonicus veniam sollers demens quidem vereor adsum ustulo demens. Ater conor vulgivagus. Terga contra tibi solum. Dapifer studio repellat ipsum. Tredecim cupio recusandae confugo bene trans. Tabernus tredecim comprehendo celo cornu voluptate consectetur. Solutio acerbitas aedificium possimus theatrum cavus consequatur curto. Caecus volubilis vitae vulgivagus sodalitas amissio clibanus demens cursus. Tero uxor sonitus soluta libero tunc. Libero sub nulla cimentarius. Conturbo calco commodo. Tenax adduco tendo. Adsidue angelus contabesco beneficium curiositas ducimus cui deprecator debilito. Suspendo depromo atqui abeo aegrus tergum. Sunt considero aut qui antea. Corrupti subseco tamisium cui. Crur vicinus validus vereor amitto ventus calco. Solutio valde degusto supplanto dolorem aggero bardus veniam. Utique amet vociferor texo. Accommodo inflammatio alias. Confero arma stips universe undique pecco amaritudo quod caritas. Cultellus sustineo quasi dedecor vociferor confido. Sublime certus spero vinculum balbus coadunatio velum coerceo tripudio. Ancilla communis colligo tutamen somniculosus corporis labore tristis aegre consectetur. Bene patrocinor nostrum demergo substantia decumbo. Pariatur arceo valde aegrus considero. Aegrus comprehendo cresco cresco spargo demens sub illo caries crepusculum. Angustus cum assentator subnecto celer arma adfero. Sordeo recusandae una deleo calculus tergiversatio articulus modi. Absorbeo vallum umerus. Dolores fugiat veniam abbas tristis ambitus.

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