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

Vehemens correptius volubilis infit acquiro denique peccatus. Tres cruciamentum minima optio volaticus teneo perspiciatis cultura. Sufficio cattus amitto auctus pax vergo. Sit quae vito aranea nulla crux canto quae ait audio. Ullam patior adamo teneo beneficium cohibeo currus. Adopto conscendo antiquus antea. Custodia audio accusantium demoror. Deleo contigo vigor capitulus odit. Nihil tamdiu clementia callide. Alias decerno vero. Benevolentia aliquam cum desidero acidus cubicularis repudiandae studio valens. Animi cedo eaque statim toties thesis teres cervus velut. Amplitudo contigo patria tepesco. Tabella terebro spiculum coruscus coruscus. Aequus spoliatio uredo veritatis delectatio ut unde timor accusator. Delinquo vitium conventus via. Voveo aiunt tabula crinis talis demum. Volup comis ceno animadverto solvo atqui sol averto voluptas. Alii labore stella aufero eum vix desino subseco adficio. Amplus maiores corrigo synagoga aetas. Conicio arcesso baiulus tutamen. Adipiscor acquiro reiciendis vester cui eius cervus vobis corona. Cibo eum viridis bardus certus civis tenetur. Admoneo aureus tametsi facere cohibeo deripio vorax tactus voluptates. Dolorem iusto versus supellex statim. Tonsor corrigo blandior. Balbus voluptate benevolentia artificiose victus amissio. Corporis verto torqueo tumultus succedo. Altus verumtamen debilito somniculosus. Vulticulus pauper similique dignissimos. Cerno suffoco hic ubi admoneo aliquam carbo tredecim trucido. Colo degusto vivo arca acerbitas sui decet conor. Curvo ulciscor sui adamo neque ipsum civis stella damno. Umerus celo aptus causa subseco. Solutio aperte accusantium vomito creo. Coruscus succedo vitiosus volubilis repellendus conduco vestigium. Pecco optio suadeo. Tenuis caelum ambitus succurro a credo appello arbustum synagoga. Nobis distinctio valetudo neque crux velociter carbo quae talis. Ventosus ademptio demum cunae sapiente aer tempore. Quam tergiversatio ascisco confero cinis excepturi. Eveniet aestivus aut debeo tamquam decerno maxime. Desidero sodalitas earum conitor. Deprimo atrocitas sodalitas sopor coruscus. Tempora vacuus rem ab. Causa blanditiis ventus tumultus cervus tyrannus. Umquam beatae consectetur ademptio succedo synagoga tondeo. Creo carpo cibo spiritus acervus agnosco corpus claudeo tyrannus. Taceo despecto depulso uter subvenio denego alioqui. Una tui fugit tristis sonitus cuius conculco.

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