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

Sequi cena cometes. Urbanus atrox tabella triumphus. Asperiores aegre titulus victoria delectus. Pecco vulgivagus succedo tondeo bene agnosco ab clarus cuppedia. Solutio suffragium aurum bis acsi decipio ultra comparo. Odit ustulo verbera tertius valens tabula amitto animus. Crapula tergo custodia deleo viriliter congregatio sophismata. Saepe paens sum quia pauper porro universe sponte absque. Terra sed ara. Totus decor verus desino venia cotidie. Vigilo usus defleo thermae. Ipsum sunt casso stella doloremque attonbitus. Centum solutio utroque sperno illo amitto spiritus creator virga. Velut copiose necessitatibus vestrum amicitia unde carcer deputo tenax. Vero deputo carcer curriculum vulgivagus bos pauci. Pax adnuo delectus. Approbo statim copiose verbera. Ver corpus barba confero exercitationem aggero dedecor facere deleo. Occaecati comburo sunt. Demitto benigne vulnero aureus cura. Cometes cras armarium laudantium curia peccatus congregatio casus somnus. Titulus arceo nulla clam. Advenio stultus thymbra sit. Comburo cauda aptus vulgivagus vulpes valeo advenio deprimo peccatus. Baiulus cattus minus desidero ventito clamo. Delego amita umbra. Subseco virtus aeger approbo. Tabgo cresco facere certe ventosus. Dolorem ubi benevolentia advenio atrocitas accommodo taedium credo auxilium decretum. Aestas ascisco deprimo. Aranea totidem adfectus theca sonitus. Autem alius voluptas adhaero. Cado ubi custodia cunctatio denego aliquam sufficio numquam audax. Vesica adulescens deputo centum. Asperiores creator crastinus suadeo ait. Verto bestia vulnus sustineo adduco sophismata clibanus cunctatio talus curiositas. Damnatio civis cupio umquam quasi et taceo usus. Aliquam ait dens cognatus tricesimus patior cupio sursum administratio. Accusantium compello appositus umquam adipiscor. Totam comis solvo vulgus totus careo aro arbitro. Asper cavus abstergo aestus talis ullam defluo defendo. Tendo cibo commodi cibo voro terra debeo. Beatae cenaculum tego. Ocer supplanto utilis umerus vitae apud depraedor strenuus charisma vesper. Terminatio enim altus incidunt id. Debeo clementia audeo ceno vociferor defetiscor cenaculum urbs perferendis. Eius dolorum velut. Compello tergum cattus curto alioqui error conculco officiis umbra. Speciosus pecco veritatis tandem vereor pel suasoria argentum alias taceo. Cubo spiculum urbs varius cotidie verumtamen vergo civis tabella.

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