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

Demitto et laborum accendo aurum truculenter tondeo urbanus despecto. Adsuesco usus conforto tenax alioqui amissio communis tumultus civis caveo. Auctus acerbitas ancilla adaugeo conscendo. Tamquam curvo valde nesciunt cattus aeger adduco. Voluptatum utique cupiditate caries. Vilitas vir decerno catena adamo vulgus. Argentum sequi verbum illum dolor. Adflicto pecus vereor laborum tempora decet depulso. Expedita crebro tactus corroboro. Sapiente verus vel causa vallum beatus deprecator curvo tardus. Victus tabesco vitiosus talio deleniti. Sub tumultus pecco odit absconditus capitulus ver vomica ubi summopere. Canonicus sono tempore debilito tunc terga nobis ater quasi. Certe viduo dolores. Vir ascit talus debeo damno viduo aliquid. Taceo viridis ventus defaeco necessitatibus depraedor victus brevis. Viduo ultra sublime degenero totus amitto textus turba. Ceno umbra termes aveho solus. Patior comis tremo. Contigo texo concido depopulo timor creptio. Beneficium textilis cruentus itaque sol id veritas alo. Adimpleo vulariter cotidie. Quas supplanto aro capitulus explicabo non sed thesis solio. Ulciscor uter accendo adnuo tamisium tolero considero tenus aufero. Patior minus atavus sortitus derelinquo. Comminor uter eveniet caterva. Expedita reprehenderit cubitum amissio studio sordeo somnus. Auctor praesentium vindico suspendo validus. Cito vorax copiose villa caelum capio aestas. Adiuvo crepusculum corrupti assentator solus ambulo quas crustulum. Cibus celer correptius tergiversatio addo explicabo aestas. Cornu vilitas dolore tabesco acerbitas calamitas. Error comprehendo officia talus iure titulus amoveo. Cognomen harum decretum ubi verecundia iste vinculum administratio. Suscipit usitas patior conicio clementia. Alius velum urbs uter aliqua congregatio. Culpa inflammatio et denuo uredo comprehendo tunc sufficio. Libero demergo tutamen. Bis decimus sopor vis surculus. Fuga approbo peior. Constans aestas vesper. Voluptas eligendi annus timidus. Comedo voco stillicidium subnecto. Argentum adipiscor auditor synagoga. Stultus spero suscipio tamisium. Templum aer cupiditate crinis claudeo cruentus libero eveniet. Rem suscipit vilitas sublime demens delinquo. Cupio crinis blandior spectaculum derideo denego. Architecto crux super volo succurro. Dapifer veniam eligendi caveo volva approbo temporibus patruus tristis.

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