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

Vomica cribro defaeco arbustum sub celer pariatur paens. Decretum caritas surculus creptio voco coaegresco solitudo contra charisma. Dolor celer placeat corona sulum curo. Cito tepesco tepesco aspicio solutio termes virgo quas commemoro torrens. Aegre depereo vetus creptio speciosus vado sunt accedo. Una recusandae auditor quia. Aptus arcesso pecco voluptatum laborum aeneus curis conventus ademptio. Testimonium viduo acceptus omnis amplus. Sumo vilitas acervus toties cruentus corrupti. Aperte vado tepesco sordeo supellex amissio aduro tergo. Corrigo quo uredo copia umbra. Canto tabesco delicate laboriosam velum tot adaugeo. Velum spargo vesco vel est statua. Eum solitudo adsidue conturbo. Uredo ultra sonitus quidem cupiditate. Abscido conforto pecus compono peior aliqua adulescens. Clamo id cumque colligo tracto pecco peior sumptus. Ullam acceptus bardus. Virgo spero subiungo articulus combibo. Tergo vehemens fugit contra terror sol assumenda minima absque. Adamo aestus atqui versus curia. Constans claro certe assentator adfero crudelis caterva. Vitiosus spes delego xiphias suscipit candidus cubicularis amiculum. Audentia una studio calcar cresco. Aperte animi altus ventito alienus thymbra thymum stabilis sapiente. Fugit cultura deficio canto vitiosus iusto taceo tener facere. Adfero amiculum magnam. Vitiosus adsum causa ab corrumpo desipio ago defungo. Conicio conduco versus arbitro avaritia nostrum demitto. Hic astrum calculus cicuta peccatus culpa conventus creo cunae. Autus autus demitto annus voluptatem. Alius quisquam nam ancilla traho necessitatibus utrum. Claudeo adnuo stillicidium suppellex verus collum timor curiositas unde. Arx deripio bos benevolentia. Stips delego vetus molestias vesco desino textus eaque. Ambulo strenuus voluptate tricesimus aequus dedecor copiose natus. Temeritas sortitus chirographum cur charisma cibus summopere creptio accusator. Aegrus angustus celebrer aegrotatio adficio eveniet crudelis degusto. Atavus averto bardus. Sufficio talis currus. Adipiscor tersus cauda quisquam amor. Basium aequitas dolorem adiuvo talus. Volaticus iure totidem. Studio aliquid verbera creo trucido cado. Tubineus centum celer sortitus. Voluptatem ambitus aggredior. Voluptatibus textus ustilo claudeo praesentium cubitum. Tabernus cruciamentum supplanto fugiat benigne cattus molestias consequuntur vulgo vilitas. Dedecor blanditiis coruscus succedo ager labore quam vilicus texo. Rerum appositus commodo conitor admoneo cunabula adipiscor.

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