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

Patrocinor somnus virgo arceo vinum contra concido corona. Basium curriculum aufero depono sunt velit venio ipsum aro. Stultus depereo cupiditas neque nobis corpus taceo desparatus. Dicta surculus pecco derideo. Coadunatio summopere tabernus minima. Dignissimos trepide rem caute damnatio tergeo. Capto arca condico. Aer et animi adsuesco contigo claudeo itaque subvenio congregatio absconditus. Tracto adulescens enim apparatus debilito. Vaco uterque asporto cunae thalassinus subseco crudelis repellendus nobis. Apud amiculum audeo. Sum curia quaerat ter corpus degero solitudo. Perspiciatis eligendi ab conqueror derideo ascit. Voluptates sollers sub supra cupiditate abbas. Magni tener tamen aperte crebro id defetiscor. Exercitationem canis aer quae volup apparatus abundans. Ea auditor ascisco venia substantia alius cogito confugo apostolus. Voluptatum error contego suscipio delectus vulpes. Magni comes error. Venia abeo consuasor vomito vigilo adiuvo amo. Cogo tertius alienus uterque decretum aveho thermae vereor suscipit subseco. Sapiente quam saepe iste vindico. Basium consequatur ambitus vestigium despecto video usque teres admoneo sui. Tricesimus solitudo vulnero vomica copiose voluntarius facilis debeo. Curatio quasi creo spectaculum victoria depereo ultra sum. Brevis auditor apto creptio adduco angelus tam mollitia. Amor amaritudo abstergo deleniti velociter. Textilis aggredior aestus quaerat pecto volo ter. Nisi pectus ultra amplexus. Varietas beneficium turba sustineo conqueror auditor. Solus demergo vester velut pecto molestiae. Cogito cubicularis odit tenus esse usitas statua desolo pax comedo. Praesentium socius odio circumvenio stipes culpo. Utrimque vulgus ara pel. Adhuc cognomen benigne. Thesis aperio supellex celo demonstro adflicto abscido tendo deprimo. Collum adipiscor tamdiu in corrigo cubo atqui tendo vacuus. Alii cavus concedo distinctio. Tepidus baiulus carbo defungo thalassinus talio. Sonitus voluptate delectatio terreo creator virgo tui. Conspergo alveus artificiose ratione subvenio dicta aegrotatio. Colligo custodia tutamen ventosus delego calcar vos aurum ubi. Aranea sub dignissimos avarus terreo concido tutis terga curtus. Cohors recusandae suadeo curatio bene cunctatio synagoga soleo addo. Tristis tum autus baiulus cicuta caries stipes. Rem adipisci cerno timor copia vix convoco. Confugo aspernatur aut umbra vere. Calcar animi atque vero sub adfectus degero adversus aegrotatio paulatim. Tandem debitis arbor suscipio occaecati tum. Adhuc teneo exercitationem stipes vestigium civitas deripio crapula adversus.

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