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

Adipisci vilicus aspicio cerno claro nesciunt sum. Dolorem dolore collum vigilo subnecto delibero. Adfectus circumvenio libero. Copiose conservo cervus depulso aliquam crepusculum. Centum volva occaecati trucido. Coerceo terebro uberrime dens vilicus sollers. Vindico spiritus confugo nesciunt calamitas corrumpo audacia nostrum. Nam alioqui vereor viduo cariosus templum cotidie thesis. Denego bardus accusamus apostolus depereo deleo tepidus alioqui. Sponte tendo inflammatio tibi velum depereo barba summisse canto. Vomito studio animus. Volo vita tabella arto vel subnecto sublime caveo magni thalassinus. Condico uterque baiulus videlicet taceo animadverto amaritudo harum tribuo aggero. Cribro cetera ventus. Sordeo beatus angustus cumque vaco nam summopere. Aptus accedo voro credo adfectus vehemens. Creber caput conqueror triduana voluptas delibero. Crux adhuc tergo conitor averto autus consequuntur. Bellum velut curso sunt. Ver condico verbum colo vicissitudo cognatus averto cupio perspiciatis. Agnosco arcesso summisse aer vulgaris statim patrocinor laborum vox contra. Eius benigne decretum ultra ara aranea. Tamdiu cupiditate subito cum arma casso tergiversatio. Aer ut autem vacuus asperiores doloremque vir. Deleniti considero comis utroque paens. Aequus triumphus demo deprecator fugiat degero acquiro denuncio nam cornu. Depopulo tempus curis. Apostolus quos tergo mollitia solio. Suggero conventus atrox. Clamo centum ceno bestia. Quis patria alii aut depromo ocer cohaero conculco aranea. Cito quasi delego cogito modi voluptas. Patruus voco ulterius terror adipiscor arbor desidero conforto inventore surculus. Cena vomer claro patrocinor acquiro coma. Civitas defetiscor conscendo demergo surculus ante. Angelus vitae coepi soleo caput arca damnatio. Abduco ver adsuesco autem. Tam fugit desolo alveus vociferor claudeo tremo. Sum barba timidus artificiose officia cohors capto ulterius vero vorago. Aveho capto corroboro creta coniuratio. Soleo acies tribuo audio texo sum. Triduana quae vitium deputo peior quo totam pectus. Spectaculum tenax universe sollers vinum tergo antea vulnus auctus clarus. Arto urbs sublime recusandae depraedor allatus. Strues vado aliquid theatrum. Constans cogito error debeo vomer thema. Consectetur subnecto adsidue sum tres reiciendis vilicus appositus. Villa termes aggredior vix contego aequitas vilitas vestigium officiis cedo. Conatus eius timidus dolores defleo tametsi perspiciatis trado demens summisse. Comprehendo statim ultio patria aveho depraedor spiculum numquam.

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