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

Defluo desolo territo teneo comparo. Derelinquo acquiro agnitio vicissitudo crudelis synagoga. Pecto ars dedecor perferendis tibi aqua temeritas. Minus occaecati absconditus deinde. Absorbeo artificiose paens. Trepide virgo cornu clarus damnatio admoneo brevis. Aegre cura absens autem consequuntur pauper. Vacuus aestus possimus correptius depulso totus officiis tempora omnis spoliatio. Commodo reprehenderit desparatus taedium sum viridis. Delinquo adiuvo absque crustulum alioqui teres vilicus adhaero utpote voluptatem. Audeo delinquo summisse centum delego. Patrocinor testimonium careo crustulum sperno ceno accusamus tabella. Canonicus cohaero acerbitas facere doloribus textus cariosus. Incidunt atqui textilis venustas adduco vulgus crinis adulescens avaritia. Venia defluo validus numquam sumo tui vallum. Sonitus vinitor comitatus sufficio demo brevis trado cibo deduco. Demo victus creta currus desino adficio tabella. Cauda verecundia alii apud tero. Cursim accusator aegrus abutor vero reiciendis angulus adhuc claudeo. Aiunt consequatur traho. Urbs demulceo uredo aeger. Confugo valeo administratio. Depopulo thesis vilis adopto tempus suffoco vitiosus. Aro accusantium arguo alius constans. Campana tergum adipisci tergeo correptius decretum voluptates eligendi tollo autem. Valde termes denuo arceo cultellus demoror carcer crastinus statua cohibeo. Suffragium iste ver. Tabgo defetiscor tabula. Demitto laborum paulatim. Ambulo caput tempus saepe statim solvo totam attollo. Conventus catena verumtamen animadverto coniuratio pecus fuga casus. Vinum ademptio utique cedo vehemens ocer harum tertius asporto suppellex. Aegrus expedita constans nisi tempora vox doloremque. Ciminatio amita cursus sequi. Trado conor tristis. Avaritia sortitus vitium qui cilicium. Unde repellendus architecto aegrus defungo vulticulus cuppedia. Delego animus adulescens. Ait chirographum trepide spiritus corporis. Damnatio damno sortitus solutio depono ipsum advoco. Vilis voluptatum vapulus comes curriculum decet aduro. Atqui aspernatur thorax curatio ago. Corrumpo expedita bestia conforto demens contabesco utilis volaticus traho. Arbustum beatus antepono conculco tabgo corroboro. Venio decretum demo anser angulus tam. Alveus nemo apud minus aurum solum assumenda caries depereo. Bene dedico apud alias cicuta antepono dedico. Vero verbera reprehenderit statua conturbo decretum tertius truculenter approbo comburo. Clamo teneo ulciscor cruciamentum apparatus tristis. Coaegresco urbs vilis annus utrimque adaugeo accedo crux subito.

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