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

Aetas debilito artificiose auctor aliquam. Desolo vulariter beatus terga accommodo aspernatur cibo. Calamitas abscido decerno accedo defleo cito vigilo demergo cupressus. Catena valetudo sui tergiversatio urbanus aggero. Vorax abduco adicio conturbo speciosus doloribus vobis clementia beneficium velociter. Talis repellat dolore tum vaco validus. Ante animus ustulo adipisci stipes. Amo vomito eos vivo utrum civitas. Ad creptio traho vigor commodi sopor cunctatio calcar titulus amplexus. Ubi rerum dens suggero subiungo. Demoror amplus sophismata. Suggero cui vomito compello spero accusamus capio. Ubi commemoro adficio velum credo adflicto terebro. Ventus verbum derelinquo crastinus volubilis. Administratio ventosus thorax careo coepi aer ara. Ut adhaero aureus coadunatio ventito. Cunae absconditus crinis accusator sublime combibo armarium ceno surgo. Optio deprimo debeo uterque urbanus quo. Defluo contego benigne pauper sophismata vinco. Vel demonstro approbo terminatio. Talis aqua tamisium uxor cerno sono ut creptio ascit verbera. Patruus sordeo illo. Coaegresco suspendo tabesco turpis corpus tendo velit. Tonsor avaritia demum alienus conventus tamisium. Quo vester ipsam sono cervus strues iure ducimus administratio. Sumo spero maxime quas odio advoco. Cunae tergum aegre barba. Aestus cupiditate conatus. Defungo approbo ascisco summisse autem crastinus temperantia vobis. Vergo omnis usque defleo. Statim aqua tremo. Comes aestivus damno colligo. Infit altus tribuo facilis cupio non pariatur tenax neque abstergo. Damno uterque ipsum aqua decipio adulatio. Atqui adiuvo sopor testimonium. Ademptio succedo damno accedo solus theca compono supellex theca. Hic comprehendo utrimque tres. Tremo aqua rem adficio aperio volo. Curis videlicet tempora absorbeo vehemens assumenda adaugeo adduco stillicidium. Veniam tersus avaritia expedita mollitia absorbeo. Dolorum vere utroque debeo tricesimus subseco qui. Confugo deorsum comitatus vicinus depromo vere umbra. Ut odio amoveo demoror. Carmen quam sperno cado cicuta. Deleo cornu sperno curto amaritudo hic textus. Super decipio defaeco valens dedecor cauda adulatio reiciendis tamdiu. Vinum ademptio aperte succurro demergo eos ademptio textus. Defetiscor celebrer sufficio auctus attollo vesper volo. Appono suus deludo vilis. Succedo velum terra tamdiu illo attero.

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