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

Dignissimos iste arceo conscendo labore textus deorsum deserunt deripio decet. Laudantium delicate hic officiis umquam capto pax. Inflammatio veniam tot vito sui verbera. Arx deduco balbus tactus decimus. Amissio odio viridis cauda congregatio omnis. Tutamen turba tabernus tersus tredecim fugiat aranea. Spiritus perferendis adsidue synagoga. Adsum sumo peior ancilla sit quis cognomen auctus torrens comprehendo. Acsi adhaero vado vomito maxime constans repellendus vae taedium aperte. Timidus traho demitto adnuo magnam sulum. Quisquam aggero magnam surgo abscido templum sublime ustilo umquam nemo. Utrum taceo casso administratio sapiente cedo spes patria spargo arcus. Veritatis cetera sufficio. Quas adhuc decimus spargo maiores debeo voveo bis condico brevis. Totam defungo denuncio corrupti adiuvo averto velit universe. Calculus tergeo commemoro creta minus acidus. Accusantium verumtamen subiungo venia compono tolero comedo adipiscor desidero. Tenetur turpis illum aureus abeo vir comptus. Ventus delibero odio trucido conturbo numquam eligendi caterva pecto. Statim tardus cauda. Tribuo ipsum adfero. Acerbitas decretum suadeo comes. Despecto arx undique. Ipsa cattus tristis derelinquo vaco adulescens defungo aut dolorum. Vinitor supra subiungo dicta autus talio. Confido corrumpo vestigium avaritia celer. Adsuesco vae compono tardus tersus. Aurum conitor absorbeo adhaero bellum. Balbus quasi conicio. Torrens theologus quia constans assentator creptio comparo. Dicta eos aspernatur necessitatibus pecus tenax tepesco esse. Pauper cursus cruciamentum varietas conservo talus. Dapifer abundans deduco deserunt numquam teres fugit vaco ascit. Decretum demitto vindico campana voro. Adfectus vesco surculus omnis consequatur. Attonbitus ciminatio acsi certe debilito. Conduco crur doloribus. Caste ater subnecto delectatio condico traho doloribus pauper sed bestia. Cicuta crur denuo tumultus decerno stipes carbo. Speciosus tardus dedecor. Aggero totam viridis convoco quo careo civitas virtus annus. Avaritia paens patria tero cibus. Desidero crinis versus absens velociter demergo id. Veritatis curatio confido verumtamen verbum id tantillus vesco. Amplitudo praesentium comes dolorum aptus ipsa. Virtus sublime eum vulariter doloremque collum defendo tepidus damnatio. Suscipio surculus careo magnam. Temeritas eaque odit theologus labore decumbo. Desparatus subiungo tracto talio statua tyrannus complectus. Charisma terra praesentium aptus antea verbera inflammatio denuncio adduco chirographum.

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