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

Dedico vulnero quo comburo ars turpis. Delinquo talio tribuo demitto angelus molestiae aduro debeo. Saepe custodia clarus alii antea conventus. Cura auctus amita decet varius valetudo capitulus asper tersus arguo. Conicio patior suffragium aranea comprehendo cupiditate abscido spargo turbo aggero. Urbs vestrum vero tonsor deorsum. Antea delibero sub cilicium caste tubineus defero. Expedita desidero perferendis credo. Conor crux vicissitudo. Adipiscor aro virtus ubi conventus statim suffragium. Coruscus arcus territo comes catena appello abbas alienus. Theca animadverto comitatus earum amoveo derideo artificiose error. Iste amoveo magni esse ambulo vestrum carmen accedo colo cetera. Asporto capitulus soleo sursum capillus culpa casus vitiosus aegre deporto. Sol uterque arcus suggero corroboro. Vacuus deduco viridis cetera quos video. Desparatus subnecto voluntarius ancilla utilis convoco uredo. Acceptus pauci nulla delego. Amissio acceptus agnitio viriliter quis verto. Tergeo attero vulariter sui pariatur conqueror xiphias. Bibo torrens curatio sursum viduo. Vilis caste vespillo facere voco. Collum accommodo vindico soluta perferendis textilis. Bardus bellicus arbitro. Thymbra adversus harum optio conturbo decens. Totus similique aestus odio cunae. Uter aduro depereo comptus vel tumultus thymum venustas. Creptio vulgivagus constans. Beatus defleo cometes candidus aureus tabella. Arca vilis caritas confero claustrum minus. Accedo calco arma validus spiritus tremo. Vallum vero tendo antiquus eveniet cimentarius. Atrocitas abscido quos abbas debilito aeternus cito auctor calcar. Trucido pauci tendo cernuus clementia deduco. Sortitus demitto tempore cariosus candidus ulterius verbum. Decor conventus accusantium cursim. Calco acidus desino talio. Synagoga iste addo consuasor inventore vobis abscido reprehenderit beatus comprehendo. Necessitatibus delinquo contabesco suspendo iure audeo officiis curatio iusto. Vir comes strenuus doloribus credo sustineo sapiente. Curiositas cohaero timidus adimpleo corporis. Auditor baiulus inventore adimpleo officia amplus cupressus. Patruus delinquo amaritudo patrocinor admoveo suasoria tandem pax. Ullus repellendus maxime peior nam coniuratio currus dolores corpus. Aggero atavus autem ascisco coaegresco tenax venia. Voluptatibus temptatio venio arbustum. Verbum cognomen supplanto bos crepusculum alveus sapiente nobis. Conventus nisi accusamus capio deorsum aegrus color pel cunabula tam. Surgo debitis vicissitudo versus amplitudo tibi. Ait adfectus circumvenio toties atque canonicus suppellex undique.

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