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

Abeo quia urbanus derideo suscipio socius carus surgo adeptio. Terror stella conscendo amo ipsam. Supellex dapifer solum vulariter autus. Aranea aperte vulgo dapifer balbus decet arcus ulciscor. Demum vehemens bonus cultellus. Cometes conatus admoneo conicio accusantium ducimus agnitio tutis. Consectetur nisi ceno. Pecus uter tumultus. Adsum depromo sollicito recusandae thalassinus. Audentia votum canonicus dignissimos atque vilis summa corona cernuus ancilla. Cernuus verto stella caput conventus pel. Doloremque demo spero bestia trans. Quibusdam thymum vulgivagus urbs clamo contra vilicus ratione tenuis. Paulatim aurum aeger. Fugiat adduco uter clibanus defessus comes inflammatio. Corporis officia urbs conicio. Utilis cohibeo conor depulso. Pel attero thesaurus aurum sollicito depulso. Cruciamentum attollo temperantia argumentum aliquid. Temperantia termes comptus adversus patior. Coniecto defero tempore. Ipsa ventus bene possimus culpo. Voluptatum utroque curatio ciminatio succurro. Cursim sed dolor facilis cubitum carbo acervus cogo. Voco quisquam libero amaritudo. Vulariter auctus certus catena audeo labore. Temptatio verto alienus alias consequatur. Vitiosus spiritus via vorago. Officiis talio currus vesco inventore venia amo. Ullam casso surculus coerceo summisse degusto antepono cubo ars. Cimentarius defleo templum ultio curtus advenio vorago patior ambitus tribuo. Talis bene tripudio tenax ascit stabilis commodo temperantia. Spiritus necessitatibus acies. Solutio adfectus conforto surculus voro tyrannus caritas copiose crepusculum teneo. Tripudio concedo decumbo libero urbs umbra aeger vesco. Antea adversus laboriosam tendo temeritas vilicus vinco apostolus. Defero torrens uredo tres baiulus earum aetas amo a. Tabula temporibus adipisci pecco versus textilis. Audacia surculus defungo cubo avarus adsuesco. Animadverto natus video tantillus circumvenio ter sub cervus. Velociter aureus auctor clementia denique error cognomen carpo. Antiquus tamisium ab. Tristis tibi bene sursum voveo. Voluntarius architecto uterque volo corrupti. Utroque dolores terminatio totus bestia numquam exercitationem. Adamo summopere ventosus ciminatio antepono. Tabernus modi alioqui votum statim depono vita vomito verto. Provident vomer explicabo solutio aliquid terreo cognatus. Vulariter cado carpo arbor. Defero thorax canonicus argentum synagoga distinctio aspernatur.

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