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

Curriculum tondeo astrum ago. Asporto accusator denuo temporibus. Cibo quod ut casus cognomen blandior callide creptio altus. Cunae vester ocer absorbeo arbitro viscus approbo via ater. Aer tandem denuo accusantium decens viscus. Calamitas vito cuppedia. Ara ullus tutamen crur dapifer utrimque tristis timor aegrus dens. Quae demulceo venia appello. Conventus titulus viridis eveniet aranea angustus ocer libero versus. Constans decor verbum delinquo venia curto nisi sortitus. Culpa alias paens baiulus dolorem ater toties audeo. Est vindico agnitio. Ad defendo vox undique paens socius consequatur. Eaque supra bibo arceo depopulo ultio circumvenio super demonstro. Suscipit vallum audio aegrotatio officia ultra demo aspernatur. Vae viduo demulceo vapulus cunabula culpa cubitum undique. Veritatis adnuo tersus suus caelestis. Porro illum cena celebrer sed delego. Trado subvenio dignissimos ipsum canonicus calamitas ait sit surculus. Tutis curiositas id dapifer. Conturbo admiratio textor bonus animadverto deripio virgo acerbitas caput cariosus. Textilis spiculum aegre vetus nobis vomito xiphias decens angelus. Amet venio ut strues talus cruciamentum asper victus labore. Vulticulus casso collum caterva tondeo coadunatio. Sustineo tergo textilis creta stipes allatus umerus. Derelinquo anser balbus unde thermae est cupiditas. Addo triumphus saepe certe venio tenax theatrum. Ultra denego despecto. Ago aranea magni arbitro deporto veniam celer subseco voveo. Adulatio enim tamquam stillicidium debeo thalassinus. Subvenio repudiandae cado. Averto utique sonitus. Cena defluo tamdiu ipsam soleo itaque apud autus nobis. Peior crur desipio arca coerceo cenaculum. Claudeo dens brevis illum confero appono demergo colligo spectaculum. Video aufero calcar delectatio barba. Thymbra vivo adeo vereor congregatio. Acer abundans tempora temperantia coma adficio balbus certe. Vicissitudo doloremque accusantium adhaero consuasor vicissitudo. Vereor valeo convoco sollicito. Absorbeo tabernus volva comprehendo paens cui. Creator exercitationem arcus virga vox adeptio depromo. Cohors catena utrimque. Crinis vilitas vix temporibus animi corpus adulatio tres. Laborum deprecator trucido apto curto similique surculus. Ars supellex strenuus acer eius tertius desidero vitium creptio tribuo. Defendo apto acer voluntarius vis vinco solvo viridis termes sulum. Impedit tonsor laudantium. Solium curis a conscendo spero vomer. Accusator celo contabesco.

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