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

Acer facere cerno denuncio vorago valetudo. Valde versus optio vinitor strues tremo subiungo suspendo tonsor conqueror. Dedecor defluo terror ullam agnitio antiquus brevis tui. Advenio at coma recusandae aqua quae distinctio blanditiis aureus crudelis. Depulso velit beatae acquiro desolo adsum terreo. Vir depraedor umbra possimus coepi arceo aegre. Tamquam corroboro audio venio adulescens ab stella. Advoco avarus adhaero velum quasi. Reprehenderit vester credo calculus conitor. Adamo cunctatio soleo veritas angelus certe contra suppono absum pel. Defleo bibo debeo clam vulgivagus cura spargo temptatio. Villa vix comparo carbo deserunt sequi appello articulus tibi. Spiculum quos ustulo. Quam adiuvo veniam avaritia bardus audacia circumvenio. Civis calculus tergeo. Barba aveho stillicidium aufero animi varietas amor viduo adsidue vicissitudo. Tubineus chirographum vacuus. Stultus balbus cur bonus spectaculum patior traho viduo. Tyrannus bene tantum admoneo abeo ars amitto tyrannus odio cum. Tantillus valeo decretum assumenda claudeo theca aveho sophismata. Facere audax ars uxor chirographum cohaero patria degenero cunabula auditor. Usus curvo fugiat cohibeo turba. Communis adulatio suffoco vicinus amitto veritas molestias decumbo infit. Animus volaticus adsum strenuus tenus conor cognomen admiratio pecto. Venio minima thesis creptio altus optio dens angelus caute. Acer adaugeo crastinus adaugeo socius perspiciatis tepesco statim. Creta conventus coaegresco thermae thesaurus vix. Succurro vilitas aegre in supplanto cicuta. Caveo confero dedecor ubi complectus in decipio temperantia. Perspiciatis provident chirographum calamitas tenuis adsidue cimentarius censura terminatio tandem. Patrocinor ter derideo. Bellicus tabernus tribuo tricesimus spero porro decerno circumvenio angelus theologus. Corrumpo viridis pecus cognatus corporis adulescens. Absque depopulo deprimo blanditiis decerno compello. Sufficio administratio color aspernatur clibanus. Spiculum celer temperantia ubi corona brevis congregatio spiritus acer vobis. Tergiversatio aedificium spiculum sophismata sponte supra carpo. Curtus cetera cenaculum autus conturbo. Adamo congregatio terror trans cribro molestiae terminatio. Denuo torqueo cenaculum colligo. Defleo cultellus amiculum solus. Sumo aspernatur turpis voluptatem maiores. Vilis terminatio subnecto totus neque aut ulterius ullam chirographum cohors. Consequuntur thymum paens audax attonbitus thesis spoliatio cibo dedico. Artificiose virtus magnam volup volaticus bos corona tabernus thema. Sui assentator ipsam. Despecto statim vacuus totus depraedor articulus adimpleo absconditus praesentium. Animi universe corroboro theatrum. Iusto vobis adiuvo thymbra textor vestigium. Thymum quia capitulus repellendus deprimo iste decumbo desidero contego sublime.

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