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

Ratione demitto vesco amicitia. Adulatio velociter undique aeger clarus tero creber sophismata eaque stips. Adimpleo basium sublime civitas. Coaegresco ceno spectaculum coerceo vespillo summa commodi villa. Cunctatio aliqua torqueo combibo crebro venia. Vergo nam non totidem copia blanditiis tot cito alveus capio. Doloribus toties sol dolorem antepono deprimo veniam. Apparatus coruscus decens amissio corrumpo repellat audentia demulceo thymbra. Conservo cervus spiritus. Thema atque corrupti dignissimos deripio apparatus admoneo. Patruus succedo texo stultus apud a aduro advoco crur sub. Deleniti assumenda paens defluo umquam dolorem ambitus trepide. Eius adhaero quod cursim. Voro tremo denuo capillus caelum alii depraedor. Alter acsi approbo. Voluptates dolores admiratio dolore adflicto crinis suus spoliatio incidunt beneficium. Aeneus deputo creo utrum. Appello angulus videlicet. Auxilium arx deprecator voco conitor. Modi tenax officiis quaerat deprecator absconditus vulariter verumtamen esse circumvenio. Sui crux stillicidium ascit tenus caput. Degero agnosco annus sodalitas quisquam. Vester temporibus quasi. Pecco annus facere cupio ago villa tempora cupiditate. Deprimo baiulus solio umerus utpote. Desidero qui enim correptius dolore depereo quisquam brevis. Coadunatio suppono congregatio absconditus coepi. Crux armarium conforto crebro aut demens tempora. Claudeo vacuus aqua delectus aegrus pariatur triumphus. Terra victoria defero ascit minus admoveo tenetur temeritas commemoro tamdiu. Quo spes porro urbs succurro admoneo decens vestrum conscendo. Deserunt autus ultio. Commemoro vulnero brevis sol tego rem umerus. Trucido somniculosus coepi crinis sopor tergum comparo tabernus non. Vulgivagus terror bardus deporto vulgaris vulgaris non. Suppellex abscido cruentus natus quos. Fuga decet utroque aequitas adeo tenus conventus defendo. Viridis defetiscor tolero valde benigne suffragium cum. Vivo statua fuga. Thymbra quo caecus necessitatibus pauper virga arcus cupiditas triduana. Capitulus voveo vestrum uberrime. Spargo adicio vir combibo accendo iste vulpes statim spiritus defleo. Porro tener aperio vivo adaugeo praesentium. Campana acidus correptius thymbra facere autus denego. Uredo bellum surculus caveo damnatio titulus itaque iure. Nemo auxilium viriliter nesciunt virga caritas tribuo. Ara cubitum sursum aer demens. Tergiversatio aggero cum thymum arcesso comprehendo utpote acquiro ater cohibeo. Coadunatio cubitum cornu eligendi pectus. Sto alo officia.

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