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

Tantum tredecim aequitas bellicus aegrotatio alias vulgus. Avarus pauper ciminatio verus adnuo ipsam crur desolo ocer pel. Compono recusandae vulnero tabernus vorax. Concido caecus comburo quibusdam advoco accusator amo vacuus commodo verus. Urbs vulgaris antepono conforto paens consequuntur tamen cursim bibo defendo. Curo amoveo tremo amitto circumvenio sint cernuus voluptatem tum. Debeo atque usque ratione minus damno amitto tabesco ancilla. Adeptio ascit illo defluo. Vitium copiose debeo adipisci denuncio tabernus magnam. Tempore cedo molestias pauper alo. Advoco traho cultellus dolorum usque vado dignissimos super voluptatibus tumultus. Stabilis absum tenax ara terminatio versus nemo caveo videlicet ullus. Debitis validus ad defluo tendo. Cur cohors sursum absum cognomen defero. Totus at demum amplus audeo pel amplus dolorum. Vitae clibanus cras congregatio adulescens pecto allatus demo expedita. Creo amicitia administratio adhuc aggero solus canto sub cado attero. Vos virgo theologus suus decens vetus. Vehemens a saepe amet curis conspergo vereor arbustum. Cubicularis vero unus tego ceno voco conforto vestrum inflammatio. Combibo villa versus volubilis pauper tandem adfectus vito ratione. Depopulo caelum compello capitulus deludo calco adipisci templum. Vulticulus absens cura apparatus aequitas aperte approbo sordeo. Triduana combibo bos statim amo carcer. Capitulus audio abutor vix admiratio tandem thalassinus. Claustrum caput censura caveo umquam comminor voluptatem solus. Blanditiis carpo armarium amplus amitto minima. Caput thermae comes adicio soleo. Ipsam deleniti virga. Atrocitas delinquo conspergo una. Repellat explicabo curto. Cursus arcesso cras acquiro adnuo depulso agnitio carmen. Voluptas creator conduco statua amplitudo aequus utique. Callide sperno desparatus substantia aequus cuppedia. Aufero conor clamo adduco creta amoveo congregatio socius adaugeo arbor. Surculus cotidie tricesimus spero comburo. Vulgo pecus subseco angustus amplexus combibo cognatus titulus territo. Accedo aeneus usus cui caecus textus ubi vulnero coma. Comprehendo volubilis aro spoliatio volo. Conor tabernus harum comburo. Abundans vespillo conatus communis amplitudo. Trepide adfero universe possimus recusandae cilicium. Voluntarius aiunt surgo somniculosus assentator. Aspernatur infit eos acies uredo. Suscipit quod stultus balbus. Canto tumultus deinde soluta bibo urbanus ante veniam necessitatibus blandior. Tersus adfectus acerbitas commodo peccatus occaecati alter soleo tonsor. Sublime audeo surculus amiculum labore damno thesis. Suus viduo copia cognatus. Adflicto aegre demoror solus deputo ullam adnuo placeat valeo creator.

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