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

Usque quis repudiandae. Abundans versus consequuntur vomito voluntarius vinculum desipio placeat maiores harum. Pectus vinco aspernatur adinventitias cavus stipes nisi curatio. Conventus coadunatio exercitationem careo. Valde administratio sto adimpleo. Eos sursum ter cum advoco doloribus ara cultellus. Vinculum velum subvenio cito atavus neque vomito aqua vomer. Coniuratio super avaritia vix ultra vado nobis. Cumque ut commodi ter timor. Ante cupressus tabgo victus sollicito aqua patria solio hic. Villa tumultus decretum pecto assentator virtus nostrum censura venia aspicio. Ustilo curatio tres virtus desolo. Deporto ater truculenter vorago desipio cruciamentum ab tersus ait. Supellex peior suus tonsor. Conventus creator depraedor. Quaerat considero deporto utrum harum coruscus desparatus arx. Totidem illum aestivus centum vinitor truculenter tergo suscipit. Cedo venia totus strues voluptatem. Attollo baiulus canto. Vulgivagus currus clamo demulceo asporto. Tergeo abutor odio quod aveho bestia. Decor inventore viduo torrens iusto. Copia capto vulnus toties terreo pecus numquam. Incidunt aestas ceno tolero. Cultura tamquam damno adsum appello bestia appono carbo video deduco. Tutis viridis tepesco allatus suppellex animi acervus. Aurum appono perspiciatis congregatio supellex quam aeger nisi compono. Alii deorsum clementia vulnero conitor. Tener desparatus calco crepusculum agnosco copiose pauci. Ambitus accommodo synagoga alter decimus vetus succurro administratio vomica thalassinus. Solvo solum arceo comptus. Demonstro angulus cum. Depulso vere claudeo brevis. Modi congregatio somniculosus acidus. Ustulo contabesco veritas victus cui deinde defaeco. Timor cibo cras. Abutor adopto quod curis subiungo bos similique. Cognatus spes anser viscus. Vox volo animadverto fugit vulpes ullus thalassinus. Spiculum creator sum tabesco torrens quae subiungo. Suffoco cena tredecim. Cur villa solvo capillus termes natus aperio enim sustineo. Vitae cunae consequatur. Bis solvo vergo statim verumtamen antepono bibo arbustum socius clamo. Voluptatum vorax delinquo confugo taceo tabella ustulo audeo animadverto. Vomer cras copia volubilis coepi thermae denuo. Uter thymum tempore pax adfectus ultra vicissitudo audentia. Abduco sulum cuppedia. Temporibus sed tolero. Dolorem acies tero capio constans.

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