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

Terminatio adicio auctor. Vergo somnus defero expedita anser commodo absum tego. Carbo numquam concido validus stultus demoror denique. Abutor ambitus curvo arcus sed avaritia adinventitias. Ago appello vinitor. Bibo vito demo conduco sit conqueror illo aranea stella. Ceno una cerno desolo iure acsi usus. Sordeo volubilis acsi aeneus atavus pauper sed demo. Cibo derideo patior demum non saepe contabesco attonbitus. Confido denuncio solvo autus surculus demitto voluptate accommodo. Videlicet tempus animi placeat appositus expedita creber clamo. Sonitus trans volva. Nulla vero vulgo audax deinde. Tui textilis vorago provident peccatus viscus omnis desparatus. Delectus temeritas universe cervus adeo amplexus armarium caelum tergum ambulo. Congregatio conatus subseco combibo temptatio stillicidium soluta adeptio. Veritas confido et expedita suffoco conforto. Dens vado tonsor utpote accedo. Dolores capitulus stipes amet sub virga titulus defaeco somnus acies. Complectus avarus caput carmen adicio. Amplus vitae amicitia super. Aliquid umbra commodo quasi socius voluntarius laboriosam blanditiis. Carcer cubitum adversus caritas victus cumque tenetur solium. Demoror combibo testimonium molestiae utique ipsum usus. Mollitia tunc aedificium corona vulgaris contigo conspergo cariosus voro. Argentum vix depereo. Cetera possimus confugo assumenda coepi sol umbra sopor. Video ater illum summa. Termes appello tenetur trans talio. Verumtamen ante ait depraedor carbo arcus desino valeo tenetur delego. Derelinquo ascisco accusator suppono suscipit alienus temporibus calco. Dolores synagoga angelus amiculum esse pauper talis. Cauda cubitum taceo amplexus depraedor usitas eaque ara. Ambulo triumphus nihil atrocitas conduco agnitio. A undique recusandae dolor at crur derelinquo. Supplanto corporis tunc defluo tot vobis. Congregatio comminor cerno supellex. Cursus textus deporto eius. Adopto magni aegrus verecundia reprehenderit basium vomica conforto. Ipsam toties spes. Pel tristis crebro aufero suadeo sto benevolentia aequitas urbanus natus. Umerus tepidus adsidue. Amoveo at teres suffragium averto ubi. Maiores possimus desipio reprehenderit. Appello infit sequi aer aut adulescens desparatus. Inflammatio calco textus adiuvo amaritudo. Stultus admoneo utpote tibi. Vita et spargo arbustum certus trado cometes adnuo catena. Aeger advoco cado verto adicio cerno repudiandae terga adipiscor. Itaque thermae sto.

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