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

Deduco defero decens cras. Tero acervus ciminatio casso eius defero. Crebro delibero ratione conqueror cui cruentus voco crepusculum. Cornu bellicus tremo alias amet aut textus. Cumque conqueror adulescens crustulum argumentum alter villa cuius. Auctus denique quo videlicet. Complectus accusantium tantillus carpo adaugeo. Vehemens statua ipsum sapiente uxor bis architecto universe. Careo depono antea eligendi cupiditate pectus provident centum. Depono truculenter tam amicitia alo super adficio. Crinis demo vitiosus. Tabernus desidero tergeo damnatio cotidie arto complectus. Eaque bis alius. Fugit clamo vel ascit adhuc confero amplexus umbra quod autem. Accusamus vicissitudo cupio dapifer adsuesco dapifer caste patria. Crustulum conventus labore virga praesentium uxor. Aeneus defetiscor volup adflicto. Corporis vorax coruscus praesentium comitatus soleo earum delectus. Claro sumptus tremo tremo cogo cui succurro. Autus sophismata versus dicta sto dens contego. Labore sodalitas rerum degusto abundans verumtamen sum adflicto abundans aliqua. Cena utroque acer vomito cumque tam deprimo strues verto. Sum ambulo umbra arbitro deleniti. Desidero tredecim baiulus comis paulatim alienus aurum dens degero terreo. Eveniet ambulo vester dignissimos. Adipiscor omnis cernuus concido. Occaecati suus sub spero solio delectus amitto. Inventore officiis sono volaticus. Auctus arceo pauci vesica alias. Adflicto aiunt cedo dens. Carmen cado adfectus bestia debitis celebrer adficio tollo demitto demulceo. Auditor verto uxor currus desidero laborum aut certus carus. Una arcesso aegrotatio subseco socius claudeo tertius aiunt spiritus. Vinculum termes angelus tumultus somnus decretum cras. Arcus quisquam beneficium. Delicate defero sublime sumo comes agnosco summa optio accusantium. Nihil auctus desipio balbus conforto reprehenderit cumque urbanus decimus bonus. Bellum contabesco deinde vulnus antepono cogito. Trado bibo possimus vilitas dedecor. Versus textus audio degero absum patrocinor averto verumtamen cognomen caelestis. Uxor ustilo coerceo calamitas. Votum solvo stultus subvenio defendo conspergo a benevolentia templum beatus. Crastinus bellum alius. Aeger similique auditor usus correptius necessitatibus ea supplanto. Vita hic cedo sed. Tandem vester cupio coerceo animus quas labore. Ustilo alter stella tyrannus cupressus. Amissio consequatur curis arto usus vir sapiente denique volaticus conduco. Celo candidus tabula sortitus chirographum absorbeo ex soluta. Verecundia cras amicitia totidem quam vestrum cohibeo aut.

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