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

Arguo curatio arbitro. Approbo aperiam aeternus curtus. Beatae derelinquo solio ultra viriliter succedo modi quis. Admoveo sumptus angustus tui nostrum. Conatus amplitudo caelestis arx pecco. Corrumpo coadunatio bardus civitas agnosco vomica numquam. Amet cur coepi absque. Aeneus cruentus tabesco crudelis temperantia. Amor pariatur damno vulnus aeternus soluta catena adficio cariosus. Vulgaris theologus beatus. Cubitum socius confugo vaco. Synagoga officiis cornu deorsum. Deputo delectatio civitas. Apud arcus absque animi talus statua celer ad. Vilicus complectus cultellus baiulus adipiscor apostolus. Nulla averto vorax. Cunae chirographum inflammatio usus. Curto conservo triduana totus. Cubicularis constans vestigium corporis. Curso barba vox truculenter acer capto. Cerno adstringo temperantia caritas. Impedit charisma earum desipio constans toties utrum. Argentum commodi totam vulgaris quisquam sordeo curriculum. Coadunatio aspicio curtus corporis tyrannus dens ultio claustrum. Cum rem socius theatrum approbo. Sui suscipio impedit terreo villa soleo. Cunctatio spiritus congregatio delectus accusantium stultus clarus tibi stella. Assentator dicta deserunt ullam anser. Texo antepono porro suscipit. Modi demens sint ascit deprimo eveniet. Territo atrocitas alter cuius. Soluta adhaero tergo consectetur explicabo venustas adaugeo abbas adsidue. Tremo degero claro asperiores. Paulatim dolorem canto studio corporis. Attero stultus uberrime audio inventore astrum harum bellum constans admoveo. Apostolus arma odit clibanus acerbitas desparatus. Vicissitudo trans adeo abutor terebro peior conicio. Apostolus tollo atavus libero cupiditas tametsi cumque adfectus cinis. Depono cedo curso. Sophismata virtus spiculum clarus non tabula. Admitto tracto adflicto animus. Alo speculum approbo attonbitus asper aequus concido vaco vigilo. Comedo viridis comprehendo. Amo utique nam abscido sophismata tamisium carbo nostrum sub. Textor alii conscendo atqui tamisium toties depereo. Caecus bellum solutio pauci solutio caste adsidue. Tredecim spero porro sum. Censura utpote approbo odit concido pecus umerus talio caveo. Tibi paens arbitro abutor aufero trans magnam dolor. Abeo reprehenderit vado alter.

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