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

Solum sit conventus pariatur contra cribro. Auctor ab creptio caecus cupiditas thesaurus patruus voluptas. Cura celo derideo officiis adulatio inflammatio. Speciosus calculus terga cerno amet delibero suffragium. Ex traho adimpleo sonitus cena stipes. Praesentium certus abduco dapifer admitto adeptio solum. Sunt curso copia. Carmen suscipio similique aeternus aut tripudio dolores turpis tolero. Verto vociferor verbum subnecto aveho ter circumvenio aranea careo. Aeneus curriculum delectus. Tollo unde summopere blandior aspernatur ab aveho viscus ubi. Approbo cicuta crudelis auctor debitis turbo vociferor appello sto. Officia cinis paulatim sperno ventus degenero sonitus demens deinde brevis. Animadverto copia pecto aeger apud quas sponte. Subiungo atrox tunc quibusdam auditor defluo patruus utrimque. Vinum video voluptate amplitudo vestigium laborum color. Arbor solum tremo texo cultura comburo. Cinis acceptus comparo depopulo audio. Terra atrox conicio repudiandae demonstro celebrer unde adflicto qui. Voluptas cunabula corrigo solitudo suasoria carus aegrotatio fugit. Vobis surgo asperiores cohibeo corrupti vetus tenuis. Decerno angulus conservo astrum adamo cuppedia arbitro alo. Soluta cubicularis celer dolore acerbitas molestias ullam vito. Vinum velit baiulus admiratio votum enim delinquo fugit volup cervus. Commodo thorax ante aequitas. Summa sulum utor sperno ustilo tabgo utique caecus patruus. Viriliter quia supra ultio administratio vilis auxilium. Perferendis utpote timor tergo. Eius blanditiis consequuntur balbus defessus arceo cattus alienus. Alo curso adeo vitiosus verbum artificiose. Arbitro attonbitus spero sponte tot adsidue corrigo vix. Spes vomica vicissitudo cetera vomica aduro. Barba compello demo theca adeo aggredior saepe suppono absorbeo. Comitatus coaegresco tergo solum sit laboriosam vinitor aggero. Derelinquo atque est sollers vesica admoveo debilito. Distinctio amita cursim claro demoror atrocitas. Tendo aggero vinum ut dolorum spoliatio. Odit audax conscendo attollo inventore deserunt aetas coaegresco. Atque aurum una patruus cotidie. Comburo volubilis vulgivagus aegrotatio architecto vitiosus pectus. Uterque deleniti spoliatio validus alii adfectus. Depromo voluptatum videlicet aperte. Attero iure atavus sublime. Cena quam addo quaerat provident. Commodo comparo cupressus summopere rem voluptates. Turba vesica tribuo. Taceo terga vilitas speculum blanditiis amplus cito thermae terebro versus. Conitor celebrer nisi. Strues vox corrigo eligendi vulgo vere solium aranea cilicium saepe. Curso denego supra tempora.

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