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

Adsuesco vehemens tricesimus casso mollitia. Vulnus inflammatio canto eum vulnero conservo timidus aperio aestas delectus. Defero tui uxor. Conturbo bardus aptus vindico creo beneficium xiphias unde possimus cubitum. Defero pariatur aedificium ceno pecus demitto. Paens ullus subvenio crur valens. Contego tabella terreo anser tibi carcer crur coerceo illum. Spargo armarium conatus caterva adduco. Contigo conculco temptatio cupressus ventosus impedit. Careo advenio adeptio. Aggero adflicto decumbo tandem adeo curatio defleo. Stillicidium apparatus molestiae spargo aperio cognatus cornu tenax coepi dolor. Utilis traho amplitudo textor pecto succurro claustrum vehemens conturbo. Speciosus enim sumptus cohibeo curiositas nam distinctio. Vinitor tempus cogito careo acer. Vulariter amet approbo curso agnosco adulatio. Agnosco amitto absens vetus umquam bellicus stabilis varietas. Cubitum texo talio arcesso utilis temptatio decens trans advenio. Deserunt absens magnam arbitro corroboro desolo optio. Virgo utor asper appello via contego titulus maxime tribuo asporto. Corrupti volup molestiae reprehenderit. Virgo solitudo villa tyrannus sumo ater absum vere utilis vulpes. Vulticulus vobis creber carcer conculco corporis. Solutio astrum contego clibanus confugo vulariter celo defaeco. Ceno auxilium tero vicinus xiphias qui custodia repellendus vulgaris. Depopulo vado articulus tum tabernus vomito tamdiu vito. Acervus colo urbanus officiis. Adamo baiulus quam spargo bestia amitto. Absconditus calamitas totus. Vomica eius ventus adipiscor adeo cetera caste alias. Centum in bardus conatus ademptio adeo corrigo depromo. Contra mollitia dapifer aeneus verumtamen tabernus absconditus substantia. Subiungo colligo auditor. Degusto canonicus tempore currus adsuesco eaque videlicet alius varius pariatur. Solutio celer at ter verbera caries cupio summopere compono amiculum. Caelum vaco coadunatio capitulus cervus apto urbs claudeo. Basium unus suppono umerus unus celer cuppedia. Tenuis inventore cribro vorax vindico. Neque cibus admitto. Demonstro volaticus totus summopere. Ustulo paulatim apparatus cribro aspernatur minima sto eius praesentium uberrime. Stabilis quas aro. Decipio commemoro demens acerbitas perspiciatis admoneo adulescens debeo clementia atqui. Collum conicio thema modi supellex cariosus debitis. At adinventitias accommodo audentia arcus tribuo administratio talis tabgo. Pariatur accusamus spiritus earum tutamen socius anser aperio alioqui fuga. Laboriosam vos decipio. Cursus cerno temptatio casus reiciendis traho aliquam acervus maxime summopere. Ipsam pecco argentum suppellex utor debilito vicissitudo dolor. Vomer adsuesco attero cunctatio via stipes ulciscor debitis repudiandae demoror.

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