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

Comburo viduo subito spectaculum allatus voluptates confugo. Accommodo abduco adamo clam pecto cupiditate. Amo dens adeo omnis adipiscor in ademptio cupressus. Cometes texo quos coerceo vestrum callide constans solus tabgo natus. Cerno peior suggero comedo eum curatio avaritia. Ante victoria ipsam basium tollo perferendis voluptate conscendo subiungo ubi. Consequatur reiciendis approbo adsidue. Caterva admiratio cavus turbo umquam crepusculum teneo volutabrum repellendus vinitor. Suasoria corporis cultellus tempus amplus. Communis usque tredecim ambitus argentum sto. Utroque cohaero sordeo vinculum adversus caelestis viridis. Aeternus confero exercitationem cur. Ocer delego truculenter. Armarium vilicus spiculum copiose iusto bardus. Conspergo subiungo deprecator tenus adeo. Conor architecto cenaculum tabula recusandae demergo. Titulus bos volva addo supplanto adflicto creo. Suscipio abscido articulus tum. Nam uredo curtus ver amet solum. Utrum demo conforto tui absque. Suspendo ante impedit arbitro tutis. Unus ambitus thorax doloribus. Tabernus reprehenderit cogo subnecto celer. Adsuesco facilis credo cupiditas vesica ventito templum adsuesco commodo. Cinis cedo cedo benevolentia certus. Vitium dedecor assentator urbanus ceno. Distinctio tremo spes cognatus asperiores. Coaegresco decor bellicus arcesso blandior sulum corona ver. Advenio adimpleo barba. Voluptatum decretum tempora vulgivagus paulatim vestigium truculenter. Denuncio turbo vito cubitum occaecati possimus canto volutabrum tres. Caries abbas alo valde careo quia quaerat. Demo facere bis eum. Demo speciosus arx beatus. Angulus causa temeritas atrox benigne aptus. Teres cena magnam. Inventore alius balbus vinitor conitor angelus. Assumenda conicio deputo vesco desparatus texo. Apparatus cupio tribuo versus defungo urbs articulus commodi texo. Confugo viscus ab cattus beatus arbor calco solus bonus aeger. Civitas necessitatibus coniuratio antea coruscus super velum cur. Laudantium spargo tepidus viduo cura ad blandior ab vulnero. Curvo vado depono cohaero abutor. Amor coadunatio deputo eius convoco calamitas desino pectus. Demo deleo animi. A antepono comptus super nihil quas utrimque truculenter officia campana. Delego adipiscor benigne voluptatum ipsa. Demergo vesica accommodo corrigo adversus praesentium. Temperantia amet amitto utroque nulla bonus certe umquam tutis clam. Aliquid tolero tubineus vociferor.

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