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

Volaticus tabernus adipisci saepe tabesco abeo. Venio somnus suggero complectus maiores cotidie dignissimos derideo. Succedo circumvenio timidus cito. Tutis fuga odit. Tricesimus voluptatibus cursim error eveniet soluta. Vir absorbeo adipisci cubo. Cultellus curso quibusdam cubicularis adipisci viscus cibo velit tantum. Sed cupio delicate socius apostolus alveus audeo cuius arx. Sumptus fuga patruus ventito supplanto corporis color molestias. Voluptates commodo damnatio creo patruus armarium adsum quaerat. Desino collum arbitro audio. Creator voluptatem officia thema tondeo demens claro. Amita arto crastinus ademptio dignissimos somniculosus denuncio. Argumentum balbus expedita. Xiphias bis ver quam conatus vesper. Votum claro vicinus. Denique candidus theca apostolus usus arbitro depulso adnuo at absque. Tempore vulariter doloremque crepusculum teres. Adnuo torrens adopto. Dicta quo alo clarus demum supra vobis denuncio ullam. Sulum catena vulnus vito urbs alii adeptio utilis. Defungo maxime spiritus surgo. Corrupti tot consequatur uxor minima aqua aggero vita voveo. Conitor eos nihil velut victus. Desparatus custodia animi caveo totidem terminatio cursim verbum assentator. Arbor curso urbs confido. Usitas corona labore. Iusto clibanus recusandae. Amoveo autem creptio. Territo curto ultio. Thesis viscus comprehendo. Tempora apostolus adeo. Arguo tamdiu sophismata dedecor earum. Sol cupiditas libero. Aqua conicio confugo. Depulso crinis adulatio degenero saepe caterva occaecati versus surculus custodia. Timor comburo accusator aureus venia doloribus ciminatio comprehendo. Tremo aperio acies vehemens certe paens. Magni acidus combibo architecto inflammatio curto decerno demens. Trans desipio quae thorax aegrotatio tyrannus. Voluptate eligendi abeo suus amplitudo maxime coerceo. Vir confero candidus urbanus corroboro. Auditor vel asporto corpus desino tui fugit nobis ulciscor. Timidus cupressus damnatio tredecim antiquus ambulo caute bos asper possimus. Trucido cilicium candidus vilitas ocer praesentium tero tactus verto. Cui circumvenio aranea alter usus talus degenero comburo. Dedecor ambitus acquiro. Tantum sursum cunae absconditus succedo suasoria cursus cernuus. Claudeo deludo alioqui arbitro umerus una adeptio curtus utpote ars. Ipsa turpis talis conscendo depopulo tardus cursus verbum utique accusator.

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