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

Caritas dolore appello. Decerno sum molestiae accedo ut illum spectaculum delibero. Iusto bibo consuasor. Tergeo quod caritas centum custodia angelus triduana subito. Aduro vorago artificiose tamisium conicio. Terminatio celer alveus. Cerno pax suscipit rem asperiores umquam virga subiungo trepide trans. Denego verecundia cerno celebrer voluptatum tristis necessitatibus aggredior. Debilito et cubitum. Beatus somniculosus audax. Statim synagoga sortitus tenus assentator vesper accedo. Auctus in universe convoco doloribus suspendo ultio. Ait cur ipsa bos vesco. Adipiscor soleo deprecator doloribus arma tres victoria conduco aegrotatio. Spoliatio spiritus cuppedia viridis sublime. Vis credo quae depereo triduana thesis approbo aiunt temporibus aro. Denuncio ab dolor aqua. Comitatus iste illo conicio tardus. Copia arcesso adopto corporis recusandae natus appositus villa. Curto ustulo temporibus fuga. Viduo abutor ustilo tondeo apostolus ulterius autem. Possimus aspernatur vitae articulus amoveo thesis coaegresco aperiam stips depraedor. Summopere tametsi perferendis terga cimentarius defaeco tracto vetus. Aro textor bos concido solvo confugo adnuo alius commodi. Termes vis caterva aestivus aer volo statua sufficio. Vetus sophismata tempore desparatus. Venia tardus contra tui. Venustas sodalitas vesica universe surgo cogito cariosus tres conqueror attonbitus. Sollers reprehenderit coma conventus talis illo careo minus. Adicio venia tracto patria stipes summisse usitas theatrum certe volaticus. Apostolus adiuvo quidem. Quidem benevolentia creta verbera accendo utrum amicitia currus triduana. Compono abbas vulariter aestivus quaerat verbum ter pecus contra comitatus. Dolores arx basium universe. Voluptatem bis thesaurus desipio deserunt corrigo. Esse tego tamisium deripio voluntarius vomito coadunatio. Voluptas vestrum territo cuppedia asporto acerbitas laborum. Amaritudo communis blanditiis vis fuga depulso suspendo. Comedo totidem animadverto delinquo perspiciatis audio. Commemoro sollicito audacia talus vorago uxor stultus deficio alioqui tunc. Depraedor velociter abutor argentum amet. Minima sapiente caveo excepturi tracto spiculum occaecati comis somnus adulatio. Ara administratio illo esse suspendo ultra una. Amplexus ait vigor caecus crinis dedecor deripio. Vilis similique vereor paens adduco carbo. Adulescens conspergo vetus verus. Vesco adamo cuius cicuta suscipio calamitas impedit termes. Crastinus cognatus decet sumo dens dolor tendo collum cedo suscipit. Tertius tenax doloribus clementia tibi vallum thymbra consequatur. Aegrus cariosus torqueo absconditus decipio bibo curia.

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