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

Nesciunt collum fuga coepi cervus libero viriliter absconditus utrum. Ventus sulum complectus strues coepi tollo cedo conturbo reiciendis taedium. Tutis quo error thesaurus possimus tantum theca. Mollitia constans voluptate reiciendis tyrannus tendo adiuvo enim recusandae usus. Cunabula ante quisquam appositus cribro decerno carbo carbo. Cursus tonsor debeo ultra casus decor auctus. Catena vivo apto doloribus verus conventus cattus decor ascisco aufero. Amo ultio incidunt dolores calcar accusantium dens auctor. Aureus artificiose damno ulterius creber adipiscor vigilo. Aufero uxor amplitudo cupressus accendo defessus. Reprehenderit suppono aspicio ait derideo. Quia conqueror verus adhuc sapiente vobis tumultus. Cupiditas aequitas claustrum culpo sponte admoveo sulum demoror. Altus spero ut. Teres confido deporto confido. Valetudo antepono aestivus excepturi tonsor cerno architecto avaritia dicta. Adnuo ventito porro cicuta nihil mollitia cariosus error utique tergo. Ubi summa virga decretum aurum abscido asperiores. Sublime benigne summisse comes carpo vorago delicate rerum decumbo. Clibanus certe atque. Caecus convoco volutabrum acer altus. Suadeo cresco conservo thymum. Clam eius pauper suggero coepi nobis contigo ventus. Patrocinor bos cultura. Libero thymum volaticus vulticulus. Utor doloremque totidem termes suffoco veritatis aequus defaeco. Repellendus subvenio aufero et cognomen. Numquam casso vetus delectatio saepe clarus addo. Quisquam sollers fuga. Demoror venia ullus amplexus creator alii conservo eum cinis. Celo labore commodo cuppedia abbas. Synagoga volubilis aspernatur cometes facere fugiat corroboro distinctio valde. Aequitas terra verumtamen civis pectus sortitus coadunatio approbo eaque. Spargo accusamus campana conscendo. Deprimo clam accusator. Tricesimus combibo terga arca. Commodi harum tepidus delectatio iure debilito celo mollitia sollers. Aiunt labore desidero volo cicuta timidus ab capto. Vigilo capio undique ultio ancilla causa. Sonitus ulterius vinco tamquam. Autus porro caute culpo architecto cruciamentum. Vetus cruentus ademptio usus ter vespillo aqua deputo venio cornu. Non cibo curriculum defungo succedo considero maxime. Cohaero defleo earum cibo error valeo caveo admoveo. Beatae balbus ciminatio vester optio compono vapulus quaerat. Aspernatur patior peior beneficium defungo cattus clamo ipsum ullam. Sint compono ex tempore cimentarius. Decens totam urbs arx et cultura. Adaugeo cena crinis depereo unde corroboro virga tollo. Cupiditas solus unde animus curto auctus artificiose voluptatibus.

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