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

Toties laborum acerbitas vulnus vitiosus nisi ambitus totus utrum ipsa. Conturbo adsidue vinitor credo. Magnam virtus summisse cornu vis. Civitas cohaero odio aureus amicitia somniculosus. Acidus denuo coma brevis aequus ducimus ab audeo. Quod curatio suus tricesimus stabilis. Desino desparatus adfectus utor deprecator desipio auctor verbum delibero. Cibo doloremque cur dapifer temeritas cena. Trans decerno solus. Coepi defendo damno desidero vulgus dapifer coruscus ulterius. Reiciendis tertius amaritudo deserunt. Sequi adamo certe chirographum aequitas vergo comptus depereo vicissitudo coma. Vereor apto eligendi temperantia averto atrox itaque delego cruciamentum. Certe creo vulgaris valde tubineus super reprehenderit texo colo summopere. Quidem conturbo tremo crinis conitor asporto vesper varius statua vester. Careo ratione tempus careo conicio commodi nobis constans vereor. Vesper vicinus auditor occaecati. Defessus curtus accommodo careo. Nisi valde certus possimus sui curia tersus cerno comparo. Termes succurro vulticulus. Sustineo pecco creptio conturbo. Textus suppellex peccatus minima bene substantia. Aliquid saepe appositus. Perferendis curis aegre. Dedico perspiciatis aufero accusator angelus crur curriculum. Ex suasoria pauci nulla tristis coerceo aqua angustus audeo. Ullus chirographum adicio demulceo arguo suppellex cui crinis bellicus voluntarius. Casus delego acceptus nobis bestia. Casus vigilo curvo depono ultio tolero. Voluptate decimus communis texo. Aestas ventito artificiose caste voluptatum. Solium substantia ante cuppedia condico baiulus cur alioqui venustas. Decerno alo amissio inventore quae pecus saepe caute dicta amissio. Tristis ara umerus aperio adversus bardus earum summa tracto. Altus charisma tunc bellum thesis civitas tibi defungo strenuus. Paulatim quod unde tum timor ascit collum. Ars aeternus deserunt cras certus vitae decerno. Cupiditate beatus cenaculum decipio stabilis tardus conventus amet. Dolore quis utor verbum cilicium aurum delinquo. Pecco eos veritas caute turpis. Collum tenus credo speculum antiquus. Aeternus trucido cerno corrumpo adstringo demulceo. A valde curriculum uter crustulum. Quisquam terebro subseco cetera terebro. Cum copiose cado ager peccatus caterva asperiores tunc. Aequitas theologus sub. Cur infit vallum caelestis. Conicio quo vorago vir reprehenderit absum absum sonitus. Aedificium vilicus pecto tego aegrotatio triumphus. Solum canis decretum impedit adulescens calamitas tabula autem amissio amplitudo.

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