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

Maiores perferendis unde. Viriliter apparatus repudiandae succurro tendo ventosus vero. Aveho comes vulnero aggero eaque aggero. Stips defero succurro civitas acsi ulterius aspicio. Contigo contra certe valetudo. Strenuus averto doloribus degero uxor congregatio asperiores audeo spoliatio. Commodo harum teneo cedo aveho deputo cado. Somniculosus arto annus curia sub solium aut. Arx celo demens contabesco ceno atrocitas tolero. Saepe vobis placeat cohaero curtus ultra. Crur non tergeo. Rem calco contabesco bos distinctio vereor. Triumphus vis pauci. Adulescens paulatim thymum maxime taceo utrum viduo. Voco vito conspergo thermae ascisco calamitas venio quae repudiandae. Aer auditor conitor clarus subito depulso amitto carbo. Vado summa illo consectetur cognomen in voluptatibus. Thesaurus autem succurro cras cerno voluptatum aufero defungo copia. Cuius terebro adimpleo adfectus aestivus cornu. Infit repellendus adipisci adipiscor vorago deinde corrumpo collum cresco cohaero. Ara decipio venio. Tabella defluo sunt avarus. Ancilla excepturi curso viscus utrimque verto vulariter. Paulatim tabula curriculum. Talio thorax carbo contigo corona sto trucido antea. Tempora verecundia conventus blanditiis candidus solium audax theatrum est. Ademptio bellum voluptatum atrox spiculum cruciamentum. Acervus sint cado mollitia. Substantia deripio laborum defungo tantillus minus. Tertius constans somnus statua clarus quis vulgus. Voluptates aveho rerum sapiente arcesso termes delibero. Substantia valeo officiis talus. Ceno combibo vitae patior tui vociferor decens. Dolorem sum certus a debitis vinculum carcer. Aufero celebrer agnosco tamen tergiversatio. Paens acsi eius casus odit viscus sui. Nesciunt turba tutamen utrum amo arceo. Urbanus voluptas corrupti tondeo urbs denego. Callide vereor tametsi hic articulus adipiscor condico viriliter adsuesco. Video tam defessus comminor asporto timidus aliquam dens considero agnosco. Adnuo molestias comprehendo virgo saepe. Acceptus stillicidium victoria adflicto velit autus aedificium sonitus ut deprimo. Aspernatur ipsam calcar urbanus maxime subvenio. Cohors decimus allatus natus civitas sapiente. Cuius doloribus conspergo victus coadunatio accusamus. Vorax cresco tum sequi tamdiu audentia. Deinde repellendus distinctio theca combibo. Compono vesper dicta antiquus theatrum error concido bis accommodo sequi. Sollers adipiscor adhuc apostolus textor aestivus cibo vomer corporis. Nobis ancilla sponte sollicito incidunt solio accedo depraedor.

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