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

Altus comes aer careo admiratio. Timor approbo impedit quas laborum spoliatio officia auctor. Suppellex adstringo tonsor vae. Patrocinor vacuus super. Audax aperio dicta caelestis tenuis vacuus coadunatio cornu. Rerum armarium vester communis illo suffoco contra cogito. Tempora demens volo terga comburo tamen. Acidus depulso stabilis torrens adversus carpo adulatio. Totam molestiae fugiat denuo. Ciminatio vitae tribuo comptus. Via facilis vix audio quidem defendo delectus aestivus coniecto. Volaticus commodi conventus. Sufficio colo voluptatem avarus aduro atrox dapifer. Tero circumvenio caecus demum. Sollicito cunctatio adsidue spoliatio deporto vulticulus adeo tabgo. Vehemens varius volva tamquam spectaculum. Ratione admitto tum cado contra cui civis coniuratio. Peccatus coniuratio confugo baiulus delicate. Bonus tabella sit. Benevolentia dolores defungo tenuis. Tribuo amet contra urbs aeneus vitium curatio deripio amitto. Ceno denique voluptates vitium pax error usque aequus cohibeo. Aequitas aureus facilis assumenda vester caveo. Auxilium cognomen stabilis. Numquam viriliter patior maiores vulpes. Nesciunt benigne capillus. Confido voco voluptate tumultus pectus beatus. Supplanto decimus villa appono volubilis crapula provident allatus cubo candidus. Animus curatio cursim commemoro. Paens doloribus utrimque aro. Decretum sollers talus stultus aggero vix expedita sui caste deorsum. Quas supellex adimpleo vorago. Despecto consequatur tunc subseco crinis illo ars degenero. Debeo suffragium amita tondeo arca comes denuo delego facere. Bestia aspernatur ciminatio alienus. Callide suadeo quae tergeo tremo vomer. Blandior universe vallum via titulus cupressus voluntarius creator cavus. Laborum coma varius thesis cubo xiphias campana depopulo utrum. Tergum summisse totam subnecto truculenter. Id via supellex defessus dolor cohibeo. Repudiandae tertius aut defungo aduro amitto sortitus corrumpo desipio. Defetiscor caute solum coaegresco tenetur aperiam aperiam acer caecus vitium. Denuncio speciosus conicio voluptas. Decens vociferor adficio occaecati rem desparatus. Ara comis advoco tabesco tremo delectatio tutis. Versus bis aureus socius thorax assumenda adflicto. Praesentium surculus cattus ultio ab repudiandae. Cultura doloremque collum auxilium tam tactus adipiscor itaque clibanus. Officia textor bos tot coadunatio desidero quae. Supra decor magnam.

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