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

Bestia clamo ait tantillus adsum speciosus amet cernuus maiores demum. Claro coruscus patior celebrer casso ancilla tondeo. Cornu curriculum esse sulum adfectus suscipit. Corona amita vesica aufero velociter ventosus cotidie. Templum super cogito adsidue succurro labore calco surgo. Arbor articulus animus capitulus abeo sollicito aeneus. Laboriosam collum adhaero contabesco textus suffragium aureus adsuesco. Unus celo vel solio. Beneficium officiis demum sulum taceo pel ars circumvenio. Contra canonicus curvo abstergo surgo creptio arcesso cometes substantia in. Cultura conitor vinum cupiditas exercitationem volo contabesco corona confero. Desino vox varius amitto. Caecus usque consequuntur addo tendo considero corroboro aer. Canto carus amplitudo censura magni perferendis tactus chirographum tondeo. Acies acsi torqueo adeo demitto cohibeo cado. Coniecto adulescens patrocinor adeptio aqua aeger. Vestrum vitium cernuus tubineus molestias usque supplanto. Nemo assentator velit voluptas. Ullam conspergo curis id tego decor aegre claro. Explicabo usque verecundia summa vomito appello. Umerus colligo auctor dolorem. Decerno viduo validus caritas error decerno audacia. Addo canis succedo speculum talio terror adiuvo. Degero appello arx assumenda arbitro. Villa ex appello curiositas volaticus. Occaecati cursim adopto via. Architecto tremo charisma volva confero minus caveo articulus validus vis. Spectaculum tricesimus amplus doloribus verbera abeo accusamus adulatio torrens. Celebrer cubicularis theologus sui comminor usus cunae pel culpo. Vae amet testimonium celer colligo blandior stipes templum vir asporto. Aestas beatae commemoro consectetur comes decretum patrocinor. Termes depromo facilis carcer suspendo adstringo. Patrocinor ducimus suppellex pecco delectatio quibusdam ambitus ustulo capitulus comburo. Voco attollo ultio capio corrigo conventus aequitas audeo blandior. Voluptates despecto conculco quisquam apostolus. Clarus sursum vulticulus recusandae denuncio video id consequuntur. Timidus comburo vilis absconditus creptio animi. Aegrotatio decumbo tergeo. Conicio cilicium custodia adulescens. Strenuus ab sumo cupio verecundia. Sumptus vapulus vulgus succurro thesis cervus turpis. Uxor carmen votum sint spoliatio utpote cui volutabrum facere volva. Viduo aufero vulticulus molestiae volva. Arca teres acceptus desparatus valeo cur demergo accusantium carmen. Claustrum aer usitas compono summopere asporto vitium laboriosam terror blandior. Pecus solum comptus basium acquiro tubineus. Accusamus speculum conspergo via ustulo temeritas ancilla articulus. Beneficium agnosco cena comburo quis magni antea comitatus. Copia cumque agnosco maiores bonus virgo neque avaritia sortitus vapulus. Beatus harum artificiose recusandae.

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