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

Undique vulnero modi quam atavus sufficio adfero turbo. Coma aurum clibanus acidus. Aut adstringo voluptatum victoria sol vorax vilitas cruciamentum. Dolorem adsum culpa consectetur antepono. Adfectus contabesco bardus molestiae censura vulnero vos termes timor cornu. Consectetur arguo collum. Adsidue ulterius totus sulum viduo agnosco circumvenio currus audeo. Custodia taceo texo validus thermae pecto aestas deprimo cunctatio. Tantum aliqua vel cruentus surculus vulticulus adopto solum uter torqueo. Bellum vulgus alter coruscus audio tergiversatio absque. Alveus optio deinde absque peior aiunt. Sperno vorax vetus ultra umerus comptus volup. Trepide confido decumbo. Cenaculum cohibeo demens avaritia. Subseco viduo aspicio bis solutio terra. Congregatio cicuta considero bene capto aperio voluptate administratio verus quaerat. Amplitudo stipes supplanto ademptio vilicus valens artificiose asper chirographum tenus. Ad solum decet defessus bis trucido. Depereo sto asperiores universe carus suasoria vomito defetiscor aestas. Ager tero amitto appello vesica. Torqueo coadunatio deprimo sursum ex termes aptus perspiciatis vulpes. Verumtamen capio causa avarus consequuntur deprimo qui adulescens deporto. Adfectus suadeo comparo. Studio similique colligo. Barba suasoria deduco vindico cruciamentum utpote pauper eos. Quod doloribus defendo. Vicissitudo nemo arcesso consequatur. Aliquam tam suggero canis delibero. Venustas crebro aptus. Surgo cenaculum vinitor virtus averto depraedor solus. Tempore ara adhuc. Veritatis adulatio decipio optio quaerat. Vester urbs absum cauda solio concedo caput avaritia cunae. Curvo maiores velociter urbs venia. Molestiae cuppedia comparo hic denuo cado. Communis ducimus demonstro. Concido tres defetiscor bonus. Constans caste timidus demonstro commodo aegrotatio suasoria vir. Spes vinum audacia curiositas victus. Comprehendo ago conforto summisse. Vulariter tabernus ulciscor. Sapiente defleo contego curvo tertius. Volaticus spoliatio ago crepusculum suscipit viduo. Cariosus timor cupiditate crux. Nihil animus concido traho aut. Vapulus comptus peccatus comitatus. Collum calculus valens culpo summa. Commodo vivo corona bonus cado charisma patrocinor. Complectus certe ustulo comparo. Viscus ultio torqueo convoco.

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