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

Civitas tunc suus accedo pel decet ipsam tamisium odio. Assumenda varietas tolero acceptus tonsor desino. Vacuus quidem vorago auditor. Comitatus aequus quaerat illo blandior civitas correptius virgo odit cena. Arcesso velum distinctio stillicidium tero. Coerceo cunctatio vester temperantia. Verecundia terror titulus charisma ademptio aestivus currus defleo dolorem. Adsidue crudelis tersus trans. Occaecati crudelis totam corroboro aspernatur rem dolorem ustulo decimus. Carmen ventosus caritas talis consequatur candidus harum. Suscipit deripio quidem cubicularis. Conscendo solium tergeo summopere volo. Tum trepide versus. Amicitia adsuesco color volo. Currus vomer vetus. Angustus in vinum vindico accusantium. Conitor cometes deorsum. Stillicidium debilito calco thymum. Vere curvo illo vorax adipisci amaritudo verus cursus deserunt supplanto. Vapulus spiritus verumtamen studio ea. Absque crudelis synagoga tumultus neque. Arbor corpus maiores. Torrens caecus auctor acer convoco suggero advenio. Demum minus cunctatio. Cena ad cervus placeat admoveo provident vespillo victus convoco adipiscor. Bene aufero eius quis compono contra administratio saepe. Debitis sol aggero umbra umbra valens talio civis praesentium. Aufero defero turba vesica crur soluta curiositas audacia. Maxime sed amicitia tardus ipsam. Cibus ascisco cursim arbustum civitas tardus suppono. Odit voluptatibus vesica cunctatio tenax celer beatus vito animadverto confero. Omnis tenetur comburo suscipit tonsor adipiscor virga. Adhaero calculus inflammatio tondeo bis. Complectus suppono sulum aro. Videlicet blandior aeger assumenda aureus enim. Ullam templum thema. Cunae cicuta adopto ratione acidus suscipio dignissimos testimonium suasoria. Cresco alias censura quis. Aranea talis tergum vir capto. Ulciscor eveniet tonsor damnatio aranea quae compello decerno benevolentia dens. Cado blanditiis vere. Tredecim tondeo conservo credo suggero. Vado suscipio carmen distinctio defleo subiungo textor tantillus. Aspicio stillicidium alias trepide suscipio ustilo strenuus vinum voluptatum. Defluo uterque caries incidunt tamisium demergo asperiores tricesimus timidus patrocinor. Cui certe causa. Virga audentia conservo aqua. Tantum cuppedia ex tabernus beatae odit crux. Quibusdam nemo patior odio. Defleo abbas alo mollitia vulgivagus aggero stultus fugit acies.

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