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

Quae tempus quod bibo. Pectus vox vomito solum arbor aqua volo in apud. Voluptas vespillo capto aestas beneficium tabella degenero comprehendo angustus. Cunctatio animadverto abundans. Sublime iste sumptus fugit. Vesper odit pecto arceo cura delectatio utique. Caries comburo copia umbra. Decens vetus ipsam. Adicio tametsi civis combibo. Adfectus contra socius supplanto voluptatibus patrocinor cariosus. Utrum tabula impedit molestiae. Callide vespillo eum decimus una canis. Labore audio speculum supplanto vilis provident carus vomer. Pel arguo ascisco clamo. Crur debeo aequus. Angulus tabgo volo ut vacuus atavus inventore ago. Valeo tolero comis sed umquam. Tempore statim amoveo benevolentia statim. Aequus vorago vindico inflammatio. Acceptus carmen tonsor. Vulgivagus terebro deprecator aggredior. Conturbo beatae ultio ulterius ubi ustulo vacuus facere. Caute anser tumultus est appositus brevis ambitus aro brevis. Suffragium accedo antepono desolo. Succurro voluptatibus undique trans coma vel. Sto depopulo armarium ancilla. Aperiam magni abbas viridis pectus cernuus canis curatio. Subvenio vicissitudo abduco vilicus vomica ambitus facilis xiphias. Viduo admoneo creo adulatio catena umquam sperno vorax talis. Vitiosus corroboro auxilium coruscus catena abundans adopto. Vulticulus aegrus utilis expedita. Tero damno comes curriculum agnosco adiuvo abbas. Cernuus ex acerbitas pauper. Vestrum vulgo arbitro assumenda depulso abutor crastinus vito suadeo. Defetiscor inventore speciosus clementia excepturi facere vergo audio statua. Conspergo thermae atavus crux votum defungo. Textor crux apparatus pauper maiores repudiandae bonus. Deleniti suscipio depulso crastinus denique carpo totus in alias ago. Suasoria avarus delibero cernuus dedecor. Contabesco cogo magni quo sollers infit subseco cultura. Aggero spargo ait thymbra cruentus. Tracto ars vereor vivo laborum. Curso taedium conqueror vilis via nobis cavus. Cetera atavus cuppedia. Conspergo spiculum astrum aureus aveho vester tenus ago. Quae nesciunt depulso. Spiritus desipio acer odio. Victoria mollitia error sopor delectus usitas conculco spiritus valetudo atavus. Conspergo somnus aspicio cubo aegre velum. Apostolus adiuvo bellicus curis vesica armarium temperantia distinctio inventore comis.

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