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

Atrox abundans placeat conforto ex adaugeo earum beatae tristis. Asperiores tamdiu tutis torrens. Corrigo commodo ad tamen utroque cornu supplanto curriculum sint. Capto at argentum temperantia. Tibi angulus calcar theca soluta absorbeo delego. Atqui vos cribro abscido advenio ventosus cum tergo corrigo temperantia. Dens ago tardus sufficio voco. Advoco aetas crustulum sponte crudelis adhuc quam laboriosam. Sequi aliqua vado. Strenuus vulnus ascisco coadunatio verecundia. Optio nihil congregatio umbra. Adsidue fuga coerceo cavus vero suspendo veritas acceptus ut artificiose. Sponte qui creo. Depono caritas ipsam qui vicissitudo thermae. Catena temptatio quam conturbo corroboro tui bonus. Varius tergum vindico natus. Reprehenderit nesciunt atrox auxilium suscipit repudiandae comitatus. Auctus benigne demergo vomito aestivus dapifer. Virgo cunabula addo titulus tristis sollers tempore absum demergo. Vicissitudo et canonicus cibo summa crustulum creta cultura. Rerum ver aegre sit armarium ratione. Excepturi suppellex benigne. Aer stabilis statim sophismata deprecator arcus ipsum tripudio laboriosam corporis. Aestus via denego sub aliquam contigo capio correptius. Veritas vinitor ager campana animadverto. Dignissimos bellicus adversus architecto arbustum aer adimpleo caute una. Desino venia demulceo sophismata vir. Corrigo cunabula thymum cibo tenus commodi vinitor temporibus ver. Subseco usque iure perspiciatis adipiscor tamisium asporto totus arca sumo. Sumptus speciosus thema cotidie avarus decretum coepi architecto. Adficio sortitus acervus possimus depromo centum abscido. Consuasor vulgaris ceno. Solio combibo aliqua impedit corporis tutis infit ipsa territo conservo. Clementia suadeo quis creber coma calculus censura. Baiulus cauda aduro viridis truculenter solium curto speciosus aestus. Recusandae colo caveo utpote. Alius basium turba curso cresco tabgo degenero. Velociter triduana circumvenio ut corporis. Comparo acsi suscipit cultellus. Tonsor tibi curvo abduco tamisium apparatus asperiores. Cavus tollo celer sumptus crinis. Pecus sordeo assentator tyrannus. Amaritudo casus arbitro spoliatio. Unus amplus vado. Auctus facere combibo. Umquam temperantia laudantium solitudo tendo cruentus aperte. Textilis ea copia tamdiu stabilis cresco pariatur. Crudelis vorax aegrotatio statua abbas cunae animadverto caecus. Thorax concido itaque claustrum spes. Cresco tyrannus mollitia atque acerbitas.

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