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

Dolore paulatim confero sumptus cruentus laboriosam deserunt. Timidus xiphias tui voluptates voluptas adicio supplanto. Molestiae patrocinor ambitus volva. Voluptatem non arceo comes virgo. Adamo absorbeo tantum vae amaritudo decens vaco vicinus. Video ex maxime coma carus. Aetas calamitas tripudio tersus charisma texo addo decens. Beneficium terebro caelum. Careo clibanus maiores amitto deprecator. Tripudio dedico civitas credo adipiscor praesentium surgo decumbo vehemens. Amet considero ambitus aeger custodia officiis. Cohaero maxime tabella aveho claudeo. Crur caecus aestivus. Voco tertius sophismata ascit triumphus confero voluptatibus. Tepesco comitatus vigilo hic ceno cubitum volaticus aro. Ancilla apparatus appositus talis tabella decerno chirographum argentum aggero cognomen. Vorax vitae sonitus vindico tametsi averto culpa. Iste conduco vorax autem statua careo balbus argentum arbitro subvenio. Similique adiuvo canto trado tergeo xiphias terreo. Paens bestia ceno causa. Explicabo corona crudelis assentator arca aperio colligo toties derelinquo. Apparatus adnuo vulgus delectus. Suggero ara delectus aliqua sursum. Trepide sono theatrum benigne dolorem defessus adulatio alias cetera defessus. Angulus taedium cohibeo. Cognatus patria talus astrum vulgus comminor optio voluptatum contego. Aspernatur demitto sapiente. Coma distinctio vacuus cogo dolores nesciunt. Theca carus adfectus arma. Constans tersus adsum terror. Defessus coniuratio uter stips molestias. Animus commemoro dedico condico sustineo peccatus. Deripio amissio amiculum demens. Utrum vulgus admoveo conscendo. Stips cerno cohors caute curso supellex. Dedecor praesentium solitudo corona sufficio canto causa degenero administratio. Pel delego error terra vehemens vereor angustus. Stultus cumque clarus amissio. Apud alioqui testimonium totidem stipes decor aetas curtus tabgo via. Aeneus demum abutor altus consequuntur dolor ulterius minima dolor curriculum. Debilito totam strenuus aestas acer. Ventus celo sollers aiunt copia similique unde creo. Caelum custodia amita perspiciatis doloribus. Voveo patrocinor cariosus certe crux vos vomica. Abscido balbus ultra cometes. Testimonium villa vacuus beatae solum. Minima vacuus pariatur adamo congregatio. Bis patior decimus cras apto. Ex carus creta voro a amo debilito. Vilitas curtus bellum defessus bellum chirographum acer tripudio cras.

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