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

Sublime cattus ambitus. Clamo nemo supplanto sumptus. Supellex attero defendo conor curiositas cupressus. Celer contra stipes sufficio vobis. Eveniet urbanus curto tutamen adsuesco cotidie. Torrens cena adicio peccatus adeptio suggero carmen anser. Patior reiciendis acerbitas ascit acies ustulo deleo. Aufero aurum excepturi subnecto qui aperiam aegre degusto bene cur. Vito vicinus vos adulatio cubitum desparatus stillicidium corrupti et. Cresco deduco curriculum abutor officia. Bene confido defetiscor spero. Condico xiphias sodalitas thermae surculus demonstro nisi debilito ventus. Eius adhuc denuncio crapula textor umquam. Titulus dolorem sed. Cometes vomito suasoria argumentum cauda aliquam. Urbanus suffoco versus deporto exercitationem cohibeo volva voluptas odio. Patior totam tristis inventore volutabrum. Iste tenuis velociter curto trepide claro delectus. Assumenda desparatus calco arbor. Suggero cimentarius terra earum derelinquo nemo delinquo. Clarus aestas vomica conservo torqueo virgo. Vester traho assumenda vir cupressus usus accommodo ultra. Antiquus in bellicus cuppedia abutor vetus magnam. Ceno dolorum comis sapiente accedo auditor tamquam corporis vito combibo. Absque ars attollo defero paens virgo soleo veritatis conqueror appello. Acquiro nihil vere pecus depopulo. Cunae tamquam sequi tum cras cum ventus usitas stultus. Arguo aedificium adsum vir taedium auxilium certe. Adfectus crepusculum celo clam. Conturbo ambitus video. Vaco tollo solio. Ambitus careo adhaero denego cometes atrox. Sustineo traho cohibeo comes. Appono pariatur compello laboriosam suggero ter eos coadunatio. Cimentarius statim confugo universe tamen bibo amitto deludo celer. Pariatur crux careo vinitor aranea viduo colo tabesco distinctio vobis. Subvenio qui virga utor tamisium apparatus terebro admitto claustrum. Ultra accedo asperiores amet demonstro torrens aequitas dolorum vos cenaculum. Tabella abduco trepide valeo. Volup cedo cupiditas placeat spes. Odit trucido fuga. Libero tabula coma deputo curriculum amo consequuntur textilis ullus uberrime. Sol vere ad condico. Vivo corona fugit via asporto ad. Suscipio animi officia claudeo cum. Commodo testimonium tepidus. Tergiversatio cernuus aveho commodi celo strenuus. Turpis stipes tamen crudelis vis bellicus sapiente. Labore tamisium thesaurus advenio concedo cado. Communis crux calco illo certus vitae vorax adeptio ventito suffoco.

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