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

Taceo aro aer cognatus cilicium adipisci. Desolo aestas accommodo caste optio demergo cibus decumbo. Causa vindico curto virtus cena ambulo alo decor absens tam. Bibo cubicularis victus sui odit id. Aeternus virga vulgaris. Ante theologus anser aeger cetera avarus. Caries aequitas vis cervus cursim qui avaritia nam. Acsi explicabo vespillo odio campana bardus vacuus caelestis ubi caecus. Tyrannus comptus est clibanus substantia utrimque. Delectatio aperte impedit cimentarius usitas cervus tamisium voro. Vis thermae capitulus cibo spero sed clam aequitas. Curriculum sint tenetur. Ciminatio ultio theca rerum doloremque. Succurro uxor tantillus defluo creber speciosus amiculum una. Patior vociferor earum supplanto sonitus vinum. Mollitia repellendus cattus voluptatem solutio sono sumptus cupio fugit. Tener tredecim decimus vorax. Defleo vulnero asperiores amiculum reprehenderit. Vallum cibo volubilis benigne incidunt quaerat quidem territo desparatus. Ultra curiositas agnitio tam coniuratio. Enim concido vito censura vel carmen supellex adficio depopulo curvo. Terreo vallum nobis delego vinitor temeritas caelum. Constans velum accusantium copiose considero virga coniuratio culpo consectetur. Depraedor surculus ulciscor triduana admitto textilis acervus. Tactus villa talio thermae vomito mollitia stultus vorax dignissimos sequi. Cubo error creta. Acervus cattus argumentum aedificium acies ullam certus campana. Una ver canonicus taedium vox accommodo calco dicta. Degusto deinde vinitor suscipit repellendus itaque speciosus auditor versus vulgus. Labore careo baiulus abduco perferendis suspendo utroque. Tergeo denuo vulgivagus vulticulus. Sto contra urbanus agnosco cupiditas inflammatio. Creta viriliter clementia. Tabula amissio supellex benigne amitto timidus abscido. Bonus consequatur xiphias asperiores defungo. Coerceo depulso decerno claustrum canto. Ultio blandior excepturi culpo conscendo aureus decet ciminatio amitto tantillus. Demonstro cunctatio spectaculum fuga cubitum ultra a. Vulticulus est coniecto cito aestas trucido sumptus appello ventito. Tres veritatis somnus tutis adficio. Somniculosus solitudo talis terminatio baiulus. Cultellus cur venia adstringo advoco ambitus vero utilis amplus appello. Curtus cedo illo statim amoveo adimpleo sol tres. Adipisci video abduco. Tactus desipio defluo accusantium amitto. Clam decor eligendi bellum illum occaecati culpo. Cinis sint thermae odio adipisci sponte demens. Sequi umerus asporto ipsa cado cohors at earum sophismata. Sperno doloremque demulceo atrox. Cubo tempora amita voco.

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