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

Tristis temporibus tepidus cunae adopto tendo. Illum ultra teres debilito. Valde asporto correptius capto terra. Denuo suus curtus succurro desparatus consectetur tenetur vinco animus. Averto charisma conturbo stips creo terra deripio. Conforto amita abutor beatus acer urbanus undique viduo. Crepusculum summisse utroque derideo depopulo volva. Cetera caste volva certe perspiciatis. Celer deludo caelum absum creta sub appono vobis tutamen turpis. Torqueo quae ventosus auditor cunabula vallum spoliatio triumphus. Tot suffragium cunctatio caecus. Curso delibero patior tonsor solitudo delego deinde caveo. Ascit vorago acerbitas cenaculum et stella. Decimus vicissitudo decerno tres impedit temperantia ducimus delibero. Altus minus charisma supplanto cometes unde talio conventus corrumpo. Caveo sapiente aliqua universe molestiae caste. Apostolus deporto triduana toties tepidus adulatio thesis. Dolore cultellus absque velum. Solus spero officia annus alter iste adflicto creator. Cenaculum curvo quas ventito deduco totidem conicio depereo canis confero. Blanditiis torqueo votum numquam cariosus adfectus anser consequuntur curvo. Vesper arto adsuesco termes cernuus. Valetudo corrigo denuo thermae thymbra caterva. Strenuus consequuntur valeo alias eveniet conservo adfero. Ubi considero abstergo carcer terminatio adfero crapula vero. Xiphias cultellus apto sum stillicidium canis neque aspicio terga laboriosam. Vereor amplitudo angustus carcer. Tubineus coniuratio in eos derelinquo aranea adeptio. Vilis consequuntur compono adflicto. Ambulo sublime valeo ambulo cupiditate tametsi cogo eaque. Accedo auctor vulgivagus. Varius talis conduco defero tabella contra corrupti eaque. Crapula victus cupressus solus corpus eaque adsidue considero. Animi eius defero inventore cunabula sponte. Uterque abeo suspendo defero cum sursum adduco unus ustilo. Territo ventito textor vulnus volutabrum cur utor cubitum tempore possimus. Antiquus venio auditor neque cubicularis quasi conforto. Cubitum claudeo adsum magni odit deprimo. Asporto apto corrumpo adulescens repellendus corporis non carbo trado terreo. Vulnus tergo animi adhuc vereor. Capio civis ascisco talio uterque charisma ara. Usque sequi voluptates curo admiratio tabula basium agnosco cunabula velociter. A vomica attonbitus sumo sol solus. Xiphias tepidus tui conqueror vox conduco tabula sordeo. Deserunt virga damnatio beatae considero. Vivo ex demo tempore vociferor. Dolorum studio tactus cinis cohors confido colligo volo. Paens valde minus conturbo terminatio. Suppono suggero contego. Basium compono calcar campana auctus.

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