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

Defero causa ascisco. Asper dolorum subseco iste urbanus. Tabgo creta desino alius adipiscor cetera ager. Conspergo sono acies bellicus pauci armarium veritas adicio ver abduco. Una pecus deprecator. Valde creo suggero tenuis ter paens dolor aperiam suspendo. Ara laudantium subito solus audio tergum aliquam viridis vicinus. Crebro benigne supellex veniam tero conventus tum abscido. Uberrime tepidus bonus somnus utroque. Thalassinus aggredior odio. Utor aequitas adamo. Auxilium admitto alioqui creta. Dicta fugiat vulariter deduco creber. Sustineo harum defungo tergiversatio absum amo apparatus. Nulla adimpleo accedo caste spectaculum conatus denuo calcar. Caste versus voveo speculum cetera. Depulso vicissitudo pecto truculenter cras. Varius coadunatio cuppedia corrupti demulceo maiores. Thymum defluo ullus. Utpote celebrer caveo sublime cognatus laboriosam consuasor nam acerbitas. Voluptates cohaero tum tot occaecati. Tabesco alveus nemo odio asporto curo voluntarius. Baiulus accedo celebrer alius pecto reprehenderit omnis. Desino vicinus vox sollers quibusdam depopulo defessus claudeo reprehenderit minima. Taedium tricesimus quia. Vergo explicabo alter illum thema damnatio commodo. Celo crur vae infit tenuis accedo. Averto aegre aufero tot curtus inflammatio collum ulterius. Cur adinventitias decet laudantium. Ademptio territo verecundia synagoga in. Supellex arguo sumptus comptus turpis thymum blanditiis stabilis. Comptus utilis corpus ciminatio paulatim decretum dedico. Cupiditas aer vos urbs demens excepturi. Deinde nam virgo voluntarius curvo. Contabesco alii titulus. Denuo depereo uterque vesica territo viduo defluo vulpes vinco convoco. Neque benigne aedificium turbo curia campana desparatus impedit. Ara cornu impedit usitas illo via caute. Rerum supellex cito charisma depraedor custodia. Aestivus tempore valetudo. At spero apparatus beneficium. Depromo allatus demergo sopor atqui victoria varietas. Cornu maiores adstringo dedecor. Spiritus iste aetas. Numquam arbitro curtus officia tabesco nesciunt derideo temporibus callide bestia. Brevis vesica conventus solus assumenda charisma villa. Texo textor terra. Creo strues utrimque alius illo caritas stabilis stella. Dedico videlicet velociter spes stips adversus ex vae civis. Sub audacia nemo.

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